incomplete: draft version of typescript migration.

.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": ["@babel/env", "@babel/typescript"],
+  "plugins": [
+    "@babel/proposal-class-properties",
+    "@babel/proposal-object-rest-spread"
+  ]
+}

.eslintignore

@@ -0,0 +1 @@
+*.js

.eslintrc.js

@@ -1,293 +1,17 @@
-module.exports = {
-    "env": {
-        "browser": true,
-        "es6": true
-    },
-    "extends": "eslint:recommended",
-    "globals": {
-        "Atomics": "readonly",
-        "SharedArrayBuffer": "readonly"
-    },
-    "parserOptions": {
-        "ecmaVersion": 2018
-    },
-    "rules": {
-        "accessor-pairs": "error",
-        "array-bracket-newline": "error",
-        "array-bracket-spacing": [
-            "error",
-            "never"
-        ],
-        "array-callback-return": [
-            "error",
-            {
-                "allowImplicit": true
-            }
-        ],
-        "array-element-newline": "off",
-        "arrow-body-style": "error",
-        "arrow-parens": [
-            "error",
-            "as-needed"
-        ],
-        "arrow-spacing": [
-            "error",
-            {
-                "after": true,
-                "before": true
-            }
-        ],
-        "block-scoped-var": "off",
-        "block-spacing": [
-            "error",
-            "always"
-        ],
-        "brace-style": "off",
-        "callback-return": "off",
-        "camelcase": "error",
-        "capitalized-comments": "off",
-        "class-methods-use-this": "error",
-        "comma-dangle": "off",
-        "comma-spacing": "off",
-        "comma-style": [
-            "error",
-            "last"
-        ],
-        "complexity": "off",
-        "computed-property-spacing": [
-            "error",
-            "never"
-        ],
-        "consistent-return": "off",
-        "consistent-this": "error",
-        "curly": "off",
-        "default-case": "error",
-        "dot-location": "error",
-        "dot-notation": "error",
-        "eol-last": "error",
-        "eqeqeq": "off",
-        "func-call-spacing": "error",
-        "func-name-matching": "error",
-        "func-names": "off",
-        "func-style": "off",
-        "function-paren-newline": "off",
-        "generator-star-spacing": "error",
-        "global-require": "error",
-        "guard-for-in": "error",
-        "handle-callback-err": "error",
-        "id-blacklist": "error",
-        "id-length": "off",
-        "id-match": "error",
-        "implicit-arrow-linebreak": [
-            "error",
-            "beside"
-        ],
-        "indent": "off",
-        "indent-legacy": "off",
-        "init-declarations": "error",
-        "jsx-quotes": "error",
-        "key-spacing": "error",
-        "keyword-spacing": [
-            "error",
-            {
-                "after": true,
-                "before": true
-            }
-        ],
-        "line-comment-position": "off",
-        "linebreak-style": [
-            "error",
-            "unix"
-        ],
-        "lines-around-comment": "off",
-        "lines-around-directive": "error",
-        "lines-between-class-members": "error",
-        "max-classes-per-file": "error",
-        "max-depth": "off",
-        "max-len": "off",
-        "max-lines": "off",
-        "max-lines-per-function": "off",
-        "max-nested-callbacks": "error",
-        "max-params": "off",
-        "max-statements": "off",
-        "max-statements-per-line": "off",
-        "multiline-comment-style": [
-            "error",
-            "separate-lines"
-        ],
-        "new-cap": "error",
-        "new-parens": "error",
-        "newline-after-var": "off",
-        "newline-before-return": "off",
-        "newline-per-chained-call": "error",
-        "no-alert": "error",
-        "no-array-constructor": "error",
-        "no-await-in-loop": "error",
-        "no-bitwise": "off",
-        "no-buffer-constructor": "error",
-        "no-caller": "error",
-        "no-catch-shadow": "error",
-        "no-confusing-arrow": "error",
-        "no-console": "off",
-        "no-continue": "off",
-        "no-div-regex": "error",
-        "no-duplicate-imports": "error",
-        "no-else-return": "off",
-        "no-empty-function": "error",
-        "no-eq-null": "off",
-        "no-eval": "error",
-        "no-extend-native": "error",
-        "no-extra-bind": "error",
-        "no-extra-label": "error",
-        "no-extra-parens": "off",
-        "no-floating-decimal": "error",
-        "no-implicit-coercion": "error",
-        "no-implicit-globals": "error",
-        "no-implied-eval": "error",
-        "no-inline-comments": "off",
-        "no-inner-declarations": [
-            "error",
-            "functions"
-        ],
-        "no-invalid-this": "error",
-        "no-iterator": "error",
-        "no-label-var": "error",
-        "no-labels": "error",
-        "no-lone-blocks": "error",
-        "no-lonely-if": "off",
-        "no-loop-func": "error",
-        "no-magic-numbers": "off",
-        "no-mixed-operators": "off",
-        "no-mixed-requires": "error",
-        "no-multi-assign": "off",
-        "no-multi-spaces": "error",
-        "no-multi-str": "error",
-        "no-multiple-empty-lines": "error",
-        "no-native-reassign": "error",
-        "no-negated-condition": "error",
-        "no-negated-in-lhs": "error",
-        "no-nested-ternary": "error",
-        "no-new": "error",
-        "no-new-func": "error",
-        "no-new-object": "error",
-        "no-new-require": "error",
-        "no-new-wrappers": "error",
-        "no-octal-escape": "error",
-        "no-param-reassign": "off",
-        "no-path-concat": "error",
-        "no-plusplus": "off",
-        "no-process-env": "error",
-        "no-process-exit": "error",
-        "no-proto": "error",
-        "no-restricted-globals": "error",
-        "no-restricted-imports": "error",
-        "no-restricted-modules": "error",
-        "no-restricted-properties": "error",
-        "no-restricted-syntax": "error",
-        "no-return-assign": "error",
-        "no-return-await": "error",
-        "no-script-url": "error",
-        "no-self-compare": "error",
-        "no-sequences": "error",
-        "no-shadow": "off",
-        "no-spaced-func": "error",
-        "no-sync": "error",
-        "no-tabs": "off",
-        "no-template-curly-in-string": "error",
-        "no-ternary": "off",
-        "no-throw-literal": "error",
-        "no-undef-init": "error",
-        "no-undefined": "off",
-        "no-unmodified-loop-condition": "error",
-        "no-unneeded-ternary": "error",
-        "no-use-before-define": "off",
-        "no-useless-call": "error",
-        "no-useless-computed-key": "error",
-        "no-useless-concat": "error",
-        "no-useless-constructor": "error",
-        "no-useless-rename": "error",
-        "no-useless-return": "error",
-        "no-var": "off",
-        "no-void": "error",
-        "no-warning-comments": "off",
-        "no-whitespace-before-property": "error",
-        "object-curly-newline": "error",
-        "object-curly-spacing": [
-            "error",
-            "always"
-        ],
-        "object-shorthand": "off",
-        "one-var": "off",
-        "one-var-declaration-per-line": "off",
-        "operator-assignment": "off",
-        "operator-linebreak": "error",
-        "padded-blocks": "off",
-        "padding-line-between-statements": "error",
-        "prefer-arrow-callback": "off",
-        "prefer-const": "off",
-        "prefer-destructuring": "off",
-        "prefer-named-capture-group": "error",
-        "prefer-numeric-literals": "error",
-        "prefer-object-spread": "error",
-        "prefer-promise-reject-errors": "error",
-        "prefer-reflect": "off",
-        "prefer-rest-params": "error",
-        "prefer-spread": "error",
-        "prefer-template": "off",
-        "quote-props": "off",
-        "quotes": "off",
-        "radix": [
-            "error",
-            "as-needed"
-        ],
-        "require-await": "error",
-        "require-jsdoc": "off",
-        "require-unicode-regexp": "error",
-        "rest-spread-spacing": "error",
-        "semi": "off",
-        "semi-spacing": [
-            "error",
-            {
-                "after": true,
-                "before": false
-            }
-        ],
-        "semi-style": [
-            "error",
-            "last"
-        ],
-        "sort-imports": "error",
-        "sort-keys": "off",
-        "sort-vars": "off",
-        "space-before-blocks": "error",
-        "space-before-function-paren": "off",
-        "space-in-parens": [
-            "error",
-            "never"
-        ],
-        "space-infix-ops": "error",
-        "space-unary-ops": "error",
-        "spaced-comment": "off",
-        "strict": [
-            "error",
-            "never"
-        ],
-        "switch-colon-spacing": "error",
-        "symbol-description": "error",
-        "template-curly-spacing": "error",
-        "template-tag-spacing": "error",
-        "unicode-bom": [
-            "error",
-            "never"
-        ],
-        "valid-jsdoc": "off",
-        "vars-on-top": "off",
-        "wrap-iife": "error",
-        "wrap-regex": "error",
-        "yield-star-spacing": "error",
-        "yoda": [
-            "error",
-            "never"
-        ]
-    }
-};
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module" // Allows for the use of imports
+    },
+    extends: [
+        "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+        "prettier/@typescript-eslint", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+        "plugin:prettier/recommended" 
+
+    ],
+    rules: {
+        // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+        // e.g. "@typescript-eslint/explicit-function-return-type": "off",
+    }
+};

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+	semi: true,
+	trailingComma: 'all',
+	singleQuote: true,
+	printWidth: 200,
+	tabWidth: 2,
+	useTabs: false,
+};

.vscode/settings.json

@@ -0,0 +1,20 @@
+{
+    "cSpell.words": [
+        "NESW",
+        "NWSE",
+        "Unminified",
+        "Unsubsribe",
+        "consts",
+        "devtool",
+        "doubleclick",
+        "downlevel",
+        "dragfinished",
+        "dragstarted",
+        "esnext",
+        "khtml",
+        "pixelated",
+        "sourcemap",
+        "timechanged",
+        "tslib"
+    ]
+}

README.md

@@ -1,15 +1,15 @@
-# js-animation-timeline-control
+# animation-timeline-control
 
 [![NPM](https://nodei.co/npm/animation-timeline-js.png)](https://nodei.co/npm/animation-timeline-js/)
 
-Animation timeline is a vanilla JavaScript, no-dependency, canvas component to draw and manipulate animation keyframes.
+Animation timeline is a TypeScript, no-dependency, canvas component designed to visualize and manipulate animation keyframes.
 
 Features:
 
 - Fast and customizable, rendered on a canvas.
 - Snap, Zoom, Pan mode, multiple keyframes selection.
 - Keyboard support.
-- Drag mutliple keyframes, drag keyframe ranges.
+- Drag multiple keyframes, drag keyframe ranges.
 - Area virtualization - only small displayed area is rendered.
 - Native browser scrollbars are used.
 - Horizontal scale with the automatically adjusted ticks.
@@ -27,7 +27,7 @@ Features:
 ### HTML
 
 ```JavaScript
-   let lanes = [
+   let rows = [
       {
         keyframes: [
           {
@@ -39,12 +39,9 @@ Features:
         ]
       }];
 
-    let timeline = animationTimeline.initialize(
-      {
-        id: "timeline"
-      });
+    let timeline = new timelineModule.Timeline({id:'timeline'})
 
-    timeline.setLanes(lanes);
+    timeline.setModel({ rows: rows });
 ```
 
 ### Angular
@@ -52,7 +49,7 @@ Features:
 ```TypeScript
 import {
   default as timeline,
-  AnimationTimelineOptions,
+  TimelineOptions,
   Timeline,
   AnimationTimelineLane,
   ScrollEventArgs
@@ -63,7 +60,7 @@ timeline.initialize({ id: 'timeline' });
 
 ### Draw the outline tree
 
-Use and syncronize scroll events to draw outline list/tree at the left side of the animation panel.
+Use and synchronize scroll events to draw outline list/tree at the left side of the animation panel.
 
 - Each element of the list should have the same height as animation lane.
 - Hide the vertical scroll of the outline container.
@@ -86,10 +83,10 @@ Despite of the main options each keyframe or lane has own properties that can ov
 | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | timeChanged  | time changed: { val: val, source: "user" or "setTime" }                                                                                                |
 | selected     | keyframe selected: keyframe                                                                                                                            |
-| scroll       | On scroll. Can be used to sycnronize outline list with the current timeline container { args: args, scrollLeft, scrollTop, scrollHeight, scrollWidth } |
-| dragStarted  | emited on drag started: { keyframes: [] }                                                                                                              |
-| drag         | emited when dragging: { keyframes: [] }                                                                                                                |
-| dragFinished | emited when drag finished: { keyframes: [] }                                                                                                           |
+| scroll       | On scroll. Can be used to synchronize outline list with the current timeline container { args: args, scrollLeft, scrollTop, scrollHeight, scrollWidth } |
+| dragStarted  | emitted on drag started: { keyframes: [] }                                                                                                              |
+| drag         | emitted when dragging: { keyframes: [] }                                                                                                                |
+| dragFinished | emitted when drag finished: { keyframes: [] }                                                                                                           |
 
 ### Description
 
@@ -118,72 +115,19 @@ You can pass additional metadata for the keyframes to identify them when events
 Default options:
 
 ```JavaScript
-let defaultOptions = {
-		snapsPerSeconds: 5, // from 1 to 60
-		snapEnabled: true,
-		/**
-		 *  Snap all selected keyframes as bundle during the drag.
-		 */
-		snapAllKeyframesOnMove: false,
-		timelineThicknessPx: 2,
-		timelineMarginTopPx: 15,
-		timelineCapWidthPx: 4,
-		timelineCapHeightPx: 10,
-		timelineTriangleCap: false,
-		timelineRectCap: true,
-		// approximate step in px for 1 second 
-		stepPx: 120,
-		stepSmallPx: 30,
-		smallSteps: 50,
-		// additional left margin to start the gauge from
-		leftMarginPx: 25,
-		minTimelineToDispayMs: 5000,
-		headerBackground: '#101011',
-		selectedLaneColor: '#333333',
-		backgroundColor: '#101011',
-		timeIndicatorColor: 'DarkOrange',
-		labelsColor: '#D5D5D5',
-		laneLabelsColor: '#D5D5D5',
-		tickColor: '#D5D5D5',
-		selectionColor: 'White',
-		// Lanes colors
-		laneColor: '#252526', //'#252526',37373D
-		alternateLaneColor: 'black',//333333
-		keyframesLaneColor: '#094771',
-		// keyframe color. can be overrided by a keyframe 'color' property.
-		keyframeColor: 'red',
-		// Shape of the keyframe: none|rhomb|circle|rect
-		keyframeShape: 'rhomb',
-		// selected keyframe color. can be overrider by a keyframe 'selectedColor' property.
-		selectedKeyframeColor: 'DarkOrange',
-		keyframeBorderColor: 'Black',
-		useAlternateLaneColor: false,
-		keyframeBorderThicknessPx: 0.2,
-		// can be a number or 'auto'. can be overriden by 'keyframe.size'. Auto is calculated based on the laneHeightPx.
-		keyframeSizePx: 'auto',
-		laneHeightPx: 24,
-		laneMarginPx: 2,
-		// Size of the lane in pixels. Can be 'auto' than size is based on the 'laneHeightPx'. can be overriden by lane 'lane.keyframesLaneSizePx'. 
-		keyframesLaneSizePx: 'auto',
-		headerHeight: 30,
-		ticksFont: "11px sans-serif",
-		zoom: 1000,
-		// Zoom speed. Use percent of the screen to set zoom speed. 
-		zoomSpeed: 0.1,
-		// Max zoom
-		zoomMin: 80,
-		// Min zoom
-		zoomMax: 8000,
-		// scroll by drag speed (from 0 to 1)
-		scrollByDragSpeed: 0.12,
-		id: '',
-		// Whether keyframes draggable. Can be also configured by a keyframe property draggable 
-		keyframesDraggable: true,
-		// Whether keyframes lanes draggable. Can be also configured by a lane property draggable 
-		keyframesLanesDraggable: true
-	}
+
 ```
 
+## Changes
+
+## 2.0
+- Migrated to TypeScript, Webpack, Babel.
+- API is refined.
+
+## < 2.0
+
+Vanilla js implementation. 
+
 ## License
 
 MIT

index.html → demo/index.html

@@ -29,7 +29,7 @@
     }
   </style>
 
-  <script src="index.js" type="text/javascript"></script>
+  <script src="../lib/animation-timeline.js" type="text/javascript"></script>
 </head>
 
 <body>
@@ -41,12 +41,17 @@
   <div id="currentTime"></div>
   <div id="currentKeyframes"></div>
   <script type="text/javascript">
-    let lanes = [
+    let rows = [
       {
-        keyframesLaneSizePx: 1,
+        style: {
+          height: 1,
+          keyframesStyle: {
+            shape: "rect"
+          }
+        },
         selected: false,
         draggable: false,
-        keyframesShape: "rect",
+
         keyframes: [
           {
             val: 40,
@@ -138,14 +143,11 @@
       },
     ];
 
-    let timeline = animationTimeline.initialize(
-      {
-        id: "timeline"
-      });
+    let timeline = new timelineModule.Timeline({id:'timeline'})
 
-    timeline.setLanes(lanes);
+    timeline.setModel({ rows: rows });
 
-    timeline.on("timeChanged", function (object) {
+    timeline.on("timechanged", function (object) {
       document.getElementById("currentTime").innerHTML = object.val + "ms";
     });
 
@@ -153,9 +155,9 @@
       document.getElementById("currentKeyframes").innerHTML = `Keyframe value: ${object.keyframes[0].val}. Selected (${object.keyframes.length}). ${eventName}`;
     }
 
-    timeline.on("dragStarted", function (obj) { dragHandler(obj, 'dragStarted') });
+    timeline.on("dragstarted", function (obj) { dragHandler(obj, 'dragstarted') });
     timeline.on("drag", function (obj) { dragHandler(obj, 'drag') });
-    timeline.on("dragFinished", function (obj) { dragHandler(obj, 'dragFinished') });
+    timeline.on("dragfinished", function (obj) { dragHandler(obj, 'dragfinished') });
 
   </script>
 </body>

index.d.ts

@@ -1,175 +0,0 @@
-export type TimelineEvent =
-  | "selected"
-  | "timeChanged"
-  | "dragStarted"
-  | "drag"
-  | "dragFinished"
-  | "scroll";
-
-export type RenderLaneFunction = (ctx: any, laneBounds: any) => void;
-export type RenderKeyframeFunction = (
-  ctx: any,
-  pos: any,
-  bounds: any,
-  keyframe: AnimationTimelineKeyframe,
-  lane: AnimationTimelineLane
-) => void;
-
-export type SubscribeFunction = (args: any | ScrollEventArgs) => void;
-export type ScrollEventArgs = {
-  args: any;
-  scrollLeft: number;
-  scrollTop: number;
-  scrollHeight: number;
-  scrollWidth: number;
-};
-
-export type Timeline = {
-  redraw(): void;
-  rescale(): void;
-  getOptions(): AnimationTimelineOptions;
-  setOptions(options: AnimationTimelineOptions);
-  getLanes(): AnimationTimelineLane[];
-  setLanes(data: AnimationTimelineLane[]);
-  on(event: TimelineEvent, callback: SubscribeFunction);
-  onScroll(callback: SubscribeFunction);
-  setScrollLeft(value: number);
-  setScrollTop(value: number);
-  getScrollLeft(): number;
-  getScrollTop(): number;
-  setLanes(data: AnimationTimelineLane[]);
-  off(event: TimelineEvent, callback: Function);
-  getTime(): number;
-  setTime(value: number);
-  nextFrame();
-  prevFrame();
-  setPanMode(value: boolean);
-};
-
-export type AnimationTimelineLane = {
-  shape?: string;
-  hidden?: boolean;
-  selected?: boolean;
-  cursor?: string;
-  name?: string;
-  color?: string;
-  selectedColor?: string;
-  /**
-   * Keyframes bounds stripe size. When null default config is used.
-   */
-  keyframesLaneSizePx?: number;
-  /**
-   * Keyframes bounds stripe color. When null default config is used.
-   */
-  keyframesLaneColor?: string;
-  keyframes?: AnimationTimelineKeyframe[];
-  data?: any;
-  /**
-   * Custom renderer for the lane.
-   */
-  render?: null | undefined | RenderLaneFunction;
-  /**
-   * Value indicating whether to draw keyframes or not.
-   */
-  drawKeyframes?: boolean;
-  /**
-   * Custom renderer for all keyframes in a lane.
-   */
-  renderKeyframes?: RenderKeyframeFunction;
-};
-
-export type AnimationTimelineKeyframe = {
-  selected?: boolean;
-  keyframesShape?: string;
-  hidden?: boolean;
-  cursor?: string;
-  val: number;
-  draggable?: boolean;
-  data?: any;
-  /**
-   * Custom renderer for the keyframe.
-   */
-  render?: RenderKeyframeFunction;
-};
-
-export type AnimationTimelineOptions = {
-  snapsPerSeconds: number;
-  snapEnabled: boolean;
-  /**
-   *  Snap all selected keyframes as bundle during the drag.
-   */
-  snapAllKeyframesOnMove: boolean;
-  timelineThicknessPx: number;
-  timelineMarginTopPx: number;
-  timelineCapWidthPx: number;
-  timelineCapHeightPx: number;
-  timelineTriangleCap: boolean;
-  timelineRectCap: boolean;
-  // approximate step in px for 1 second
-  stepPx: number;
-  stepSmallPx: number;
-  smallSteps: number;
-  // additional left margin to start the gauge from
-  leftMarginPx: number;
-  minTimelineToDispayMs: number;
-  headerBackground: string;
-  selectedLaneColor: string;
-  backgroundColor: string;
-  timeIndicatorColor: string;
-  labelsColor: string;
-  laneLabelsColor: string;
-  tickColor: string;
-  selectionColor: string;
-  // Lanes colors
-  laneColor: string;
-  alternateLaneColor: string;
-  keyframesLaneColor: string;
-  // keyframe color. can be overrided by a keyframe 'color' property.
-  keyframeColor: string;
-  // Shape of the keyframe: none|rhomb|circle|rect
-  keyframeShape: string;
-  selectedKeyframeColor: string;
-  keyframeBorderColor: string;
-  useAlternateLaneColor: boolean;
-  keyframeBorderThicknessPx: number;
-  // can be a number or 'auto'. can be overriden by 'keyframe.size'. Auto is calculated based on the laneHeightPx.
-  keyframeSizePx: number | string;
-  laneHeightPx: number;
-  laneMarginPx: number;
-  // Size of the lane in pixels. Can be 'auto' than size is based on the 'laneHeightPx'. can be overriden by lane 'lane.keyframesLaneSizePx'.
-  keyframesLaneSizePx: string | number;
-  headerHeight: number;
-  autoWidth: boolean;
-  ticksFont: string;
-  zoom: number;
-  // Zoom speed. Use percent of the screen to set zoom speed.
-  zoomSpeed: number;
-  // Max zoom
-  zoomMin: number;
-  // Min zoom
-  zoomMax: number;
-  // scroll by drag speed (from 0 to 1)
-  scrollByDragSpeed: number;
-  id: string;
-  // Use from and to range to limit the animation payload:
-  useTimelineAnimationRange: boolean;
-  /**
-   * Whether all keyframes draggable. Can be also configured by a keyframe property draggable
-   */
-  keyframesDraggable?: boolean;
-  /**
-   * Whether keyframes lanes draggable.  Can be also configured by a lane property draggable
-   */
-  keyframesLanesDraggable?: boolean;
-};
-
-type AnimationTimeline = {
-  initialize(
-    options: AnimationTimelineOptions,
-    lanes?: AnimationTimelineLane[]
-  ): Timeline;
-};
-
-declare const timeline: AnimationTimeline;
-
-export default timeline;

index.js

@@ -1,1901 +0,0 @@
-
-function sign(p) {
-    if (Math.sign) {
-        return Math.sign(p);
-    }
-    return p >= 0 ? 1 : -1;
-}
-
-var document = window.document;
-
-function clearBrowserSelection() {
-    if (window.getSelection) {
-        window.getSelection().removeAllRanges();
-    } else if (document.selection) {
-        document.selection.empty();
-    }
-}
-
-let defaultOptions = {
-    snapsPerSeconds: 5, // from 1 to 60
-    snapEnabled: true,
-    /**
-     *  Snap all selected keyframes as bundle during the drag.
-     */
-    snapAllKeyframesOnMove: false,
-    timelineThicknessPx: 2,
-    timelineMarginTopPx: 15,
-    timelineCapWidthPx: 4,
-    timelineCapHeightPx: 10,
-    timelineTriangleCap: false,
-    timelineRectCap: true,
-    // approximate step in px for 1 second
-    stepPx: 120,
-    stepSmallPx: 30,
-    smallSteps: 50,
-    // additional left margin to start the gauge from
-    leftMarginPx: 25,
-    minTimelineToDispayMs: 5000,
-    headerBackground: '#101011',
-    selectedLaneColor: '#333333',
-    backgroundColor: '#101011',
-    timeIndicatorColor: 'DarkOrange',
-    labelsColor: '#D5D5D5',
-    laneLabelsColor: '#D5D5D5',
-    tickColor: '#D5D5D5',
-    selectionColor: 'White',
-    // Lanes colors
-    laneColor: '#252526', //'#252526',37373D
-    alternateLaneColor: 'black', //333333
-    keyframesLaneColor: '#094771',
-    // keyframe color. can be overrided by a keyframe 'color' property.
-    keyframeColor: 'red',
-    // Shape of the keyframe: none|rhomb|circle|rect
-    keyframeShape: 'rhomb',
-    // selected keyframe color. can be overrider by a keyframe 'selectedColor' property.
-    selectedKeyframeColor: 'DarkOrange',
-    keyframeBorderColor: 'Black',
-    useAlternateLaneColor: false,
-    keyframeBorderThicknessPx: 0.2,
-    // can be a number or 'auto'. can be overriden by 'keyframe.size'. Auto is calculated based on the laneHeightPx.
-    keyframeSizePx: 'auto',
-    laneHeightPx: 24,
-    laneMarginPx: 2,
-    // Size of the lane in pixels. Can be 'auto' than size is based on the 'laneHeightPx'. can be overriden by lane 'lane.keyframesLaneSizePx'.
-    keyframesLaneSizePx: 'auto',
-    headerHeight: 30,
-    ticksFont: "11px sans-serif",
-    zoom: 1000,
-    // Zoom speed. Use percent of the screen to set zoom speed.
-    zoomSpeed: 0.1,
-    // Max zoom
-    zoomMin: 80,
-    // Min zoom
-    zoomMax: 8000,
-    // scroll by drag speed (from 0 to 1)
-    scrollByDragSpeed: 0.12,
-    id: '',
-    // Whether keyframes draggable. Can be also configured by a keyframe property draggable
-    keyframesDraggable: true,
-    // Whether keyframes lanes draggable. Can be also configured by a lane property draggable
-    keyframesLanesDraggable: true,
-    // Set this to true in a macos environment: The Meta key will be used instead of the Ctrl key.
-    controlKeyIsMetaKey: false,
-    // Access the scroll container via this class for e.g. scrollbar styling.
-    scrollContainerClass: 'scroll-container'
-}
-
-let denominators = [1, 2, 5, 10];
-let clickDetectionMs = 120;
-let doubleClickTimeoutMs = 400;
-
-function getPixelRatio() {
-    return 1;
-}
-
-function msToHMS(ms, isSeconds) {
-    // 1- Convert to seconds:
-    var seconds = ms / 1000;
-    if (isSeconds) {
-        seconds = ms;
-    }
-
-    var year = Math.floor(seconds / (365 * 86400));
-    seconds = seconds % (365 * 86400);
-
-    var days = Math.floor(seconds / 86400);
-    seconds = seconds % 86400;
-
-    // 2- Extract hours:
-    var hours = parseInt(seconds / 3600); // 3,600 seconds in 1 hour
-    seconds = seconds % 3600; // seconds remaining after extracting hours
-    // 3- Extract minutes:
-    var minutes = parseInt(seconds / 60); // 60 seconds in 1 minute
-    // 4- Keep only seconds not extracted to minutes:
-    seconds = (seconds % 60);
-    var str = '';
-    if (year) {
-        str += year + ":";
-    }
-
-    if (days) {
-        str += days + ":";
-    }
-
-    if (hours) {
-        str += hours + ":";
-    }
-
-    if (minutes) {
-        str += minutes + ":";
-    }
-
-    if (!isNaN(seconds)) {
-        str += seconds;
-    }
-
-    return str;
-}
-
-
-/**
- * Check rectangle overlap.
- * @param {number} x1
- * @param {number} y1
- * @param {object} rectangle
- */
-function isOverlap(x, y, rectangle) {
-    if (!rectangle) {
-        console.log('Rectange cannot be empty');
-        return false;
-    }
-
-    if (rectangle.x <= x && (rectangle.x + rectangle.w) >= x &&
-        rectangle.y <= y && (rectangle.y + rectangle.h) >= y) {
-        return true;
-    }
-
-    return false;
-}
-
-function isRectOverlap(rect, rect2) {
-    if (!rect || !rect2) {
-        console.log('Rectanges cannot be empty');
-        return false;
-    }
-
-    // If one rectangle is on left side of other
-    if (rect.x > rect2.x + rect2.w || rect2.x > rect.x + rect.w) {
-        return true;
-    }
-
-    // If one rectangle is above other
-    if (rect.y < rect2.y + rect2.h || rect2.y < rect.y + rect.h) {
-        return true;
-    }
-    return false;
-}
-
-function getDistance(x1, y1, x2, y2) {
-    if (x2 != undefined && y2 != undefined) {
-        return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2));
-    } else {
-        return Math.abs(x1 - y1);
-    }
-}
-
-function getPowArgument(toCheck) {
-    if (!toCheck || toCheck === 0 || !isFinite(toCheck)) {
-        return 1;
-    }
-    // some optimiazation for numbers:
-    if (toCheck >= 10 && toCheck < 100) {
-        return 1;
-    } else if (toCheck >= 100 && toCheck < 1000) {
-        return 2;
-    } else if (toCheck >= 1000 && toCheck < 10000) {
-        return 3;
-    }
-
-    toCheck = Math.abs(toCheck);
-    var category = 0;
-    var s = sign(toCheck);
-    if (toCheck > 1) {
-        while (toCheck >= 1) {
-            toCheck = Math.floor(toCheck / 10.0);
-            category++;
-        }
-
-        return s * category - 1;
-    } else if (toCheck > 0.0) {
-        // Get number of zeros before the number.
-        var zerosCount = Math.floor(Math.log(toCheck) / Math.log(10) + 1);
-        zerosCount = zerosCount - 1;
-        return zerosCount;
-    } else {
-        return 1;
-    }
-}
-
-export default class AnimationTimeline {
-    constructor(options, lanes) {
-
-        function mergeOptions(toSet) {
-            toSet = toSet || {};
-            options = options || {};
-            // Merge options with the default:
-            for (var key in defaultOptions) {
-                if (Object.prototype.hasOwnProperty.call(defaultOptions, key) && toSet[key] == undefined) {
-                    toSet[key] = defaultOptions[key];
-                }
-            }
-
-            return toSet;
-        }
-
-        mergeOptions(options);
-
-        var container = document.getElementById(options.id);
-        if (!container) {
-            console.log('options.id is mandatory!');
-            return;
-        }
-
-        var scrollContainer = document.createElement("div");
-        var scrollContent = document.createElement("div");
-        var canvas = document.createElement("canvas");
-
-        if (!canvas || !canvas.getContext) {
-            console.log('Cannot initialize canvas context.');
-            return null;
-        }
-
-        container.style.position = "relative";
-        // Generate size container:
-        canvas.style.cssText = 'image-rendering: -moz-crisp-edges;' +
-            'image-rendering: -webkit-crisp-edges;' +
-            'image-rendering: pixelated;' +
-            'image-rendering: crisp-edges;' +
-            'user-select: none;' +
-            '-webkit-user-select: none;' +
-            '-khtml-user-select: none;' +
-            '-moz-user-select: none;' +
-            '-o-user-select: none;' +
-            'user-select: none;' +
-            'touch-action: none;' +
-            'position: relative;' +
-            'padding: inherit';
-
-        scrollContainer.classList.add(options.scrollContainerClass);
-        scrollContainer.style.cssText = 'overflow: scroll;' +
-            'position: absolute;' +
-            'width:  100%;' +
-            'height:  100%;';
-
-        scrollContent.style.width = scrollContent.style.height = "100%";
-
-        // add the text node to the newly created div
-        scrollContainer.appendChild(scrollContent);
-        container.appendChild(scrollContainer);
-        var scrollBarWidth = scrollContainer.offsetWidth - scrollContent.clientWidth;
-        canvas.style.width = canvas.style.height = "calc(100% -" + (scrollBarWidth || 17) + "px)";
-
-        container.appendChild(canvas);
-
-        if (options.backgroundColor) {
-            scrollContainer.style.background = options.backgroundColor;
-        }
-
-        if (!options.stepPx) {
-            options.stepPx = defaultOptions.stepPx;
-        }
-
-        options.snapsPerSeconds = Math.max(0, Math.min(60, options.snapsPerSeconds));
-
-        let timeLine = {
-            val: 0,
-        };
-
-        var startPos = null;
-        var currentPos = null;
-        var selectionRect = null;
-        var drag = null;
-        var clickDuration = null;
-        var lastClickTime = 0;
-        var scrollingTimeRef = null;
-        var selectedKeyframes = [];
-        var intervalReference = null;
-        var lastCallDate = null;
-        var isPanStarted = false;
-        var isPanMode = false;
-
-        var ctx = canvas.getContext("2d");
-
-        var drawLine = function (ctx, x1, y1, x2, y2) {
-            ctx.moveTo(x1, y1);
-            ctx.lineTo(x2, y2);
-        }
-
-        var pixelRatio = getPixelRatio(ctx);
-
-        function getMousePos(canvas, evt) {
-
-            let radius = 1;
-            if (evt.changedTouches && evt.changedTouches.length > 0) {
-                // TODO: implement better support of this:
-                var touch = evt.changedTouches[0];
-                if (isNaN(evt.clientX)) {
-                    evt.clientX = touch.clientX;
-                    evt.clientY = touch.clientY;
-                    radius = Math.max(radius, touch.radiusX, touch.radiusY);
-                }
-            }
-
-            var rect = canvas.getBoundingClientRect(), // abs. size of element
-                scaleX = canvas.width / pixelRatio / rect.width, // relationship bitmap vs. element for X
-                scaleY = canvas.height / pixelRatio / rect.height; // relationship bitmap vs. element for Y
-
-            var x = (evt.clientX - rect.left) * scaleX;
-            var y = (evt.clientY - rect.top) * scaleY;
-            // scale mouse coordinates after they have been adjusted to be relative to element
-            return {
-                x: x,
-                y: y,
-                radius
-            }
-        }
-
-        function rescale(scrollMode, newWidth, newHeight) {
-            var width = scrollContainer.clientWidth * pixelRatio;
-            var height = scrollContainer.clientHeight * pixelRatio;
-            if (Math.floor(width) != Math.floor(ctx.canvas.width)) {
-                ctx.canvas.width = width;
-            }
-
-            if (Math.floor(height) != Math.floor(ctx.canvas.height)) {
-                ctx.canvas.height = height;
-            }
-
-            ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
-            var sizes = getLanesSizes();
-            if (sizes && sizes.areaRect) {
-                var additionalOffset = options.stepPx;
-                newWidth = newWidth || 0;
-                // not less than current timeline position
-                var timelineGlobalPos = valToPx(timeLine.val, true);
-                var timelinePos = 0;
-                if (timelineGlobalPos > canvas.clientWidth) {
-                    if (scrollMode == 'scrollBySelection') {
-                        timelinePos = Math.floor(timelineGlobalPos + canvas.clientWidth + (options.stepPx || 0));
-                    } else {
-                        timelinePos = Math.floor(timelineGlobalPos + canvas.clientWidth / 1.5);
-                    }
-                }
-                var keyframeW = sizes.areaRect.w + options.leftMarginPx + additionalOffset;
-
-                newWidth = Math.max(newWidth,
-                    // keyframes size
-                    keyframeW,
-                    // not less than current scroll position
-                    scrollContainer.scrollLeft + canvas.clientWidth,
-                    timelinePos,
-                );
-                newWidth = Math.floor(newWidth) + "px";
-
-                if (newWidth != scrollContent.style.minWidth) {
-                    scrollContent.style.minWidth = newWidth;
-                }
-
-                newHeight = Math.max(Math.floor(sizes.areaRect.h + options.laneHeightPx * 4),
-                    scrollContainer.scrollTop + canvas.clientHeight - 1,
-                    Math.round(newHeight || 0));
-
-                var h = newHeight + "px";
-                if (scrollContent.style.minHeight != h) {
-                    scrollContent.style.minHeight = h;
-                }
-            }
-        }
-
-
-        // Check whether we can drag something here.
-        function getDraggable(pos) {
-
-            // few extra pixels to select items:
-            var helperSelector = Math.max(2, pos.radius);
-            var draggable = null;
-            if (pos.y >= options.headerHeight && options.keyframesDraggable) {
-                iterateKeyframes(function (keyframe, keyframeIndex, lane, laneIndex) {
-                    if (keyframe.draggable !== undefined) {
-                        if (!keyframe.draggable) {
-                            return;
-                        }
-                    }
-
-                    var keyframePos = getKeyframePosition(keyframe, laneIndex);
-                    if (keyframePos) {
-                        var dist = getDistance(keyframePos.x, keyframePos.y, pos.x, pos.y);
-                        if (dist <= keyframePos.size + helperSelector) {
-                            if (!draggable) {
-                                draggable = {
-                                    obj: keyframe,
-                                    pos: pos,
-                                    val: keyframe.val,
-                                    type: 'keyframe',
-                                    distance: dist
-                                }
-                            } else if (dist <= draggable.distance) {
-                                draggable.obj = keyframe;
-                                draggable.val = keyframe.val;
-                            }
-                        }
-                    }
-                })
-
-                if (draggable) {
-                    return draggable;
-                }
-
-                // Return keyframes lanes:
-                const lanesSizes = getLanesSizes();
-                if (options.keyframesLanesDraggable && lanesSizes) {
-                    let foundOverlap = lanesSizes.sizes.find(function lanesSizesIterator(laneSize) {
-                        if (!laneSize || !laneSize.keyframes) {
-                            return false;
-                        }
-
-                        if (laneSize.lane.draggable !== undefined) {
-                            if (!laneSize.lane.draggable) {
-                                return;
-                            }
-                        }
-
-                        var laneOverlaped = isOverlap(pos.x, pos.y, laneSize.keyframes);
-                        return laneOverlaped;
-                    });
-
-                    if (foundOverlap) {
-                        draggable = {
-                            obj: foundOverlap,
-                            pos: pos,
-                            type: 'lane'
-                        }
-
-                        draggable.val = mousePosToVal(pos.x, true);
-
-                        if (foundOverlap && foundOverlap.keyframes) {
-                            if (foundOverlap.lane && foundOverlap.lane.keyframes) {
-                                draggable.selectedItems = foundOverlap.lane.keyframes;
-                            }
-
-                            var firstVal = foundOverlap.keyframes.from;
-                            var snapped = snapVal(firstVal);
-                            // get snapped mouse pos based on the first keynode.
-                            draggable.val += firstVal - snapped;
-                        }
-
-                        return draggable;
-                    }
-                }
-            }
-
-            // Check whether we can drag timeline.
-            var timeLinePos = valToPx(timeLine.val);
-            var width = Math.max(((options.timelineThicknessPx || 1) * pixelRatio), options.timelineCapWidthPx * pixelRatio || 1) + helperSelector;
-            if (pos.y <= options.headerHeight || (pos.x >= timeLinePos - width / 2 && pos.x <= timeLinePos + width / 2)) {
-                return {
-                    obj: timeLine,
-                    type: "timeline"
-                };
-            }
-        }
-        this.getDraggable = getDraggable;
-
-        container.addEventListener("wheel", function (event) {
-            if (controlKeyPressed(event)) {
-                event.preventDefault();
-                if (options.zoomSpeed > 0 && options.zoomSpeed <= 1) {
-                    var mousePos = getMousePos(canvas, event);
-                    var x = mousePos.x;
-                    if (x <= 0)
-                        x = 0;
-                    var val = pxToVal(scrollContainer.scrollLeft + x, false);
-                    var diff = canvas.clientWidth / x;
-
-                    var zoom = sign(event.deltaY) * options.zoom * options.zoomSpeed;
-                    options.zoom += zoom;
-                    if (options.zoom > options.zoomMax) {
-                        options.zoom = options.zoomMax;
-                    }
-                    if (options.zoom < options.zoomMin) {
-                        options.zoom = options.zoomMin;
-                    }
-                    var zoomCenter = valToPx(val, true);
-                    var newScrollLeft = Math.round(zoomCenter - canvas.clientWidth / diff);
-                    if (newScrollLeft <= 0) {
-                        newScrollLeft = 0;
-                    }
-
-                    rescale('zoom', newScrollLeft + canvas.clientWidth);
-                    if (scrollContainer.scrollLeft != newScrollLeft) {
-                        scrollContainer.scrollLeft = newScrollLeft;
-                        // Scroll event will redraw the screen.
-                    }
-
-                    redraw();
-                }
-            } else {
-                scrollContainer.scrollTop += event.deltaY;
-                event.preventDefault();
-            }
-        });
-
-        if (scrollContainer) {
-            scrollContainer.addEventListener('scroll', function (args) {
-
-                if (scrollingTimeRef) {
-                    clearTimeout(scrollingTimeRef);
-                    scrollingTimeRef = null;
-                }
-
-                // Set a timeout to run event 'scrolling end'.
-                scrollingTimeRef = setTimeout(function () {
-                    if (!isPanStarted) {
-                        if (scrollingTimeRef) {
-                            clearTimeout(scrollingTimeRef);
-                            scrollingTimeRef = null;
-                        }
-
-                        rescale();
-                        redraw();
-                    }
-
-                }, 500);
-
-                redraw();
-                var scrollData = {
-                    args: args,
-                    scrollLeft: scrollContainer.scrollLeft,
-                    scrollTop: scrollContainer.scrollTop,
-                    scrollHeight: scrollContainer.scrollHeight,
-                    scrollWidth: scrollContainer.scrollWidth
-                };
-
-                emit('scroll', scrollData);
-            });
-        }
-
-        window.addEventListener('blur', function () {
-            cleanUpSelection();
-        }, false);
-
-        window.addEventListener('resize', function () {
-            // Rescale and redraw
-            rescale();
-            redraw();
-        }, false);
-
-        document.addEventListener('keydown', (function (e) {
-            // ctrl + a. Select all keyframes
-            if (e.which === 65 && controlKeyPressed(e)) {
-                performSelection(true);
-                e.preventDefault();
-                return false;
-            }
-        }));
-
-        canvas.addEventListener('touchstart', function (args) {
-            onMouseDown(args);
-        }, false);
-
-        canvas.addEventListener('mousedown', function (args) {
-            onMouseDown(args);
-        }, false);
-
-
-        function onMouseDown(args) {
-
-            var isDoubleClick = Date.now() - lastClickTime < doubleClickTimeoutMs;
-            lastClickTime = Date.now();
-
-            // Prevent drag of the canvas if canvas is selected as text:
-            clearBrowserSelection();
-            startPos = trackMousePos(canvas, args);
-            startPos.snapVal = snapVal(startPos.val);
-
-            if (isDoubleClick) {
-                emit('doubleclick', startPos);
-                return;
-            }
-
-            emit('mousedown', startPos);
-
-            clickDuration = new Date();
-            currentPos = startPos;
-            drag = getDraggable(currentPos);
-            // Select keyframes on mouse down
-            if (drag) {
-                if (drag.type == 'keyframe') {
-                    drag.startedWithCtrl = controlKeyPressed(args);
-                    drag.startedWithShiftKey = args.shiftKey;
-                    // get all related selected keyframes if we are selecting one.
-                    if (!drag.obj.selected && !controlKeyPressed(args) && !args.shiftKey) {
-                        performSelection(true, drag.obj, 'keyframe');
-                    }
-
-                    drag.selectedItems = getSelectedKeyframes();
-                }
-            }
-
-            redraw();
-        }
-
-
-        var lastUseArgs = null;
-        window.addEventListener('mousemove', function (args) {
-            lastUseArgs = args;
-            onMouseMove(args);
-        }, false);
-
-        window.addEventListener('touchmove', function (args) {
-            lastUseArgs = args;
-            onMouseMove(args);
-        }, false);
-
-        function setKeyframePos(keyframe, toSet) {
-            toSet = Math.floor(toSet);
-            if (keyframe && keyframe.val != toSet) {
-                keyframe.val = toSet;
-                return true;
-            }
-
-            return false;
-        }
-
-        function onMouseMove(args) {
-            if (!args) {
-                args = lastUseArgs;
-            }
-
-            if (!args) {
-                return;
-            }
-
-            var isTouch = (args.changedTouches && args.changedTouches.length > 0);
-
-            currentPos = trackMousePos(canvas, args);
-            if (!isPanStarted && selectionRect && checkClickDurationOver()) {
-                selectionRect.enabled = true;
-            }
-
-            if (startPos) {
-                if (args.buttons == 1 || isTouch) {
-                    let isChanged = false;
-                    if (drag && drag.obj && !drag.startedWithCtrl) {
-                        var convertedVal = mousePosToVal(currentPos.x, true);
-                        //redraw();
-                        if (drag.type == 'timeline') {
-                            isChanged |= setTimeInternal(convertedVal, 'user');
-                        } else if ((drag.type == 'keyframe' || drag.type == 'lane') && drag.selectedItems) {
-                            var offset = Math.floor(convertedVal - drag.val);
-                            if (Math.abs(offset) > 0) {
-                                // dont allow to move less than zero.
-                                drag.selectedItems.forEach(function (p) {
-                                    if (options.snapAllKeyframesOnMove) {
-                                        var toSet = snapVal(p.val);
-                                        isChanged |= setKeyframePos(p, toSet);
-                                    }
-
-                                    var newPostion = p.val + offset;
-                                    if (newPostion < 0) {
-                                        offset = -p.val;
-                                    }
-                                });
-
-                                if (Math.abs(offset) > 0) {
-                                    // dont allow to move less than zero.
-                                    drag.selectedItems.forEach(function (p) {
-                                        var toSet = p.val + offset;
-                                        isChanged |= setKeyframePos(p, toSet);
-                                    });
-
-                                }
-
-                                if (isChanged) {
-                                    if (!drag.changed) {
-                                        emit('dragStarted', {
-                                            keyframes: drag.selectedItems
-                                        });
-                                    }
-
-                                    drag.changed = true;
-
-                                    drag.val += offset;
-                                    emit('drag', {
-                                        keyframes: drag.selectedItems
-                                    });
-                                }
-                            }
-                        }
-
-                    }
-
-                    if (isPanMode && !drag) {
-                        isPanStarted = true;
-                        // Track scroll by drag.
-                        scrollByPan(startPos, currentPos);
-                    } else {
-                        // Track scroll by mouse or touch out of the area.
-                        scrollBySelectionOutOfBounds(currentPos);
-                    }
-                    redraw();
-                } else {
-                    // Fallback. Cancel mouse move when focus was lost and mouse down is still counted.
-                    cleanUpSelection();
-                    redraw();
-                }
-            } else if (!isTouch) {
-                let draggable = getDraggable(currentPos);
-                setCursor('default');
-                if (draggable) {
-                    let cursor = null;
-                    if (draggable.obj) {
-                        cursor = draggable.obj.cursor;
-                    }
-
-                    if (draggable.type == 'lane') {
-                        cursor = cursor || "ew-resize";
-                    } else if (draggable.type == 'keyframe') {
-                        cursor = cursor || "pointer";
-                    } else {
-                        cursor = cursor || "ew-resize";
-                    }
-
-                    if (cursor) {
-                        setCursor(cursor);
-                    }
-                }
-            }
-
-            if (isTouch) {
-                args.preventDefault();
-            }
-        }
-
-        function setCursor(cursor) {
-            if (canvas.style.cursor != cursor) {
-                canvas.style.cursor = cursor;
-            }
-        }
-
-        window.addEventListener('mouseup', function (args) {
-            onMouseUp(args);
-        }, false);
-
-        window.addEventListener('touchend', function (args) {
-            onMouseUp(args);
-        }, false);
-
-        function onMouseUp(args) {
-            if (startPos) {
-                //window.releaseCapture();
-                let pos = trackMousePos(canvas, args);
-
-                // Click detection.
-                if (selectionRect && selectionRect.h <= 2 && selectionRect.w <= 2 ||
-                    !checkClickDurationOver() ||
-                    (drag && drag.startedWithCtrl) ||
-                    (drag && drag.startedWithShiftKey)) {
-                    performClick(pos, args, drag);
-                } else if (!drag && selectionRect && selectionRect.enabled) {
-                    performSelection(true, selectionRect, 'rectangle', args.shiftKey);
-                }
-
-                cleanUpSelection();
-                redraw();
-            }
-        }
-
-        function performClick(pos, args, drag) {
-            let isChanged = false;
-            if (drag && drag.type == 'keyframe') {
-                let isSelected = true;
-                if ((drag.startedWithCtrl && controlKeyPressed(args)) || (drag.startedWithShiftKey && args.shiftKey)) {
-                    if (controlKeyPressed(args)) {
-                        isSelected = !drag.obj.selected
-                    }
-                }
-                // Reverse selected keyframe selection by a click:
-                isChanged |= performSelection(isSelected, drag.obj, 'keyframe', controlKeyPressed(args) || args.shiftKey);
-
-                if (args.shiftKey) {
-                    // change timeline pos:
-                    let convertedVal = mousePosToVal(pos.x, true);
-                    // Set current timeline position if it's not a drag or selection rect small or fast click.
-                    isChanged |= setTimeInternal(convertedVal, 'user');
-                }
-            } else {
-                // deselect keyframes if any:
-                isChanged |= performSelection(false);
-
-                // change timeline pos:
-                // Set current timeline position if it's not a drag or selection rect small or fast click.
-                isChanged |= setTimeInternal(mousePosToVal(pos.x, true), 'user');
-            }
-
-            return isChanged;
-        }
-
-        function setPanMode(value) {
-            if (isPanMode != value) {
-                isPanMode = value;
-                // Awoid any conflicts with other modes:
-                cleanUpSelection();
-            }
-        }
-
-        this.setPanMode = setPanMode;
-
-        function getSelectedKeyframes() {
-            selectedKeyframes.length = 0;
-            iterateKeyframes(function selectionIterator(keyframe) {
-                if (keyframe && keyframe.selected) {
-                    selectedKeyframes.push(keyframe);
-                }
-            });
-
-            return selectedKeyframes;
-        }
-
-
-        /**
-         * Do the selection.
-         * @param {boolean} isSelected
-         * @param {object} selector can be retangle or keyframe object.
-         * @param {string} mode selector mode. keyframe | rectrangle | all
-         * @param {boolean} ignoreOthers value indicating whether all other object should be reversed.
-         * @return isChanged
-         */
-        function performSelection(isSelected, selector, mode, ignoreOthers) {
-            if (isSelected === undefined) {
-                isSelected = true;
-            }
-
-            let deselectionMode = false;
-            if (!mode) {
-                mode = 'all';
-            }
-
-            if (mode == 'all') {
-                if (!isSelected) {
-                    isSelected = false;
-                }
-
-                deselectionMode = isSelected;
-            }
-
-            selectedKeyframes.length = 0;
-            let isChanged = true;
-
-            iterateKeyframes(function selectionIterator(keyframe, keyframeIndex, lane, laneIndex) {
-                let keyframePos = getKeyframePosition(keyframe, laneIndex);
-                if (keyframePos) {
-                    if ((mode == 'keyframe' && selector == keyframe) ||
-                        (mode == 'rectangle' && selector && isOverlap(keyframePos.x, keyframePos.y, selector))) {
-                        if (keyframe.selected != isSelected) {
-                            keyframe.selected = isSelected;
-                            isChanged = true;
-                        }
-
-                        if (keyframe.selected) {
-                            selectedKeyframes.push(keyframe);
-                        }
-                    } else {
-                        // Deselect all other keyframes.
-                        if (!ignoreOthers && keyframe.selected != deselectionMode) {
-                            keyframe.selected = deselectionMode;
-                            isChanged = deselectionMode;
-                        }
-                    }
-                }
-            });
-
-            if (isChanged) {
-                onKeyframesSelected(selectedKeyframes);
-            }
-
-            return isChanged;
-        }
-
-        function iterateKeyframes(callback) {
-            if (!lanes || !lanes.forEach || lanes.length <= 0) {
-                return false;
-            }
-
-            let nextLane = false;
-            lanes.filter(p => p && !p.hidden).forEach(function lanesIterator(lane, index) {
-                if (!lane || !lane.keyframes || !lane.keyframes.forEach || lane.keyframes.length <= 0) {
-                    return;
-                }
-
-                nextLane = true;
-                lane.keyframes.filter(p => p && !p.hidden).forEach(function keyframesIterator(keyframe, keyframeIndex) {
-                    if (callback && keyframe) {
-                        callback(keyframe, keyframeIndex, lane, index, nextLane);
-                    }
-
-                    nextLane = false;
-                });
-            });
-        }
-
-        function trackMousePos(canvas, mouseArgs) {
-            let pos = getMousePos(canvas, mouseArgs);
-            pos.scrollLeft = scrollContainer.scrollLeft;
-            pos.scrollTop = scrollContainer.scrollTop;
-            pos.val = pxToVal(pos.x + pos.scrollLeft);
-
-            if (startPos) {
-                if (!selectionRect) {
-                    selectionRect = {};
-                }
-
-                // get the pos with the virtualization:
-                let x = Math.floor(startPos.x + (startPos.scrollLeft - pos.scrollLeft));
-                let y = Math.floor(startPos.y + (startPos.scrollTop - pos.scrollTop));
-                selectionRect.x = Math.min(x, pos.x);
-                selectionRect.y = Math.min(y, pos.y);
-                selectionRect.w = Math.max(x, pos.x) - selectionRect.x;
-                selectionRect.h = Math.max(y, pos.y) - selectionRect.y;
-            }
-
-            return pos;
-        }
-
-        function cleanUpSelection() {
-            if (drag && drag.changed) {
-                emit('dragFinished', {
-                    keyframes: drag.selectedItems
-                });
-            }
-
-            startPos = null;
-            drag = null;
-            selectionRect = null;
-            clickDuration = null;
-            isPanStarted = false;
-            clearMoveInterval();
-        }
-
-        function checkClickDurationOver() {
-            // Duration before the selection can be tracked.
-            if ((clickDuration && new Date() - clickDuration > clickDetectionMs)) {
-                return true;
-            }
-
-            return false;
-        }
-
-        //stepsCanFit
-        rescale();
-
-        /**
-         * Automatically move canvas when selection and mouse over the bounds.
-         */
-        function startAutoScrollInterval() {
-            if (!intervalReference) {
-                // Repeat move calls to
-                intervalReference = setInterval(function () {
-                    onMouseMove();
-                }, 50);
-            }
-        }
-
-        function clearMoveInterval() {
-            if (intervalReference) {
-                clearInterval(intervalReference);
-                intervalReference = null;
-            }
-
-            lastCallDate = null;
-        }
-
-        function checkUpdateSpeedIsFast() {
-            // Dont update too often.
-            if (lastCallDate && new Date() - lastCallDate <= 10) {
-                return true;
-            }
-
-            lastCallDate = new Date();
-            return false;
-        }
-
-
-        function scrollByPan(start, pos) {
-            if (!start || !pos) {
-                return;
-            }
-
-            let newTop = Math.round(start.y - pos.y);
-            let offsetX = Math.round(start.x - pos.x);
-            let newLeft = start.scrollLeft + offsetX;
-
-            if (offsetX > 0) {
-                rescale(newLeft + canvas.clientWidth);
-            }
-
-            if (offsetX > 0 && newLeft + canvas.clientWidth >= scrollContainer.scrollWidth - 5) {
-                scrollContainer.scrollLeft = scrollContainer.scrollWidth;
-            } else {
-                scrollContainer.scrollLeft = newLeft;
-            }
-            scrollContainer.scrollTop = newTop;
-
-        }
-
-        function scrollBySelectionOutOfBounds(pos) {
-            let x = pos.x;
-            let y = pos.y;
-            let isChanged = false;
-            let speedX = 0;
-            let speedY = 0;
-            let isLeft = x <= 0;
-            let isRight = x >= canvas.clientWidth;
-            let isTop = y <= 0;
-            let isBottom = y >= canvas.clientHeight;
-            let newWidth = null;
-            let newHeight = null;
-            if (isLeft || isRight || isTop || isBottom) {
-                // Auto move init
-                startAutoScrollInterval();
-
-                if (checkUpdateSpeedIsFast()) {
-                    return;
-                }
-
-                let scrollSpeedMultiplier = (isNaN(options.scrollByDragSpeed) ? 1 : options.scrollByDragSpeed);
-                if (isLeft) {
-                    // Get normilized speed.
-                    speedX = -getDistance(x, 0) * scrollSpeedMultiplier
-                } else if (isRight) {
-                    // Get normalized speed:
-                    speedX = getDistance(x, canvas.clientWidth) * scrollSpeedMultiplier;
-                    newWidth = scrollContainer.scrollLeft + canvas.clientWidth + speedX;
-                }
-
-                if (isTop) {
-                    // Get normilized speed.
-                    speedY = -getDistance(x, 0) * scrollSpeedMultiplier / 4;
-                } else if (isBottom) {
-                    // Get normalized speed:
-                    speedY = getDistance(x, canvas.clientHeight) * scrollSpeedMultiplier / 4;
-                    newHeight = scrollContainer.scrollTop + canvas.clientHeight;
-                }
-            } else {
-                clearMoveInterval();
-            }
-
-            if (newWidth || newHeight) {
-                rescale('scrollBySelection', newWidth, newHeight);
-            }
-
-            if (Math.abs(speedX) > 0) {
-                scrollContainer.scrollLeft += speedX;
-                isChanged = true;
-            }
-
-            if (Math.abs(speedY) > 0) {
-                scrollContainer.scrollTop += speedY;
-                isChanged = true;
-            }
-
-            return isChanged;
-        }
-
-        // Find ms from the the px coordinates
-        function pxToVal(coords, globalCoords) {
-            if (!globalCoords) {
-                coords -= options.leftMarginPx;
-            }
-            var ms = coords / options.stepPx * options.zoom;
-            return ms;
-        }
-
-        // convert
-        function valToPx(ms, globalCoords) {
-            // Respect current scroll container offset. (virtualization)
-            if (!globalCoords) {
-                var x = scrollContainer.scrollLeft;
-                ms -= pxToVal(x);
-            }
-
-            return (ms * options.stepPx / options.zoom);
-        }
-
-        function snapVal(ms) {
-            // Apply snap to steps if enabled.
-            if (options.snapsPerSeconds && options.snapEnabled) {
-                var stopsPerPixel = (1000 / options.snapsPerSeconds);
-                let step = ms / stopsPerPixel;
-                var stepsFit = Math.round(step);
-                ms = Math.round(stepsFit * stopsPerPixel);
-            }
-
-            if (ms < 0) {
-                ms = 0;
-            }
-
-            return ms;
-        }
-
-        function mousePosToVal(x, snapEnabled) {
-            let convertedVal = pxToVal(scrollContainer.scrollLeft + Math.min(x, canvas.clientWidth));
-            convertedVal = Math.round(convertedVal);
-            if (snapEnabled) {
-                convertedVal = snapVal(convertedVal);
-            }
-
-            return convertedVal;
-        }
-
-        function findGoodStep(originaStep, divisionCheck) {
-            var step = originaStep;
-            var lastDistance = null;
-            var pow = getPowArgument(originaStep);
-            for (var i = 0; i < denominators.length; i++) {
-                var denominator = denominators[i];
-                var calculatedStep = denominator * Math.pow(10, pow);
-                if (divisionCheck && (divisionCheck % calculatedStep) != 0) {
-                    continue;
-                }
-                var distance = getDistance(originaStep, calculatedStep);
-
-                if (distance == 0 || (distance <= 0.1 && pow > 0)) {
-                    lastDistance = distance;
-                    step = calculatedStep;
-                    break;
-                } else if (!lastDistance || lastDistance > distance) {
-                    lastDistance = distance;
-                    step = calculatedStep;
-                }
-            }
-
-            return step;
-        }
-
-        function drawTicks() {
-            ctx.save();
-
-            var areaWidth = scrollContainer.scrollWidth - options.leftMarginPx;
-            var from = pxToVal(0);
-            var to = pxToVal(areaWidth);
-            var dist = getDistance(from, to);
-            if (dist === 0) {
-                return;
-            }
-            // normalize step.
-            var stepsCanFit = areaWidth / options.stepPx;
-            let realStep = dist / stepsCanFit;
-            // Find the nearest 'beautiful' step for a gauge. This step should be devided by 1/2/5!
-            //let step = realStep;
-            let step = findGoodStep(realStep);
-            if (step == 0 || isNaN(step) || !isFinite(step)) {
-                return;
-            }
-            var goodStepDistancePx = areaWidth / (dist / step);
-            var smallStepsCanFit = goodStepDistancePx / options.stepSmallPx;
-            var realSmallStep = step / smallStepsCanFit;
-            var smallStep = findGoodStep(realSmallStep, step);
-            if (step % smallStep != 0) {
-                smallStep = realSmallStep;
-            }
-            // filter to draw only visible
-            var visibleFrom = pxToVal(scrollContainer.scrollLeft + options.leftMarginPx);
-            var visibleTo = pxToVal(scrollContainer.scrollLeft + scrollContainer.clientWidth);
-            // Find beautiful start point:
-            from = Math.floor(visibleFrom / step) * step;
-
-            // Find a beautiful end point:
-            to = Math.ceil(visibleTo / step) * step + step;
-
-            let lastTextX = null;
-            for (var i = from; i <= to; i += step) {
-                var pos = valToPx(i);
-                var sharpPos = getSharp(Math.round(pos));
-                ctx.save();
-                ctx.beginPath();
-                ctx.setLineDash([4]);
-                ctx.lineWidth = pixelRatio;
-                ctx.strokeStyle = options.tickColor;
-                drawLine(ctx, sharpPos, (options.headerHeight || 0) / 2, sharpPos, canvas.clientHeight);
-                ctx.stroke();
-
-                ctx.fillStyle = options.labelsColor;
-                if (options.ticksFont) {
-                    ctx.font = options.ticksFont;
-                }
-
-                var text = msToHMS(i)
-                var textSize = ctx.measureText(text);
-
-                let textX = sharpPos - textSize.width / 2;
-                // skip text render if there is no space for it.
-                if (isNaN(lastTextX) || lastTextX <= textX) {
-
-                    lastTextX = textX + textSize.width;
-                    ctx.fillText(text, textX, 10);
-                }
-
-                ctx.restore();
-                // Draw small steps
-                for (let x = i + smallStep; x < i + step; x += smallStep) {
-                    var nextPos = valToPx(x);
-                    var nextSharpPos = getSharp(Math.floor(nextPos));
-                    ctx.beginPath();
-                    ctx.lineWidth = pixelRatio;
-                    ctx.strokeStyle = options.tickColor;
-                    drawLine(ctx, nextSharpPos, (options.headerHeight || 0) / 1.3, nextSharpPos, options.headerHeight);
-                    ctx.stroke();
-                }
-            }
-
-            ctx.restore();
-        }
-
-        function getLanesSizes() {
-            let toReturn = {
-                sizes: [],
-                areaRect: {
-                    x: 0,
-                    y: 0,
-                    w: 0,
-                    h: 0,
-                    from: null,
-                    to: null
-                }
-            }
-
-            if (!options.laneHeightPx) {
-                console.log('laneHeightPx should be set.');
-                return toReturn;
-            }
-
-            if (!lanes || !lanes.forEach || lanes.length <= 0) {
-                return toReturn;
-            }
-
-            let areaRect = toReturn.areaRect;
-
-            lanes.filter(p => p && !p.hidden).forEach(function lanesIterator(lane, index) {
-                if (!lane) {
-                    return;
-                }
-
-                // draw with scroll virtualization:
-                var globalLaneY = getLanePosition(index);
-                var laneY = globalLaneY - scrollContainer.scrollTop;
-                if (index == 0) {
-                    areaRect.y = laneY;
-                }
-
-                areaRect.h = Math.max(globalLaneY + options.laneHeightPx, areaRect.h);
-
-                var laneSize = {
-                    x: 0,
-                    y: laneY,
-                    w: canvas.clientWidth,
-                    h: options.laneHeightPx,
-                    clientWidth: canvas.clientWidth,
-                    clientHeight: canvas.clientHeight,
-                    lane: lane,
-                    index: index,
-                    keyframes: {
-                        from: null,
-                        to: null,
-                        count: lane.keyframes ? lane.keyframes.length : 0,
-                    }
-                };
-
-                // get the bounds on a canvas. used instead of the clip (clip is slow)
-                laneSize.bounds = cutBounds({
-                    x: laneSize.x,
-                    y: laneSize.y,
-                    w: laneSize.w,
-                    h: laneSize.h
-                });
-
-                toReturn.sizes.push(laneSize);
-                let size = laneSize.keyframes;
-
-                if (!lane.keyframes || !lane.keyframes.forEach || lane.keyframes.length <= 0) {
-                    return;
-                }
-
-                // Get min and max ms to draw keyframe lane:
-                lane.keyframes.forEach(function keyframesIterator(keyframe) {
-                    let val = keyframe.val;
-
-                    if (size && keyframe && !isNaN(val)) {
-                        size.from = size.from == null ? val : Math.min(val, size.from);
-                        size.to = size.to == null ? val : Math.max(val, size.to);
-                    }
-                });
-
-                // get absolute min and max:
-                areaRect.from = areaRect.from == null ? size.from : Math.min(size.from, areaRect.from);
-                areaRect.to = areaRect.to == null ? size.to : Math.max(size.to, areaRect.to);
-
-                // get keyframes lane size
-                if (laneSize && !isNaN(size.from) && !isNaN(size.to)) {
-                    // draw keyframes lane.
-                    var fromPos = getSharp(valToPx(size.from))
-                    var toPos = getSharp(valToPx(size.to));
-                    const laneHeight = getKeyframeLaneHeight(lane, laneSize.y);
-
-                    size.x = fromPos;
-                    size.y = laneHeight.y;
-                    size.w = getDistance(fromPos, toPos);
-                    size.h = laneHeight.h;
-                    // get the bounds on a canvas
-                    size.bounds = cutBounds({
-                        x: size.x,
-                        y: size.y,
-                        w: size.w,
-                        h: size.h
-                    });
-                }
-            });
-
-            areaRect.w = valToPx(areaRect.to, true);
-
-            return toReturn;
-        }
-
-        function drawLanes() {
-            if (!lanes || !lanes.forEach || lanes.length <= 0) {
-                return false;
-            }
-
-            let lanesSizes = getLanesSizes();
-            if (lanesSizes && lanesSizes.sizes) {
-                ctx.save();
-                lanesSizes.sizes.forEach(function lanesSizesIterator(laneSize) {
-
-                    if (!laneSize) {
-                        return;
-                    }
-
-                    const selectedColor = laneSize.lane.selectedColor || options.selectedLaneColor;
-                    const laneColor = laneSize.lane.color || options.laneColor;
-
-                    // Draw lane
-                    if (laneSize.lane.selected && selectedColor) {
-                        ctx.fillStyle = selectedColor;
-                    } else if (laneSize.index % 2 != 0 && options.useAlternateLaneColor && !laneSize.lane.color) {
-                        // Use alternate when lane color not set
-                        ctx.fillStyle = options.alternateLaneColor || laneColor;
-                    } else {
-                        ctx.fillStyle = laneColor;
-                    }
-
-                    //ctx.fillRect(lanesSizes.areaRect.x, lanesSizes.areaRect.y, lanesSizes.areaRect.w, lanesSizes.areaRect.h);
-                    // Note: bounds used instead of the clip while clip is slow!
-                    let bounds = laneSize.bounds;
-                    if (bounds) {
-                        ctx.fillRect(bounds.x, bounds.y, bounds.w, bounds.h);
-                        if (laneSize.lane.name) {
-                            ctx.fillStyle = options.laneLabelsColor;
-                            ctx.fillText(laneSize.lane.name, bounds.x + 10, bounds.y + bounds.h / 2);
-                        }
-                    }
-
-                    if (laneSize.lane.render) {
-                        laneSize.lane.render(ctx, laneSize);
-                    } else {
-                        const keyframeLaneColor = laneSize.lane.keyframesLaneColor || options.keyframesLaneColor;
-
-                        let keyframesSize = laneSize.keyframes;
-                        if (!keyframesSize || keyframesSize.count <= 1 || !keyframeLaneColor) {
-                            return;
-                        }
-
-                        bounds = keyframesSize.bounds;
-                        if (bounds) {
-                            ctx.fillStyle = keyframeLaneColor;
-                            ctx.fillRect(bounds.x, bounds.y, bounds.w, bounds.h);
-                        }
-                    }
-                });
-
-                ctx.restore();
-            }
-
-            return true;
-        }
-
-        function cutBounds(rect) {
-            // default bounds: minX, maxX, minY, maxY
-            let minX = 0,
-                maxX = canvas.clientWidth,
-                minY = options.headerHeight || 0,
-                maxY = canvas.clientWidth;
-
-            if (isRectOverlap(rect, {
-                    x: minX,
-                    y: minY,
-                    w: getDistance(minX, maxX),
-                    h: getDistance(minY, maxY)
-                })) {
-                let y = Math.max(rect.y, minY);
-                let x = Math.max(rect.x, minX);
-                let offsetW = rect.x - x;
-                let offsetH = rect.y - y;
-                rect.h += offsetH;
-                rect.w += offsetW;
-                rect.x = x;
-                rect.y = y;
-
-                // collision set:
-                if (Math.abs(offsetH) > 0) {
-                    rect.overlapY = true;
-                }
-
-                if (Math.abs(offsetW) > 0) {
-                    rect.overlapX = true;
-                }
-
-                return rect; // { x: x, y: y, w: w, h: h };
-            }
-            return null;
-        }
-
-        function getLanePosition(laneIndex) {
-            let laneY = options.headerHeight +
-                laneIndex * options.laneHeightPx +
-                laneIndex * options.laneMarginPx;
-            return laneY;
-        }
-
-        function getKeyframeLaneHeight(lane, laneY) {
-            let keyframeLaneHeight = lane.keyframesLaneSizePx || options.keyframesLaneSizePx;
-            if (isNaN(keyframeLaneHeight)) {
-                keyframeLaneHeight = 'auto';
-            }
-
-            if (keyframeLaneHeight == 'auto') {
-                keyframeLaneHeight = Math.floor(options.laneHeightPx * 0.8);
-            }
-
-            if (keyframeLaneHeight > options.laneHeightPx) {
-                keyframeLaneHeight = options.laneHeightPx;
-            }
-
-            const margin = options.laneHeightPx - keyframeLaneHeight;
-            const y = laneY + Math.floor(margin / 2);
-            return {
-                y: y,
-                h: keyframeLaneHeight
-            };
-        }
-
-        function getKeyframePosition(keyframe, laneIndex) {
-            if (!keyframe) {
-                console.log('keyframe should be defined.');
-                return null;
-            }
-
-            let val = keyframe.val;
-            if (isNaN(val)) {
-                return null;
-            }
-
-            // get center of the lane:
-            let laneY = getLanePosition(laneIndex);
-            var y = laneY + options.laneHeightPx / 2 - scrollContainer.scrollTop;
-
-            // keyframe size:
-            let size = options.keyframeSizePx || keyframe.size;
-            if (size == 'auto') {
-                size = options.laneHeightPx / 3;
-            }
-
-            if (size > 0) {
-                if (!isNaN(val)) {
-                    let toReturn = {
-                        x: Math.floor(valToPx(val)),
-                        y: Math.floor(y),
-                        size: size,
-                        laneY: laneY
-                    };
-                    return toReturn;
-                }
-            }
-
-            return null;
-        }
-
-        function drawKeyframes() {
-            if (!lanes || !lanes.forEach || lanes.length <= 0) {
-                return false;
-            }
-
-            iterateKeyframes(function seletionIterator(keyframe, keyframeIndex, lane, laneIndex) {
-                var pos = getKeyframePosition(keyframe, laneIndex);
-                if (pos) {
-                    if (lane.drawKeyframes !== undefined) {
-                        if (!lane.drawKeyframes) {
-                            return;
-                        }
-                    }
-
-                    let x = getSharp(pos.x);
-                    let y = pos.y;
-                    let size = pos.size;
-                    let bounds = cutBounds({
-                        x: x - size / 2,
-                        y: y - size / 2,
-                        w: size,
-                        h: size
-                    });
-                    const customRenderFunction = lane.renderKeyframes || keyframe.render;
-                    if (customRenderFunction) {
-                        ctx.save();
-                        customRenderFunction(ctx, pos, bounds, keyframe, lane);
-                        ctx.restore();
-                    } else {
-                        if (!bounds) {
-                            return;
-                        }
-
-                        ctx.save();
-
-                        // Performance FIX: use clip only  when we are in the collision! Clip is slow!
-                        // Other keyframes should be hidden by bounds check.
-                        if (bounds && bounds.overlapY) {
-                            ctx.beginPath();
-                            ctx.rect(0, options.headerHeight || 0, canvas.clientWidth, canvas.clientWidth);
-                            ctx.clip();
-                        }
-
-                        let border = options.keyframeBorderThicknessPx || 0;
-                        let shape = keyframe.shape || lane.keyframesShape || options.keyframeShape;
-                        let keyframeColor = keyframe.color || options.keyframeColor;
-                        if (keyframe.selected) {
-                            keyframeColor = keyframe.selectedColor || options.selectedKeyframeColor;
-                        }
-
-                        if (shape == "rhomb") {
-                            ctx.beginPath();
-                            ctx.translate(x, y);
-                            ctx.rotate(45 * Math.PI / 180);
-                            if (border > 0 && options.keyframeBorderColor) {
-                                ctx.fillStyle = options.keyframeBorderColor;
-                                ctx.rect(-size / 2, -size / 2, size, size);
-                                ctx.fill();
-                            }
-
-                            ctx.fillStyle = keyframeColor;
-                            // draw main keyframe data with offset.
-                            ctx.translate(border, border);
-                            ctx.rect(-size / 2, -size / 2, size - border * 2, size - border * 2);
-                            ctx.fill();
-                        } else if (shape == "circle") {
-                            ctx.beginPath();
-                            if (border > 0 && options.keyframeBorderColor) {
-                                ctx.fillStyle = options.keyframeBorderColor;
-                                ctx.arc(x, y, size, 0, 2 * Math.PI);
-                            }
-                            ctx.fillStyle = keyframeColor;
-                            ctx.arc(x, y, size - border, 0, 2 * Math.PI);
-                            ctx.fill();
-                        } else if (shape == "rect") {
-                            ctx.beginPath();
-                            y = y - size / 2;
-                            x = x - size / 2;
-                            if (border > 0 && options.keyframeBorderColor) {
-                                ctx.fillStyle = options.keyframeBorderColor;
-                                ctx.rect(x, y, size, size);
-                                ctx.fill();
-                            }
-
-                            ctx.fillStyle = keyframeColor;
-                            ctx.rect(x + border, y + border, size - border, size - border);
-                            ctx.fill();
-                        }
-
-                        ctx.restore();
-                    }
-                }
-            });
-
-
-        }
-
-        function drawSelection() {
-            if (drag) {
-                return;
-            }
-
-            ctx.save();
-            var thickness = 1;
-            if (selectionRect && selectionRect.enabled) {
-                ctx.setLineDash([4]);
-                ctx.lineWidth = pixelRatio;
-                ctx.strokeStyle = options.selectionColor;
-                ctx.strokeRect(
-                    getSharp(selectionRect.x, thickness),
-                    getSharp(selectionRect.y, thickness),
-                    Math.floor(selectionRect.w),
-                    Math.floor(selectionRect.h));
-            }
-            ctx.restore();
-        }
-
-        function drawBackground() {
-            if (options.backgroundColor) {
-                ctx.save();
-                ctx.beginPath();
-                ctx.rect(0, 0, canvas.clientWidth, canvas.clientHeight);
-                ctx.fillStyle = options.backgroundColor;
-                ctx.fill();
-                ctx.restore();
-            } else {
-                // Clear if bg not set.
-                ctx.clearRect(0, 0, canvas.width, canvas.height);
-            }
-        }
-
-        function drawTimeLine() {
-            ctx.save();
-            var thickness = options.timelineThicknessPx;
-            ctx.lineWidth = thickness * pixelRatio;
-            var timeLinePos = getSharp(Math.round(valToPx(timeLine.val)), thickness);
-            ctx.strokeStyle = options.timeIndicatorColor;
-            ctx.fillStyle = ctx.strokeStyle;
-            var y = options.timelineMarginTopPx;
-            ctx.beginPath();
-            drawLine(ctx, timeLinePos, y, timeLinePos, canvas.clientHeight);
-            ctx.stroke();
-
-            if (options.timelineCapWidthPx && options.timelineCapHeightPx) {
-                var rectSize = options.timelineCapWidthPx;
-                var capHeight = options.timelineCapHeightPx;
-                if (options.timelineTriangleCap) {
-                    ctx.beginPath();
-                    ctx.moveTo(timeLinePos - rectSize / 2, y);
-                    ctx.lineTo(timeLinePos + rectSize / 2, y);
-                    ctx.lineTo(timeLinePos, capHeight);
-                    ctx.closePath();
-                    ctx.stroke();
-                } else if (options.timelineRectCap) {
-                    ctx.fillRect(timeLinePos - rectSize / 2, y, rectSize, capHeight);
-                    ctx.fill();
-                }
-            }
-
-            ctx.restore();
-        }
-
-        function drawHeaderBackground() {
-            if (!isNaN(options.headerHeight) && options.headerHeight > 0) {
-                ctx.save();
-                // draw ticks background
-                ctx.lineWidth = pixelRatio;
-                if (options.headerBackground) {
-                    // draw ticks background
-                    ctx.lineWidth = pixelRatio;
-                    // draw header background
-                    ctx.fillStyle = options.headerBackground;
-                    ctx.fillRect(0, 0, canvas.clientWidth, options.headerHeight);
-                } else {
-                    ctx.clearRect(0, 0, canvas.clientWidth, options.headerHeight);
-                }
-                ctx.restore();
-            }
-        }
-
-        function redraw() {
-            if (window.requestAnimationFrame) {
-                //window.requestAnimationFrame.call(this, redrawInternal);
-                window.requestAnimationFrame(redrawInternal);
-            } else {
-                redrawInternal();
-            }
-        }
-
-        function scrollLeft() {
-            if (scrollContainer.scrollLeft != scrollContainer.scrollWidth) {
-                scrollContainer.scrollLeft = scrollContainer.scrollWidth;
-            }
-        }
-
-        this.scrollLeft = scrollLeft;
-
-        function redrawInternal() {
-            // Rescale when out of the bounds.
-            if (valToPx(timeLine.val, true) > scrollContainer.scrollWidth) {
-                rescale('play');
-                if (!isPanStarted && (drag && drag.type != 'timeline')) {
-                    scrollLeft();
-                }
-            }
-
-            drawBackground();
-            drawLanes();
-            drawHeaderBackground();
-            drawTicks();
-            drawKeyframes();
-            drawSelection();
-            drawTimeLine();
-        }
-
-        function getSharp(pos, thinkess) {
-            if (!thinkess) {
-                thinkess = 1;
-            }
-
-            if (thinkess % 2 == 0) {
-                return pos;
-            }
-
-            return pos + pixelRatio / 2;
-        }
-
-        /**
-         * Get current time in val.
-         * @public
-         */
-        this.getTime = function () {
-            return timeLine.val;
-        }
-
-        function setTimeInternal(val, source) {
-            val = Math.round(val);
-            if (val < 0) {
-                val = 0;
-            }
-
-            if (timeLine.val != val) {
-                timeLine.val = val;
-                emit('timeChanged', {
-                    val: val,
-                    source: source
-                });
-                return true;
-            }
-
-            return true;
-        }
-
-        this.setTime = function (val) {
-            // Dont allow to change time during drag:
-            if (drag && drag.type == 'timeline') {
-                return false;
-            }
-
-            return setTimeInternal(val, "setTime");
-        };
-
-        this.select = function (value) {
-            performSelection(value);
-            redraw();
-        }
-
-        function getOptions() {
-            return options;
-        }
-
-        this.redraw = redraw;
-
-        function controlKeyPressed(e) {
-            return (options.controlKeyIsMetaKey || defaultOptions.controlKeyIsMetaKey) ? e.metaKey : e.ctrlKey;
-        }
-
-        function onKeyframesSelected(keyframe) {
-            emit('selected', keyframe);
-        }
-
-        let subscriptions = [];
-
-        this.setScrollLeft = function (value) {
-            if (scrollContainer) {
-                scrollContainer.scrollLeft = value;
-            }
-        }
-        this.setScrollTop = function (value) {
-            if (scrollContainer) {
-                scrollContainer.scrollTop = value;
-            }
-        }
-        this.getScrollLeft = function () {
-            if (scrollContainer) {
-                return scrollContainer.scrollLeft;
-            }
-
-            return 0;
-        };
-        this.getScrollTop = function () {
-            if (scrollContainer) {
-                return scrollContainer.scrollTop;
-            }
-
-            return 0;
-        };
-
-
-        this.onScroll = function (callback) {
-            this.on('scroll', callback);
-        }
-
-        // on event.
-        this.on = function (topic, callback) {
-            if (!callback) {
-                return;
-            }
-
-            subscriptions.push({
-                topic: topic,
-                callback: callback
-            });
-        }
-
-        // emit event.
-        function emit(topic, args) {
-            for (var i = subscriptions.length - 1; i >= 0; i--) {
-                var sub = subscriptions[i];
-                if (sub.topic == topic && sub.callback) {
-                    sub.callback(args);
-                }
-            }
-        }
-
-        this.getOptions = getOptions;
-        this.setOptions = function (toSet) {
-            options = mergeOptions(toSet);
-            rescale();
-            redraw();
-        }
-
-        function getLanes() {
-            return lanes;
-        }
-
-        function setLanes(data) {
-            if (lanes != data) {
-                lanes = data;
-                rescale();
-                redraw();
-            }
-        }
-
-        this.setLanes = setLanes;
-        this.getLanes = getLanes;
-        this.rescale = rescale;
-        this.redraw = redraw;
-        this.emit = emit;
-
-        // expose private methods:
-        this.__cutBounds = cutBounds;
-
-        /**
-         * Remove the event from the subscriptions list.
-         * @param {string} topic
-         * @param {Function} callback
-         */
-        this.off = function (topic, callback) {
-            for (var i = subscriptions.length - 1; i >= 0; i--) {
-                var sub = subscriptions[i];
-                if (sub.topic == topic && sub.callback == callback) {
-                    subscriptions = subscriptions.filter(function (ele) {
-                        return ele != callback;
-                    });
-                }
-            }
-        }
-
-        rescale();
-        redraw();
-
-        return this;
-    }
-}

lib/animation-timeline.js

@@ -0,0 +1,2789 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["timelineModule"] = factory();
+	else
+		root["timelineModule"] = factory();
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
+
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "Timeline", function() { return /* reexport */ timeline_Timeline; });
+__webpack_require__.d(__webpack_exports__, "TimelineModel", function() { return /* reexport */ TimelineModel; });
+__webpack_require__.d(__webpack_exports__, "TimelineOptions", function() { return /* reexport */ timelineOptions_TimelineOptions; });
+__webpack_require__.d(__webpack_exports__, "TimelineRow", function() { return /* reexport */ timelineRow["TimelineRow"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineStyleUtils", function() { return /* reexport */ TimelineStyleUtils; });
+__webpack_require__.d(__webpack_exports__, "TimelineKeyframe", function() { return /* reexport */ timelineKeyframe["TimelineKeyframe"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineEventsEmitter", function() { return /* reexport */ TimelineEventsEmitter; });
+__webpack_require__.d(__webpack_exports__, "TimelineUtils", function() { return /* reexport */ TimelineUtils; });
+__webpack_require__.d(__webpack_exports__, "TimelineDraggableData", function() { return /* reexport */ timelineDraggableData["TimelineDraggableData"]; });
+__webpack_require__.d(__webpack_exports__, "SelectionTuple", function() { return /* reexport */ selectionTuple["SelectionTuple"]; });
+__webpack_require__.d(__webpack_exports__, "Selectable", function() { return /* reexport */ selectable["Selectable"]; });
+__webpack_require__.d(__webpack_exports__, "RowsCalculationsResults", function() { return /* reexport */ rowsCalculationsResults["RowsCalculationsResults"]; });
+__webpack_require__.d(__webpack_exports__, "CutBoundsRect", function() { return /* reexport */ cutBoundsRect["CutBoundsRect"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineSelectedEvent", function() { return /* reexport */ timelineSelectedEvent["TimelineSelectedEvent"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineScrollEvent", function() { return /* reexport */ timelineScrollEvent["TimelineScrollEvent"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineConsts", function() { return /* reexport */ TimelineConsts; });
+__webpack_require__.d(__webpack_exports__, "TimelineKeyframeStyle", function() { return /* reexport */ timelineKeyframeStyle["TimelineKeyframeStyle"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineRowStyle", function() { return /* reexport */ timelineRowStyle["TimelineRowStyle"]; });
+__webpack_require__.d(__webpack_exports__, "TimelineKeyframeShape", function() { return /* reexport */ TimelineKeyframeShape; });
+__webpack_require__.d(__webpack_exports__, "TimelineInteractionMode", function() { return /* reexport */ TimelineInteractionMode; });
+__webpack_require__.d(__webpack_exports__, "TimelineEvents", function() { return /* reexport */ TimelineEvents; });
+__webpack_require__.d(__webpack_exports__, "TimelineDraggableType", function() { return /* reexport */ TimelineDraggableType; });
+__webpack_require__.d(__webpack_exports__, "TimelineCursorType", function() { return /* reexport */ TimelineCursorType; });
+__webpack_require__.d(__webpack_exports__, "TimelineCapShape", function() { return /* reexport */ TimelineCapShape; });
+
+// CONCATENATED MODULE: ./src/timelineEventsEmitter.ts
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var TimelineEventsEmitter = /*#__PURE__*/function () {
+  function TimelineEventsEmitter() {
+    _classCallCheck(this, TimelineEventsEmitter);
+
+    _defineProperty(this, "subscriptions", []);
+  }
+
+  _createClass(TimelineEventsEmitter, [{
+    key: "on",
+    // on event.
+    value: function on(topic, callback) {
+      if (!callback) {
+        return;
+      }
+
+      this.subscriptions.push({
+        topic: topic,
+        callback: callback
+      });
+    }
+    /**
+     * Remove an event from the subscriptions list.
+     */
+
+  }, {
+    key: "off",
+    value: function off(topic, callback) {
+      this.subscriptions = this.subscriptions.filter(function (event) {
+        return event && event.callback != callback && event.topic != topic;
+      });
+    }
+    /**
+     * Unsubscribe all
+     */
+
+  }, {
+    key: "offAll",
+    value: function offAll() {
+      this.subscriptions.length = 0;
+    } // emit event.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  }, {
+    key: "emit",
+    value: function emit(topic, args) {
+      this.subscriptions.forEach(function (event) {
+        if (event && event.topic == topic && event.callback) {
+          event.callback(args);
+        }
+      });
+    }
+  }]);
+
+  return TimelineEventsEmitter;
+}();
+// CONCATENATED MODULE: ./src/utils/timelineUtils.ts
+function timelineUtils_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timelineUtils_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function timelineUtils_createClass(Constructor, protoProps, staticProps) { if (protoProps) timelineUtils_defineProperties(Constructor.prototype, protoProps); if (staticProps) timelineUtils_defineProperties(Constructor, staticProps); return Constructor; }
+
+var denominators = [1, 2, 5, 10];
+var TimelineUtils = /*#__PURE__*/function () {
+  function TimelineUtils() {
+    timelineUtils_classCallCheck(this, TimelineUtils);
+  }
+
+  timelineUtils_createClass(TimelineUtils, null, [{
+    key: "drawLine",
+    value: function drawLine(ctx, x1, y1, x2, y2) {
+      ctx.moveTo(x1, y1);
+      ctx.lineTo(x2, y2);
+    }
+    /**
+     * Check rectangle overlap.
+     */
+
+  }, {
+    key: "isOverlap",
+    value: function isOverlap(x, y, rectangle) {
+      if (!rectangle) {
+        console.error('rectangle argument cannot be empty');
+        return false;
+      }
+
+      if (rectangle.x <= x && rectangle.x + rectangle.width >= x && rectangle.y <= y && rectangle.y + rectangle.height >= y) {
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * Find beautiful step for the header line gauge.
+     */
+
+  }, {
+    key: "findGoodStep",
+    value: function findGoodStep(originalStep) {
+      var divisionCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var step = originalStep;
+      var lastDistance = null;
+      var pow = TimelineUtils.getPowArgument(originalStep);
+
+      for (var i = 0; i < denominators.length; i++) {
+        var denominator = denominators[i];
+        var calculatedStep = denominator * Math.pow(10, pow);
+
+        if (divisionCheck && divisionCheck % calculatedStep != 0) {
+          continue;
+        }
+
+        var distance = TimelineUtils.getDistance(originalStep, calculatedStep);
+
+        if (distance == 0 || distance <= 0.1 && pow > 0) {
+          lastDistance = distance;
+          step = calculatedStep;
+          break;
+        } else if (!lastDistance || lastDistance > distance) {
+          lastDistance = distance;
+          step = calculatedStep;
+        }
+      }
+
+      return step;
+    }
+  }, {
+    key: "isRectOverlap",
+    value: function isRectOverlap(rect, rect2) {
+      if (!rect || !rect2) {
+        console.log('Rectangles cannot be empty');
+        return false;
+      } // If one rectangle is on left side of other
+
+
+      if (rect.x > rect2.x + rect2.width || rect2.x > rect.x + rect.width) {
+        return true;
+      } // If one rectangle is above other
+
+
+      if (rect.y < rect2.y + rect2.height || rect2.y < rect.y + rect.height) {
+        return true;
+      }
+
+      return false;
+    }
+  }, {
+    key: "getDistance",
+    value: function getDistance(x1, y1, x2, y2) {
+      if (x2 != undefined && y2 != undefined) {
+        return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2));
+      } else {
+        return Math.abs(x1 - y1);
+      }
+    }
+  }, {
+    key: "sign",
+    value: function sign(p) {
+      return p >= 0 ? 1 : -1;
+    }
+  }, {
+    key: "clearBrowserSelection",
+    value: function clearBrowserSelection() {
+      if (!window) {
+        return;
+      }
+
+      if (window.getSelection) {
+        window.getSelection().removeAllRanges();
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var doc = window.document;
+
+        if (doc.selection) {
+          doc.selection.empty();
+        }
+      }
+    }
+  }, {
+    key: "getPowArgument",
+    value: function getPowArgument(toCheck) {
+      if (!toCheck || toCheck === 0 || !isFinite(toCheck)) {
+        return 1;
+      } // some optimization for numbers:
+
+
+      if (toCheck >= 10 && toCheck < 100) {
+        return 1;
+      } else if (toCheck >= 100 && toCheck < 1000) {
+        return 2;
+      } else if (toCheck >= 1000 && toCheck < 10000) {
+        return 3;
+      }
+
+      toCheck = Math.abs(toCheck);
+      var category = 0;
+      var s = this.sign(toCheck);
+
+      if (toCheck > 1) {
+        while (toCheck >= 1) {
+          toCheck = Math.floor(toCheck / 10.0);
+          category++;
+        }
+
+        return s * category - 1;
+      } else if (toCheck > 0.0) {
+        // Get number of zeros before the number.
+        var zerosCount = Math.floor(Math.log(toCheck) / Math.log(10) + 1) - 1;
+        return zerosCount;
+      } else {
+        return 1;
+      }
+    }
+  }]);
+
+  return TimelineUtils;
+}();
+// CONCATENATED MODULE: ./src/enums/timelineKeyframeShape.ts
+var TimelineKeyframeShape;
+
+(function (TimelineKeyframeShape) {
+  TimelineKeyframeShape["None"] = "none";
+  TimelineKeyframeShape["Rhomb"] = "rhomb";
+  TimelineKeyframeShape["Circle"] = "circle";
+  TimelineKeyframeShape["Rect"] = "rect";
+})(TimelineKeyframeShape || (TimelineKeyframeShape = {}));
+// CONCATENATED MODULE: ./src/enums/timelineCapShape.ts
+var TimelineCapShape;
+
+(function (TimelineCapShape) {
+  TimelineCapShape["None"] = "none";
+  TimelineCapShape["Triangle"] = "triangle";
+  TimelineCapShape["Rect"] = "rect";
+})(TimelineCapShape || (TimelineCapShape = {}));
+// CONCATENATED MODULE: ./src/settings/timelineOptions.ts
+function timelineOptions_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timelineOptions_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+var timelineOptions_TimelineOptions = function TimelineOptions() {
+  timelineOptions_classCallCheck(this, TimelineOptions);
+
+  timelineOptions_defineProperty(this, "id", void 0);
+
+  timelineOptions_defineProperty(this, "snapsPerSeconds", 5);
+
+  timelineOptions_defineProperty(this, "snapEnabled", true);
+
+  timelineOptions_defineProperty(this, "snapAllKeyframesOnMove", false);
+
+  timelineOptions_defineProperty(this, "timelineThicknessPx", 2);
+
+  timelineOptions_defineProperty(this, "timelineMarginTopPx", 15);
+
+  timelineOptions_defineProperty(this, "timelineCapWidthPx", 4);
+
+  timelineOptions_defineProperty(this, "timelineCapHeightPx", 10);
+
+  timelineOptions_defineProperty(this, "timelineCap", TimelineCapShape.Rect);
+
+  timelineOptions_defineProperty(this, "timelineColor", 'DarkOrange');
+
+  timelineOptions_defineProperty(this, "stepPx", 120);
+
+  timelineOptions_defineProperty(this, "stepSmallPx", 30);
+
+  timelineOptions_defineProperty(this, "smallSteps", 50);
+
+  timelineOptions_defineProperty(this, "leftMarginPx", 25);
+
+  timelineOptions_defineProperty(this, "headerFillColor", '#101011');
+
+  timelineOptions_defineProperty(this, "fillColor", '#101011');
+
+  timelineOptions_defineProperty(this, "labelsColor", '#D5D5D5');
+
+  timelineOptions_defineProperty(this, "tickColor", '#D5D5D5');
+
+  timelineOptions_defineProperty(this, "selectionColor", 'White');
+
+  timelineOptions_defineProperty(this, "rowsStyle", {
+    /**
+     * Row height in pixels.
+     */
+    height: 24,
+    marginBottom: 2,
+    fillColor: '#252526',
+
+    /**
+     * Keyframes stripe color
+     */
+    stripeFillColor: '#094771',
+    stripeHeight: 'auto',
+    keyframesStyle: {
+      /**
+       * keyframe fill color.
+       */
+      fillColor: 'red',
+      shape: TimelineKeyframeShape.Rhomb,
+
+      /**
+       * Selected keyframe fill color.
+       */
+      selectedFillColor: 'DarkOrange',
+      strokeColor: 'Black',
+      strokeThickness: 0.2,
+      draggable: true
+    }
+  });
+
+  timelineOptions_defineProperty(this, "headerHeight", 30);
+
+  timelineOptions_defineProperty(this, "ticksFont", '11px sans-serif');
+
+  timelineOptions_defineProperty(this, "zoom", 1000);
+
+  timelineOptions_defineProperty(this, "zoomSpeed", 0.1);
+
+  timelineOptions_defineProperty(this, "zoomMin", 80);
+
+  timelineOptions_defineProperty(this, "zoomMax", 8000);
+
+  timelineOptions_defineProperty(this, "controlKeyIsMetaKey", false);
+
+  timelineOptions_defineProperty(this, "scrollContainerClass", 'scroll-container');
+
+  timelineOptions_defineProperty(this, "stripesDraggable", true);
+
+  timelineOptions_defineProperty(this, "keyframesDraggable", true);
+};
+// CONCATENATED MODULE: ./src/settings/timelineConsts.ts
+function timelineConsts_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timelineConsts_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var TimelineConsts = function TimelineConsts() {
+  timelineConsts_classCallCheck(this, TimelineConsts);
+
+  timelineConsts_defineProperty(this, "autoPanSpeed", 50);
+
+  timelineConsts_defineProperty(this, "scrollByDragSpeed", 0.12);
+
+  timelineConsts_defineProperty(this, "clickDetectionMs", 120);
+
+  timelineConsts_defineProperty(this, "doubleClickTimeoutMs", 400);
+
+  timelineConsts_defineProperty(this, "scrollFinishedTimeoutMs", 500);
+};
+// CONCATENATED MODULE: ./src/enums/timelineCursorType.ts
+var TimelineCursorType;
+
+(function (TimelineCursorType) {
+  TimelineCursorType["Alias"] = "alias";
+  TimelineCursorType["AllScroll"] = "all-scroll";
+  TimelineCursorType["Auto"] = "auto";
+  TimelineCursorType["Cell"] = "cell";
+  TimelineCursorType["ContextMenu"] = "context-menu";
+  TimelineCursorType["ColResize"] = "col-resize";
+  TimelineCursorType["Copy"] = "copy";
+  TimelineCursorType["Crosshair"] = "crosshair";
+  TimelineCursorType["Default"] = "default";
+  TimelineCursorType["EResize"] = "e-resize";
+  TimelineCursorType["EWResize"] = "ew-resize";
+  TimelineCursorType["Grab"] = "grab";
+  TimelineCursorType["Grabbing"] = "grabbing";
+  TimelineCursorType["Help"] = "help";
+  TimelineCursorType["Move"] = "move";
+  TimelineCursorType["NResize"] = "n-resize";
+  TimelineCursorType["NEResize"] = "ne-resize";
+  TimelineCursorType["NESWResize"] = "nesw-resize";
+  TimelineCursorType["NSResize"] = "ns-resize";
+  TimelineCursorType["NWResize"] = "nw-resize";
+  TimelineCursorType["NWSEResize"] = "nwse-resize";
+  TimelineCursorType["NoDrop"] = "no-drop";
+  TimelineCursorType["None"] = "none";
+  TimelineCursorType["NotAllowed"] = "not-allowed";
+  TimelineCursorType["Pointer"] = "pointer";
+  TimelineCursorType["Progress"] = "progress";
+  TimelineCursorType["RowResize"] = "row-resize";
+  TimelineCursorType["SResize"] = "s-resize";
+  TimelineCursorType["SEResize"] = "se-resize";
+  TimelineCursorType["SWResize"] = "sw-resize";
+  TimelineCursorType["Text"] = "text";
+  TimelineCursorType["WResize"] = "w-resize";
+  TimelineCursorType["Wait"] = "wait";
+  TimelineCursorType["ZoomIn"] = "zoom-in";
+  TimelineCursorType["ZoomOut"] = "zoom-out";
+})(TimelineCursorType || (TimelineCursorType = {}));
+// CONCATENATED MODULE: ./src/settings/timelineStyleUtils.ts
+function timelineStyleUtils_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timelineStyleUtils_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function timelineStyleUtils_createClass(Constructor, protoProps, staticProps) { if (protoProps) timelineStyleUtils_defineProperties(Constructor.prototype, protoProps); if (staticProps) timelineStyleUtils_defineProperties(Constructor, staticProps); return Constructor; }
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var TimelineStyleUtils = /*#__PURE__*/function () {
+  function TimelineStyleUtils() {
+    timelineStyleUtils_classCallCheck(this, TimelineStyleUtils);
+  }
+
+  timelineStyleUtils_createClass(TimelineStyleUtils, null, [{
+    key: "getKeyframeStyle",
+
+    /**
+     * Get keyframe style from a keyframe, than from a row, than from a global settings.
+     * @param keyframe keyframe to get style for.
+     * @param row keyframe row.
+     * @param propertyName property to get.
+     * @param defaultValue default value to return
+     */
+    value: function getKeyframeStyle(keyframe, row, rowsStyle, propertyName, defaultValue) {
+      if (keyframe && keyframe) {
+        var style = keyframe;
+
+        if (style[propertyName] !== undefined) {
+          return style[propertyName];
+        }
+      }
+
+      if (row && row.keyframesStyle) {
+        var _style = row.keyframesStyle;
+
+        if (_style[propertyName] !== undefined) {
+          return _style[propertyName];
+        }
+      }
+
+      if (rowsStyle && rowsStyle.keyframesStyle) {
+        var _style2 = rowsStyle.keyframesStyle;
+
+        if (_style2[propertyName] !== undefined) {
+          return _style2[propertyName];
+        }
+      }
+
+      return defaultValue;
+    }
+    /**
+     * Get row style from default settings or overrides by a row settings.
+     * @param row
+     * @param property
+     */
+
+  }, {
+    key: "getRowStyle",
+    value: function getRowStyle(rowStyle, globalRowStyle, propertyName, defaultValue) {
+      if (rowStyle) {
+        var style = rowStyle;
+
+        if (style[propertyName] !== undefined) {
+          return style[propertyName];
+        }
+      }
+
+      if (globalRowStyle) {
+        var _style3 = globalRowStyle;
+
+        if (_style3[propertyName] !== undefined) {
+          return _style3[propertyName];
+        }
+      }
+
+      return defaultValue;
+    }
+    /**
+     * Get current row height from styling
+     * @param row
+     * @param includeMargin include margin to the bounds
+     */
+
+  }, {
+    key: "getRowHeight",
+    value: function getRowHeight(rowStyle, globalRowStyle) {
+      return TimelineStyleUtils.getRowStyle(rowStyle, globalRowStyle, 'height', 24);
+    }
+  }, {
+    key: "rowStripeHeight",
+    value: function rowStripeHeight(rowStyle, globalRowStyle) {
+      return TimelineStyleUtils.getRowStyle(rowStyle, globalRowStyle, 'stripeHeight', 'auto');
+    }
+  }, {
+    key: "stripeFillColor",
+    value: function stripeFillColor(rowStyle, globalRowStyle) {
+      return TimelineStyleUtils.getRowStyle(rowStyle, globalRowStyle, 'stripeFillColor');
+    }
+  }, {
+    key: "getRowMarginBottom",
+    value: function getRowMarginBottom(rowStyle, globalRowStyle) {
+      return TimelineStyleUtils.getRowStyle(rowStyle, globalRowStyle, 'marginBottom', 0);
+    }
+  }]);
+
+  return TimelineStyleUtils;
+}();
+// CONCATENATED MODULE: ./src/enums/timelineDraggableType.ts
+var TimelineDraggableType;
+
+(function (TimelineDraggableType) {
+  TimelineDraggableType["keyframe"] = "keyframe";
+  TimelineDraggableType["keyframes"] = "keyframes";
+  TimelineDraggableType["timeline"] = "timeline";
+})(TimelineDraggableType || (TimelineDraggableType = {}));
+// CONCATENATED MODULE: ./src/enums/timelineEvents.ts
+var TimelineEvents;
+
+(function (TimelineEvents) {
+  TimelineEvents["Selected"] = "selected";
+  TimelineEvents["TimeChanged"] = "timechanged";
+  TimelineEvents["DragStarted"] = "dragstarted";
+  TimelineEvents["Drag"] = "drag";
+  TimelineEvents["DragFinished"] = "dragfinished";
+  TimelineEvents["Scroll"] = "scroll";
+  TimelineEvents["DoubleClick"] = "doubleclick";
+  TimelineEvents["MouseDown"] = "mousedown";
+})(TimelineEvents || (TimelineEvents = {}));
+// CONCATENATED MODULE: ./src/enums/timelineInteractionMode.ts
+var TimelineInteractionMode;
+
+(function (TimelineInteractionMode) {
+  TimelineInteractionMode["Selection"] = "selection";
+  TimelineInteractionMode["Pan"] = "pan";
+})(TimelineInteractionMode || (TimelineInteractionMode = {}));
+// CONCATENATED MODULE: ./src/timeline.ts
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function timeline_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timeline_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function timeline_createClass(Constructor, protoProps, staticProps) { if (protoProps) timeline_defineProperties(Constructor.prototype, protoProps); if (staticProps) timeline_defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function timeline_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
+  _inherits(Timeline, _TimelineEventsEmitte);
+
+  var _super = _createSuper(Timeline);
+
+  /**
+   * component container.
+   */
+
+  /**
+   * Dynamically generated event.
+   */
+
+  /**
+   * Dynamically generated scroll container.
+   */
+
+  /**
+   * Dynamically generated virtual scroll content.
+   */
+
+  /**
+   * Rendering context
+   */
+
+  /**
+   * Components settings
+   */
+
+  /**
+   * Drag start position.
+   */
+
+  /**
+   * Drag scroll started position.
+   */
+
+  /**
+   * scroll finished timer reference.
+   */
+
+  /**
+   * TODO: should be tested on retina.
+   */
+
+  /**
+   *
+   * @param options
+   * @param model
+   */
+  function Timeline(options, model) {
+    var _thisSuper, _thisSuper2, _thisSuper3, _this;
+
+    timeline_classCallCheck(this, Timeline);
+
+    _this = _super.call(this);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "container", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "canvas", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "scrollContainer", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "scrollContent", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "ctx", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "options", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "startPos", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "scrollStartPos", {
+      x: 0,
+      y: 0
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "currentPos", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "selectionRect", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "selectionRectEnabled", false);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "drag", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "startedDragWithCtrl", false);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "startedDragWithShiftKey", false);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "clickTimeout", 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "lastClickTime", 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "consts", new TimelineConsts());
+
+    timeline_defineProperty(_assertThisInitialized(_this), "scrollFinishedTimerRef", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "selectedKeyframes", []);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "val", 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "pixelRatio", 1);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "currentZoom", 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "intervalRef", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "autoPanLastActionDate", 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "isPanStarted", false);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "interactionMode", TimelineInteractionMode.Selection);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "lastUsedArgs", null);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "model", void 0);
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleBlurEvent", function () {
+      _this.cleanUpSelection();
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleWindowResizeEvent", function () {
+      // Rescale and redraw
+      _this.rescale();
+
+      _this.redraw();
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleDocumentKeydownEvent", function (args) {
+      // ctrl + a. Select all keyframes
+      if (args.which === 65 && _this.controlKeyPressed(args)) {
+        _this.performSelection(true);
+
+        args.preventDefault();
+        return false;
+      }
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleScrollEvent", function (args) {
+      if (_this.scrollFinishedTimerRef) {
+        clearTimeout(_this.scrollFinishedTimerRef);
+        _this.scrollFinishedTimerRef = null;
+      } // Set a timeout to run event 'scrolling end'.
+
+
+      _this.scrollFinishedTimerRef = setTimeout(function () {
+        if (!_this.isPanStarted) {
+          if (_this.scrollFinishedTimerRef) {
+            clearTimeout(_this.scrollFinishedTimerRef);
+            _this.scrollFinishedTimerRef = null;
+          }
+
+          _this.rescale();
+
+          _this.redraw();
+        }
+      }, _this.consts.scrollFinishedTimeoutMs);
+
+      _this.redraw();
+
+      var scrollData = args || {};
+      scrollData.scrollLeft = _this.scrollContainer.scrollLeft;
+      scrollData.scrollTop = _this.scrollContainer.scrollTop;
+      scrollData.scrollHeight = _this.scrollContainer.scrollHeight;
+      scrollData.scrollWidth = _this.scrollContainer.scrollWidth;
+
+      _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(Timeline.prototype)), "emit", _thisSuper).call(_thisSuper, TimelineEvents.Scroll, scrollData);
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleWheelEvent", function (event) {
+      if (_this.controlKeyPressed(event)) {
+        event.preventDefault();
+
+        if (_this.options.zoomSpeed > 0 && _this.options.zoomSpeed <= 1) {
+          var mousePos = _this.getMousePos(_this.canvas, event);
+
+          var x = mousePos.x;
+          if (x <= 0) x = 0;
+
+          var val = _this.pxToVal(_this.scrollContainer.scrollLeft + x, false);
+
+          var diff = _this.canvas.clientWidth / x;
+
+          var zoom = TimelineUtils.sign(event.deltaY) * _this.options.zoom * _this.options.zoomSpeed;
+
+          _this.currentZoom += zoom;
+
+          if (_this.currentZoom > _this.options.zoomMax) {
+            _this.currentZoom = _this.options.zoomMax;
+          }
+
+          if (_this.currentZoom < _this.options.zoomMin) {
+            _this.currentZoom = _this.options.zoomMin;
+          }
+
+          var zoomCenter = _this.valToPx(val, true);
+
+          var newScrollLeft = Math.round(zoomCenter - _this.canvas.clientWidth / diff);
+
+          if (newScrollLeft <= 0) {
+            newScrollLeft = 0;
+          }
+
+          _this.rescale(newScrollLeft + _this.canvas.clientWidth, null, 'zoom');
+
+          if (_this.scrollContainer.scrollLeft != newScrollLeft) {
+            _this.scrollContainer.scrollLeft = newScrollLeft; // Scroll event will redraw the screen.
+          }
+
+          _this.redraw();
+        }
+      } else {
+        _this.scrollContainer.scrollTop += event.deltaY;
+        event.preventDefault();
+      }
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleMouseDownEvent", function (args) {
+      var isDoubleClick = Date.now() - _this.lastClickTime < _this.consts.doubleClickTimeoutMs;
+
+      _this.lastClickTime = Date.now(); // Prevent drag of the canvas if canvas is selected as text:
+
+      TimelineUtils.clearBrowserSelection();
+      _this.startPos = _this.trackMousePos(_this.canvas, args);
+      _this.scrollStartPos = {
+        x: _this.scrollContainer.scrollLeft,
+        y: _this.scrollContainer.scrollTop
+      };
+
+      if (isDoubleClick) {
+        _get((_thisSuper2 = _assertThisInitialized(_this), _getPrototypeOf(Timeline.prototype)), "emit", _thisSuper2).call(_thisSuper2, TimelineEvents.DoubleClick, _this.startPos);
+
+        return;
+      }
+
+      _get((_thisSuper3 = _assertThisInitialized(_this), _getPrototypeOf(Timeline.prototype)), "emit", _thisSuper3).call(_thisSuper3, TimelineEvents.MouseDown, _this.startPos);
+
+      _this.clickTimeout = Date.now();
+      _this.currentPos = _this.startPos;
+      _this.drag = _this.getDraggable(_this.currentPos); // Select keyframes on mouse down
+
+      if (_this.drag) {
+        if (_this.drag.type === TimelineDraggableType.keyframe) {
+          _this.startedDragWithCtrl = _this.controlKeyPressed(args);
+          _this.startedDragWithShiftKey = args.shiftKey; // get all related selected keyframes if we are selecting one.
+
+          if (!_this.drag.keyframe.selected && !_this.controlKeyPressed(args) && !args.shiftKey) {
+            _this.performSelection(true, _this.drag.keyframe, 'keyframe');
+          }
+
+          _this.drag.keyframes = _this.getSelectedKeyframes();
+        }
+      }
+
+      _this.redraw();
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleMouseMoveEvent", function (args) {
+      if (!args) {
+        args = _this.lastUsedArgs;
+      } else {
+        _this.lastUsedArgs = args;
+      }
+
+      if (!args) {
+        return;
+      }
+
+      var isTouch = args instanceof TouchEvent && args.changedTouches && args.changedTouches.length > 0;
+      _this.currentPos = _this.trackMousePos(_this.canvas, args);
+
+      if (!_this.isPanStarted && _this.selectionRect && _this.clickTimeoutIsOver()) {
+        _this.selectionRectEnabled = true;
+      }
+
+      args = args;
+
+      if (_this.startPos) {
+        if (args.buttons == 1 || isTouch) {
+          var isChanged = false;
+
+          if (_this.drag && !_this.startedDragWithCtrl) {
+            var convertedVal = _this.mousePosToVal(_this.currentPos.x, true); //redraw();
+
+
+            if (_this.drag.type === TimelineDraggableType.timeline) {
+              isChanged = _this.setTimeInternal(convertedVal, 'user') || isChanged;
+            } else if ((_this.drag.type == TimelineDraggableType.keyframe || _this.drag.type == TimelineDraggableType.keyframes) && _this.drag.keyframes) {
+              var offset = Math.floor(convertedVal - _this.drag.val);
+
+              if (Math.abs(offset) > 0) {
+                // don't allow to move less than zero.
+                _this.drag.keyframes.forEach(function (p) {
+                  if (_this.options.snapAllKeyframesOnMove) {
+                    var toSet = _this.snapVal(p.val);
+
+                    isChanged = _this.setKeyframePos(p, toSet) || isChanged;
+                  }
+
+                  var newPosition = p.val + offset;
+
+                  if (newPosition < 0) {
+                    offset = -p.val;
+                  }
+                });
+
+                if (Math.abs(offset) > 0) {
+                  // don't allow to move less than zero.
+                  _this.drag.keyframes.forEach(function (keyframe) {
+                    var toSet = keyframe.val + offset;
+                    isChanged = _this.setKeyframePos(keyframe, toSet) || isChanged;
+                  });
+                }
+
+                if (isChanged) {
+                  if (!_this.drag.changed) {
+                    _this.emit('dragStarted', {
+                      keyframes: _this.drag.keyframes
+                    });
+                  }
+
+                  _this.drag.changed = true;
+                  _this.drag.val += offset;
+
+                  _this.emit('drag', {
+                    keyframes: _this.drag.keyframes
+                  });
+                }
+              }
+            }
+          }
+
+          if (_this.interactionMode === TimelineInteractionMode.Pan && !_this.drag) {
+            _this.isPanStarted = true; // Track scroll by drag.
+
+            _this.scrollByPan(_this.startPos, _this.currentPos, _this.scrollStartPos);
+          } else {
+            // Track scroll by mouse or touch out of the area.
+            _this.scrollBySelectionOutOfBounds(_this.currentPos);
+          }
+
+          _this.redraw();
+        } else {
+          // Fallback. Cancel mouse move when focus was lost and mouse down is still counted.
+          _this.cleanUpSelection();
+
+          _this.redraw();
+        }
+      } else if (!isTouch) {
+        var draggable = _this.getDraggable(_this.currentPos);
+
+        _this.setCursor('default');
+
+        if (draggable) {
+          var cursor = null;
+
+          if (draggable.type === TimelineDraggableType.keyframes) {
+            cursor = cursor || TimelineCursorType.EWResize;
+          } else if (draggable.type == 'keyframe') {
+            cursor = cursor || TimelineCursorType.Pointer;
+          } else {
+            cursor = cursor || TimelineCursorType.EWResize;
+          }
+
+          if (cursor) {
+            _this.setCursor(cursor);
+          }
+        }
+      }
+
+      if (isTouch) {
+        args.preventDefault();
+      }
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "handleMouseUpEvent", function (args) {
+      if (_this.startPos) {
+        //window.releaseCapture();
+        var pos = _this.trackMousePos(_this.canvas, args); // Click detection.
+
+
+        if (_this.selectionRect && _this.selectionRect.height <= 2 && _this.selectionRect.width <= 2 || !_this.clickTimeoutIsOver() || _this.drag && _this.startedDragWithCtrl || _this.drag && _this.startedDragWithShiftKey) {
+          _this.performClick(pos, args, _this.drag);
+        } else if (!_this.drag && _this.selectionRect && _this.selectionRectEnabled) {
+          _this.performSelection(true, _this.selectionRect, 'rectangle', args.shiftKey);
+        }
+
+        _this.cleanUpSelection();
+
+        _this.redraw();
+      }
+    });
+
+    timeline_defineProperty(_assertThisInitialized(_this), "redrawInternal", function () {
+      // Rescale when animation is played out of the bounds.
+      if (_this.valToPx(_this.val, true) > _this.scrollContainer.scrollWidth) {
+        _this.rescale();
+
+        if (!_this.isPanStarted && _this.drag && _this.drag.type !== TimelineDraggableType.timeline) {
+          _this.scrollLeft();
+        }
+      }
+
+      _this.renderBackground();
+
+      _this.renderRows(); // Render after rows
+
+
+      _this.renderHeaderBackground();
+
+      _this.renderTicks();
+
+      _this.renderKeyframes();
+
+      _this.renderSelectionRect();
+
+      _this.renderTimeline();
+    });
+
+    var id = options.id;
+    _this.model = model;
+
+    if (!id) {
+      throw new Error("Element cannot be empty. Should be string or DOM element.");
+    }
+
+    _this.options = _this.mergeOptions(options);
+    _this.currentZoom = _this.options.zoom;
+
+    if (id instanceof HTMLElement) {
+      _this.container = id;
+    } else {
+      _this.container = document.getElementById(id);
+    }
+
+    if (!_this.container) {
+      throw new Error("Element cannot be empty. Should be string or DOM element.");
+    }
+
+    _this.scrollContainer = document.createElement('div');
+    _this.scrollContent = document.createElement('div');
+    _this.canvas = document.createElement('canvas');
+
+    if (!_this.canvas || !_this.canvas.getContext) {
+      console.log('Cannot initialize canvas context.');
+      return _possibleConstructorReturn(_this, null);
+    }
+
+    _this.container.style.position = 'relative'; // Generate size container:
+
+    _this.canvas.style.cssText = 'image-rendering: -moz-crisp-edges;' + 'image-rendering: -webkit-crisp-edges;' + 'image-rendering: pixelated;' + 'image-rendering: crisp-edges;' + 'user-select: none;' + '-webkit-user-select: none;' + '-khtml-user-select: none;' + '-moz-user-select: none;' + '-o-user-select: none;' + 'user-select: none;' + 'touch-action: none;' + 'position: relative;' + '-webkit-user-drag: none;' + '-khtml-user-drag: none;' + '-moz-user-drag: none;' + '-o-user-drag: none;' + 'user-drag: none;' + 'padding: inherit';
+
+    _this.scrollContainer.classList.add(_this.options.scrollContainerClass);
+
+    _this.scrollContainer.style.cssText = 'overflow: scroll;' + 'position: absolute;' + 'width:  100%;' + 'height:  100%;';
+    _this.scrollContent.style.width = _this.scrollContent.style.height = '100%'; // add the text node to the created div
+
+    _this.scrollContainer.appendChild(_this.scrollContent);
+
+    _this.container.appendChild(_this.scrollContainer);
+
+    var scrollBarWidth = _this.scrollContainer.offsetWidth - _this.scrollContent.clientWidth; // Calculate current browser scroll bar size and add offset for the canvas
+
+    _this.canvas.style.width = _this.canvas.style.height = 'calc(100% -' + (scrollBarWidth || 17) + 'px)';
+
+    _this.container.appendChild(_this.canvas);
+
+    if (_this.options.fillColor) {
+      _this.scrollContainer.style.background = _this.options.fillColor;
+    } // Normalize and validate span per seconds
+
+
+    _this.options.snapsPerSeconds = Math.max(0, Math.min(60, _this.options.snapsPerSeconds || 0));
+    _this.ctx = _this.canvas.getContext('2d');
+
+    _this.subscribeOnEvents();
+
+    _this.rescale();
+
+    _this.redraw();
+
+    return _this;
+  }
+  /**
+   * Subscribe current component on the related events.
+   */
+
+
+  timeline_createClass(Timeline, [{
+    key: "subscribeOnEvents",
+    value: function subscribeOnEvents() {
+      this.container.addEventListener('wheel', this.handleWheelEvent);
+
+      if (this.scrollContainer) {
+        this.scrollContainer.addEventListener('scroll', this.handleScrollEvent);
+      }
+
+      window.addEventListener('blur', this.handleBlurEvent, false);
+      window.addEventListener('resize', this.handleWindowResizeEvent, false);
+      document.addEventListener('keydown', this.handleDocumentKeydownEvent, false);
+      this.canvas.addEventListener('touchstart', this.handleMouseDownEvent, false);
+      this.canvas.addEventListener('mousedown', this.handleMouseDownEvent, false);
+      window.addEventListener('mousemove', this.handleMouseMoveEvent, false);
+      window.addEventListener('touchmove', this.handleMouseMoveEvent, false);
+      window.addEventListener('mouseup', this.handleMouseUpEvent, false);
+      window.addEventListener('touchend', this.handleMouseUpEvent, false);
+    }
+  }, {
+    key: "performClick",
+    value: function performClick(pos, args, drag) {
+      var isChanged = false;
+
+      if (drag && drag.type === TimelineDraggableType.keyframe) {
+        var isSelected = true;
+
+        if (this.startedDragWithCtrl && this.controlKeyPressed(args) || this.startedDragWithShiftKey && args.shiftKey) {
+          if (this.controlKeyPressed(args)) {
+            isSelected = !drag.keyframe.selected;
+          }
+        } // Reverse selected keyframe selection by a click:
+
+
+        isChanged = this.performSelection(isSelected, this.drag.keyframe, 'keyframe', this.controlKeyPressed(args) || args.shiftKey) || isChanged;
+
+        if (args.shiftKey) {
+          // change timeline pos:
+          var convertedVal = this.mousePosToVal(pos.x, true); // Set current timeline position if it's not a drag or selection rect small or fast click.
+
+          isChanged = this.setTimeInternal(convertedVal, 'user') || isChanged;
+        }
+      } else {
+        // deselect keyframes if any:
+        isChanged = this.performSelection(false) || isChanged; // change timeline pos:
+        // Set current timeline position if it's not a drag or selection rect small or fast click.
+
+        isChanged = this.setTimeInternal(this.mousePosToVal(pos.x, true), 'user') || isChanged;
+      }
+
+      return isChanged;
+    }
+    /**
+     * Set keyframe value.
+     * @param keyframe
+     * @param value
+     */
+
+  }, {
+    key: "setKeyframePos",
+    value: function setKeyframePos(keyframe, value) {
+      value = Math.floor(value);
+
+      if (keyframe && keyframe.val != value) {
+        keyframe.val = value;
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * @param cursor to set.
+     */
+
+  }, {
+    key: "setCursor",
+    value: function setCursor(cursor) {
+      if (this.canvas.style.cursor != cursor) {
+        this.canvas.style.cursor = cursor;
+      }
+    }
+    /**
+     * Set pan mode
+     * @param isPan
+     */
+
+  }, {
+    key: "setInteractionMode",
+    value: function setInteractionMode(mode) {
+      if (this.interactionMode != mode) {
+        this.interactionMode = mode; // Avoid any conflicts with other modes:
+
+        this.cleanUpSelection();
+      }
+    }
+  }, {
+    key: "getSelectedKeyframes",
+    value: function getSelectedKeyframes() {
+      var _this2 = this;
+
+      if (!this.selectedKeyframes) {
+        this.selectedKeyframes = [];
+      }
+
+      this.selectedKeyframes.length = 0;
+      this.forEachKeyframe(function (keyframe) {
+        if (keyframe && keyframe.selected) {
+          _this2.selectedKeyframes.push(keyframe);
+        }
+      });
+      return this.selectedKeyframes;
+    }
+    /**
+     * Do the selection.
+     * @param {boolean} isSelected
+     * @param {object} selector can be a rectangle or a keyframe object.
+     * @param {string} mode selector mode. keyframe | rectangle | all
+     * @param {boolean} ignoreOthers value indicating whether all other object should be reversed.
+     * @return {boolean} isChanged
+     */
+
+  }, {
+    key: "performSelection",
+    value: function performSelection() {
+      var _this3 = this;
+
+      var isSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
+      var ignoreOthers = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var deselectionMode = false;
+
+      if (mode == 'all') {
+        if (!isSelected) {
+          isSelected = false;
+        }
+
+        deselectionMode = isSelected;
+      }
+
+      this.selectedKeyframes.length = 0;
+      var isChanged = true;
+      this.forEachKeyframe(function (keyframe, keyframeIndex, rowSize) {
+        var keyframePos = _this3.getKeyframePosition(keyframe, rowSize);
+
+        if (keyframePos) {
+          if (mode == 'keyframe' && selector === keyframe || mode == 'rectangle' && selector && TimelineUtils.isOverlap(keyframePos.x, keyframePos.y, selector)) {
+            if (keyframe.selected != isSelected) {
+              keyframe.selected = isSelected;
+              isChanged = true;
+            }
+
+            if (keyframe.selected) {
+              _this3.selectedKeyframes.push(keyframe);
+            }
+          } else {
+            // Deselect all other keyframes.
+            if (!ignoreOthers && keyframe.selected != deselectionMode) {
+              keyframe.selected = deselectionMode;
+              isChanged = deselectionMode;
+            }
+          }
+        }
+      });
+
+      if (isChanged) {
+        this.emitKeyframesSelected(this.selectedKeyframes);
+      }
+
+      return isChanged;
+    }
+    /**
+     * foreach visible keyframe.
+     */
+
+  }, {
+    key: "forEachKeyframe",
+    value: function forEachKeyframe(callback) {
+      if (!this.model) {
+        return;
+      }
+
+      var model = this.calculateRowsBounds(false);
+
+      if (!model) {
+        return;
+      }
+
+      model.rows.forEach(function (rowSize, index) {
+        if (!rowSize) {
+          return;
+        }
+
+        var row = rowSize.row;
+
+        if (!row || !row.keyframes || !Array.isArray(row.keyframes) || row.keyframes.length <= 0) {
+          return;
+        }
+
+        var nextRow = true;
+        row.keyframes.filter(function (p) {
+          return p && !p.hidden;
+        }).forEach(function (keyframe, keyframeIndex) {
+          if (callback && keyframe) {
+            callback(keyframe, keyframeIndex, rowSize, index, nextRow);
+          }
+
+          nextRow = false;
+        });
+      });
+    }
+  }, {
+    key: "trackMousePos",
+    value: function trackMousePos(canvas, mouseArgs) {
+      var pos = this.getMousePos(canvas, mouseArgs);
+      pos.val = this.pxToVal(pos.x + this.scrollContainer.scrollLeft);
+      pos.snapVal = this.snapVal(pos.val);
+
+      if (this.startPos) {
+        if (!this.selectionRect) {
+          this.selectionRect = {};
+        } // get the pos with the virtualization:
+
+
+        var x = Math.floor(this.startPos.x + (this.scrollStartPos.x - this.scrollContainer.scrollLeft));
+        var y = Math.floor(this.startPos.y + (this.scrollStartPos.y - this.scrollContainer.scrollTop));
+        this.selectionRect.x = Math.min(x, pos.x);
+        this.selectionRect.y = Math.min(y, pos.y);
+        this.selectionRect.width = Math.max(x, pos.x) - this.selectionRect.x;
+        this.selectionRect.height = Math.max(y, pos.y) - this.selectionRect.y;
+      }
+
+      return pos;
+    }
+  }, {
+    key: "cleanUpSelection",
+    value: function cleanUpSelection() {
+      if (this.drag && this.drag.changed) {
+        this.emit(TimelineEvents.DragFinished, {
+          keyframes: this.drag.keyframes
+        });
+      }
+
+      this.startPos = null;
+      this.drag = null;
+      this.startedDragWithCtrl = false;
+      this.startedDragWithShiftKey = false;
+      this.selectionRect = null;
+      this.clickTimeout = null;
+      this.scrollStartPos = null;
+      this.isPanStarted = false;
+      this.stopAutoPan();
+    }
+    /**
+     * Check whether click timeout is over.
+     */
+
+  }, {
+    key: "clickTimeoutIsOver",
+    value: function clickTimeoutIsOver() {
+      // Duration before the selection can be tracked.
+      if (this.clickTimeout && Date.now() - this.clickTimeout > this.consts.clickDetectionMs) {
+        return true;
+      }
+
+      return false;
+    }
+    /**
+     * Automatically pan. Scroll canvas when selection is made and mouse outside of the bounds.
+     */
+
+  }, {
+    key: "startAutoPan",
+    value: function startAutoPan() {
+      var _this4 = this;
+
+      if (this.consts.autoPanSpeed) {
+        if (!this.intervalRef) {
+          // Repeat move calls to
+          this.intervalRef = setInterval(function () {
+            _this4.handleMouseMoveEvent(null);
+          }, this.consts.autoPanSpeed);
+        }
+      }
+    }
+    /**
+     * Stop current running auto pan
+     */
+
+  }, {
+    key: "stopAutoPan",
+    value: function stopAutoPan() {
+      if (this.intervalRef) {
+        clearInterval(this.intervalRef);
+        this.intervalRef = null;
+      }
+
+      this.autoPanLastActionDate = null;
+    }
+    /**
+     * Check whether auto pan should be slowed down a bit.
+     */
+
+  }, {
+    key: "checkUpdateSpeedTooFast",
+    value: function checkUpdateSpeedTooFast() {
+      // Slow down updated a bit.
+      if (this.autoPanLastActionDate && Date.now() - this.autoPanLastActionDate <= 10) {
+        return true;
+      }
+
+      this.autoPanLastActionDate = Date.now();
+      return false;
+    }
+  }, {
+    key: "scrollByPan",
+    value: function scrollByPan(start, pos, scrollStartPos) {
+      if (!start || !pos) {
+        return;
+      }
+
+      var offsetX = Math.round(start.x - pos.x);
+      var newLeft = scrollStartPos.x + offsetX;
+
+      if (offsetX > 0) {
+        this.rescale(newLeft + this.canvas.clientWidth);
+      }
+
+      if (offsetX > 0 && newLeft + this.canvas.clientWidth >= this.scrollContainer.scrollWidth - 5) {
+        this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth;
+      } else {
+        this.scrollContainer.scrollLeft = newLeft;
+      }
+
+      this.scrollContainer.scrollTop = Math.round(start.y - pos.y);
+    }
+  }, {
+    key: "scrollBySelectionOutOfBounds",
+    value: function scrollBySelectionOutOfBounds(pos) {
+      var x = pos.x;
+      var y = pos.y;
+      var isChanged = false;
+      var speedX = 0;
+      var speedY = 0;
+      var isLeft = x <= 0;
+      var isRight = x >= this.canvas.clientWidth;
+      var isTop = y <= 0;
+      var isBottom = y >= this.canvas.clientHeight;
+      var newWidth = null;
+      var newHeight = null;
+
+      if (isLeft || isRight || isTop || isBottom) {
+        // Auto move init
+        this.startAutoPan();
+
+        if (this.checkUpdateSpeedTooFast()) {
+          return false;
+        }
+
+        var scrollSpeedMultiplier = isNaN(this.consts.scrollByDragSpeed) ? 1 : this.consts.scrollByDragSpeed;
+
+        if (isLeft) {
+          // Get normalized speed.
+          speedX = -TimelineUtils.getDistance(x, 0) * scrollSpeedMultiplier;
+        } else if (isRight) {
+          // Get normalized speed:
+          speedX = TimelineUtils.getDistance(x, this.canvas.clientWidth) * scrollSpeedMultiplier;
+          newWidth = this.scrollContainer.scrollLeft + this.canvas.clientWidth + speedX;
+        }
+
+        if (isTop) {
+          // Get normalized speed.
+          speedY = -TimelineUtils.getDistance(x, 0) * scrollSpeedMultiplier / 4;
+        } else if (isBottom) {
+          // Get normalized speed:
+          speedY = TimelineUtils.getDistance(x, this.canvas.clientHeight) * scrollSpeedMultiplier / 4;
+          newHeight = this.scrollContainer.scrollTop + this.canvas.clientHeight;
+        }
+      } else {
+        this.stopAutoPan();
+      }
+
+      if (newWidth || newHeight) {
+        this.rescale(newWidth, newHeight, 'scrollBySelection');
+      }
+
+      if (Math.abs(speedX) > 0) {
+        this.scrollContainer.scrollLeft += speedX;
+        isChanged = true;
+      }
+
+      if (Math.abs(speedY) > 0) {
+        this.scrollContainer.scrollTop += speedY;
+        isChanged = true;
+      }
+
+      return isChanged;
+    }
+    /**
+     * Convert screen pixel to value.
+     */
+
+  }, {
+    key: "pxToVal",
+    value: function pxToVal(coords) {
+      var absolute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (!absolute) {
+        coords -= this.options.leftMarginPx;
+      }
+
+      var ms = coords / this.options.stepPx * this.options.zoom;
+      return ms;
+    }
+    /**
+     * Convert area value to screen pixel coordinates.
+     */
+
+  }, {
+    key: "valToPx",
+    value: function valToPx(ms) {
+      var absolute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      // Respect current scroll container offset. (virtualization)
+      if (!absolute) {
+        var x = this.scrollContainer.scrollLeft;
+        ms -= this.pxToVal(x);
+      }
+
+      return ms * this.options.stepPx / this.options.zoom;
+    }
+    /**
+     * Snap a value to a nearest beautiful point.
+     */
+
+  }, {
+    key: "snapVal",
+    value: function snapVal(ms) {
+      // Apply snap to steps if enabled.
+      if (this.options.snapsPerSeconds && this.options.snapEnabled) {
+        var stopsPerPixel = 1000 / this.options.snapsPerSeconds;
+        var step = ms / stopsPerPixel;
+        var stepsFit = Math.round(step);
+        ms = Math.round(stepsFit * stopsPerPixel);
+      } // TODO: allow negative values.
+
+
+      if (ms < 0) {
+        ms = 0;
+      }
+
+      return ms;
+    }
+  }, {
+    key: "mousePosToVal",
+    value: function mousePosToVal(x) {
+      var snapEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var convertedVal = this.pxToVal(this.scrollContainer.scrollLeft + Math.min(x, this.canvas.clientWidth));
+      convertedVal = Math.round(convertedVal);
+
+      if (snapEnabled) {
+        convertedVal = this.snapVal(convertedVal);
+      }
+
+      return convertedVal;
+    }
+    /**
+     * Format line gauge text.
+     * Default formatting is HMS
+     * @param ms milliseconds to convert.
+     * @param isSeconds whether seconds are passed.
+     */
+
+  }, {
+    key: "formatLineGaugeText",
+    value: function formatLineGaugeText(ms) {
+      var isSeconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      // 1- Convert to seconds:
+      var seconds = ms / 1000;
+
+      if (isSeconds) {
+        seconds = ms;
+      }
+
+      var year = Math.floor(seconds / (365 * 86400));
+      seconds = seconds % (365 * 86400);
+      var days = Math.floor(seconds / 86400);
+      seconds = seconds % 86400; // 2- Extract hours:
+
+      var hours = Math.floor(seconds / 3600); // 3,600 seconds in 1 hour
+
+      seconds = seconds % 3600; // seconds remaining after extracting hours
+      // 3- Extract minutes:
+
+      var minutes = Math.floor(seconds / 60); // 60 seconds in 1 minute
+      // 4- Keep only seconds not extracted to minutes:
+
+      seconds = seconds % 60;
+      var str = '';
+
+      if (year) {
+        str += year + ':';
+      }
+
+      if (days) {
+        str += days + ':';
+      }
+
+      if (hours) {
+        str += hours + ':';
+      }
+
+      if (minutes) {
+        str += minutes + ':';
+      }
+
+      if (!isNaN(seconds)) {
+        str += seconds;
+      }
+
+      return str;
+    }
+  }, {
+    key: "renderTicks",
+    value: function renderTicks() {
+      this.ctx.save();
+      var areaWidth = this.scrollContainer.scrollWidth - this.options.leftMarginPx;
+      var from = this.pxToVal(0);
+      var to = this.pxToVal(areaWidth);
+      var dist = TimelineUtils.getDistance(from, to);
+
+      if (dist === 0) {
+        return;
+      } // normalize step.
+
+
+      var stepsCanFit = areaWidth / this.options.stepPx;
+      var realStep = dist / stepsCanFit; // Find the nearest 'beautiful' step for a line gauge. This step should be divided by 1/2/5!
+      //let step = realStep;
+
+      var step = TimelineUtils.findGoodStep(realStep);
+
+      if (step == 0 || isNaN(step) || !isFinite(step)) {
+        return;
+      }
+
+      var goodStepDistancePx = areaWidth / (dist / step);
+      var smallStepsCanFit = goodStepDistancePx / this.options.stepSmallPx;
+      var realSmallStep = step / smallStepsCanFit;
+      var smallStep = TimelineUtils.findGoodStep(realSmallStep, step);
+
+      if (step % smallStep != 0) {
+        smallStep = realSmallStep;
+      } // filter to draw only visible
+
+
+      var visibleFrom = this.pxToVal(this.scrollContainer.scrollLeft + this.options.leftMarginPx);
+      var visibleTo = this.pxToVal(this.scrollContainer.scrollLeft + this.scrollContainer.clientWidth); // Find beautiful start point:
+
+      from = Math.floor(visibleFrom / step) * step; // Find a beautiful end point:
+
+      to = Math.ceil(visibleTo / step) * step + step;
+      var lastTextX = null;
+
+      for (var i = from; i <= to; i += step) {
+        var pos = this.valToPx(i);
+        var sharpPos = this.getSharp(Math.round(pos));
+        this.ctx.save();
+        this.ctx.beginPath();
+        this.ctx.setLineDash([4]);
+        this.ctx.lineWidth = 1;
+        this.ctx.strokeStyle = this.options.tickColor;
+        TimelineUtils.drawLine(this.ctx, sharpPos, (this.options.headerHeight || 0) / 2, sharpPos, this.canvas.clientHeight);
+        this.ctx.stroke();
+        this.ctx.fillStyle = this.options.labelsColor;
+
+        if (this.options.ticksFont) {
+          this.ctx.font = this.options.ticksFont;
+        }
+
+        var text = this.formatLineGaugeText(i);
+        var textSize = this.ctx.measureText(text);
+        var textX = sharpPos - textSize.width / 2; // skip text render if there is no space for it.
+
+        if (isNaN(lastTextX) || lastTextX <= textX) {
+          lastTextX = textX + textSize.width;
+          this.ctx.fillText(text, textX, 10);
+        }
+
+        this.ctx.restore(); // Draw small steps
+
+        for (var x = i + smallStep; x < i + step; x += smallStep) {
+          var nextPos = this.valToPx(x);
+          var nextSharpPos = this.getSharp(Math.floor(nextPos));
+          this.ctx.beginPath();
+          this.ctx.lineWidth = this.pixelRatio;
+          this.ctx.strokeStyle = this.options.tickColor;
+          TimelineUtils.drawLine(this.ctx, nextSharpPos, (this.options.headerHeight || 0) / 1.3, nextSharpPos, this.options.headerHeight);
+          this.ctx.stroke();
+        }
+      }
+
+      this.ctx.restore();
+    }
+    /**
+     * calculate screen positions of the model elements.
+     */
+
+  }, {
+    key: "calculateRowsBounds",
+    value: function calculateRowsBounds() {
+      var _this5 = this;
+
+      var includeStipesBounds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var toReturn = {
+        rows: [],
+        area: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        minValue: null,
+        maxValue: null
+      };
+
+      if (!this.model) {
+        return toReturn;
+      }
+
+      var rows = this.model.rows;
+
+      if (!rows || !Array.isArray(rows) || rows.length <= 0) {
+        return toReturn;
+      }
+
+      var rowAbsoluteHeight = this.options.headerHeight;
+      rows.filter(function (p) {
+        return p && !p.hidden;
+      }).forEach(function (row, index) {
+        if (!row) {
+          return;
+        } // draw with scroll virtualization:
+
+
+        var rowHeight = TimelineStyleUtils.getRowHeight(row, _this5.options.rowsStyle);
+        var marginBottom = TimelineStyleUtils.getRowMarginBottom(row, _this5.options.rowsStyle);
+        rowAbsoluteHeight += rowHeight + marginBottom;
+        var currentRowY = rowAbsoluteHeight - _this5.scrollContainer.scrollTop;
+
+        if (index == 0) {
+          toReturn.area.y = currentRowY;
+        }
+
+        toReturn.area.height = Math.max(rowAbsoluteHeight + rowHeight, toReturn.area.height);
+        var rowData = {
+          x: 0,
+          y: currentRowY,
+          width: _this5.canvas.clientWidth,
+          height: rowHeight,
+          marginBottom: marginBottom,
+          row: row,
+          index: index,
+          minValue: null,
+          maxValue: null
+        };
+        toReturn.rows.push(rowData);
+
+        if (!includeStipesBounds && (!row.keyframes || !row.keyframes.forEach || row.keyframes.length <= 0)) {
+          return;
+        } // Get min and max ms to draw keyframe lane:
+
+
+        if (row && row.keyframes) {
+          row.keyframes.forEach(function (keyframe) {
+            var val = keyframe.val;
+
+            if (keyframe && !isNaN(val)) {
+              rowData.minValue = rowData.minValue == null ? val : Math.min(val, rowData.minValue);
+              rowData.maxValue = rowData.maxValue == null ? val : Math.max(val, rowData.maxValue);
+            }
+          });
+        } // get keyframes stripe size
+
+
+        if (!isNaN(rowData.minValue) && !isNaN(rowData.maxValue)) {
+          // get stripe screen coords
+          var stripeRect = _this5.getKeyframesStripeSize(row, rowData.y, rowData.minValue, rowData.maxValue);
+
+          rowData.stripeRect = stripeRect;
+        } // get absolute min and max bounds:
+
+
+        if (toReturn.minValue !== null && rowData.minValue !== null) {
+          toReturn.minValue = Math.min(rowData.minValue, toReturn.minValue);
+        } else if (rowData.minValue !== null) {
+          toReturn.minValue = rowData.minValue;
+        }
+
+        if (toReturn.maxValue !== null && rowData.maxValue !== null) {
+          toReturn.maxValue = Math.min(rowData.maxValue, toReturn.maxValue);
+        } else if (rowData.maxValue !== null) {
+          toReturn.maxValue = rowData.maxValue;
+        }
+      });
+
+      if (toReturn.maxValue !== null) {
+        toReturn.area.width = this.valToPx(toReturn.maxValue, true);
+      }
+
+      return toReturn;
+    }
+  }, {
+    key: "renderRows",
+    value: function renderRows() {
+      var _this6 = this;
+
+      var data = this.calculateRowsBounds();
+
+      if (data && data.rows) {
+        this.ctx.save();
+        data.rows.forEach(function (rowData) {
+          if (!rowData) {
+            return;
+          }
+
+          _this6.ctx.fillStyle = TimelineStyleUtils.getRowStyle(rowData.row, _this6.options.rowsStyle, 'fillColor', '#252526'); //this.ctx.fillRect(data.areaRect.x, data.areaRect.y, data.areaRect.w, data.areaRect.h);
+          // Note: bounds used instead of the clip while clip is slow!
+
+          var bounds = _this6.cutBounds(rowData);
+
+          if (bounds) {
+            _this6.ctx.fillRect(bounds.x, bounds.y, bounds.width, bounds.height);
+          }
+
+          var keyframeLaneColor = TimelineStyleUtils.stripeFillColor(rowData.row, _this6.options.rowsStyle);
+
+          if (rowData.row.keyframes && rowData.row.keyframes.length <= 1 || !keyframeLaneColor) {
+            return;
+          } // get the bounds on a canvas
+
+
+          var rectBounds = _this6.cutBounds(rowData.stripeRect);
+
+          if (rectBounds) {
+            _this6.ctx.fillStyle = keyframeLaneColor;
+
+            _this6.ctx.fillRect(rectBounds.x, rectBounds.y, rectBounds.width, rectBounds.height);
+          }
+        });
+        this.ctx.restore();
+      }
+    }
+    /**
+     * Method is used for the optimization.
+     * Only visible part should be rendered.
+     */
+
+  }, {
+    key: "cutBounds",
+    value: function cutBounds(rect) {
+      if (!rect) {
+        return null;
+      } // default bounds: minX, maxX, minY, maxY
+
+
+      var minX = 0,
+          maxX = this.canvas.clientWidth,
+          minY = this.options.headerHeight || 0,
+          maxY = this.canvas.clientWidth;
+
+      if (TimelineUtils.isRectOverlap(rect, {
+        x: minX,
+        y: minY,
+        width: TimelineUtils.getDistance(minX, maxX),
+        height: TimelineUtils.getDistance(minY, maxY)
+      })) {
+        var y = Math.max(rect.y, minY);
+        var x = Math.max(rect.x, minX);
+        var offsetW = rect.x - x;
+        var offsetH = rect.y - y;
+        return {
+          height: rect.height + offsetH,
+          width: rect.width + offsetW,
+          x: x,
+          y: y,
+          overlapY: Math.abs(offsetH) > 0,
+          overlapX: Math.abs(offsetW) > 0
+        };
+      }
+
+      return null;
+    }
+    /**
+     * get keyframe stripe screen rect coordinates.
+     * @param row
+     * @param rowY row screen coords y position
+     */
+
+  }, {
+    key: "getKeyframesStripeSize",
+    value: function getKeyframesStripeSize(row, rowY, minValue, maxValue) {
+      var keyframeLaneHeight = TimelineStyleUtils.rowStripeHeight(row, this.options.rowsStyle);
+      var height = TimelineStyleUtils.getRowHeight(row, this.options.rowsStyle);
+
+      if (!keyframeLaneHeight && keyframeLaneHeight !== 0 || isNaN(keyframeLaneHeight) || keyframeLaneHeight == 'auto') {
+        keyframeLaneHeight = Math.floor(height * 0.8);
+      }
+
+      if (keyframeLaneHeight > height) {
+        keyframeLaneHeight = height;
+      }
+
+      var margin = height - keyframeLaneHeight; // draw keyframes lane.
+
+      var xMin = this.valToPx(minValue);
+      var xMax = this.valToPx(maxValue);
+      return {
+        x: xMin,
+        y: rowY + Math.floor(margin / 2),
+        height: keyframeLaneHeight,
+        width: TimelineUtils.getDistance(xMin, xMax)
+      };
+    }
+  }, {
+    key: "getKeyframePosition",
+    value: function getKeyframePosition(keyframe, rowSize) {
+      if (!keyframe) {
+        console.log('keyframe should be defined.');
+        return null;
+      }
+
+      var val = keyframe.val;
+
+      if (isNaN(val)) {
+        return null;
+      } // get center of the lane:
+
+
+      var y = rowSize.y + rowSize.height / 2 - this.scrollContainer.scrollTop; // TODO: keyframe size:
+
+      var size = 1; //this.options.keyframeSizePx || keyframe.size;
+      //if (size == "auto") {
+
+      size = rowSize.height / 3; //}
+
+      if (size > 0) {
+        if (!isNaN(val)) {
+          var toReturn = {
+            x: Math.floor(this.valToPx(val)),
+            y: Math.floor(y),
+            height: size,
+            width: size
+          };
+          return toReturn;
+        }
+      }
+
+      return null;
+    }
+  }, {
+    key: "renderKeyframes",
+    value: function renderKeyframes() {
+      var _this7 = this;
+
+      this.forEachKeyframe(function (keyframe, keyframeIndex, rowSize) {
+        var row = rowSize.row;
+
+        var pos = _this7.getKeyframePosition(keyframe, rowSize);
+
+        if (pos) {
+          var x = _this7.getSharp(pos.x);
+
+          var y = pos.y;
+          var size = pos.height;
+
+          var bounds = _this7.cutBounds({
+            x: x - size / 2,
+            y: y - size / 2,
+            width: size,
+            height: size
+          });
+
+          if (!bounds) {
+            return;
+          }
+
+          _this7.ctx.save(); // Performance FIX: use clip only  when we are in the collision! Clip is slow!
+          // Other keyframes should be hidden by bounds check.
+
+
+          if (bounds && bounds.overlapY) {
+            _this7.ctx.beginPath();
+
+            _this7.ctx.rect(0, _this7.options.headerHeight || 0, _this7.canvas.clientWidth, _this7.canvas.clientWidth);
+
+            _this7.ctx.clip();
+          }
+
+          var shape = TimelineStyleUtils.getKeyframeStyle(keyframe, row, _this7.options.rowsStyle, 'shape', TimelineKeyframeShape.Rhomb);
+
+          if (shape === TimelineKeyframeShape.None) {
+            return;
+          }
+
+          var keyframeColor = TimelineStyleUtils.getKeyframeStyle(keyframe, row, _this7.options.rowsStyle, keyframe.selected ? 'fillColor' : 'selectedFillColor', keyframe.selected ? 'red' : 'DarkOrange');
+          var border = TimelineStyleUtils.getKeyframeStyle(keyframe, row, _this7.options.rowsStyle, 'strokeThickness', 0.2);
+          var strokeColor = border > 0 ? TimelineStyleUtils.getKeyframeStyle(keyframe, row, _this7.options.rowsStyle, 'strokeColor', 'Black') : '';
+
+          if (shape == TimelineKeyframeShape.Rhomb) {
+            _this7.ctx.beginPath();
+
+            _this7.ctx.translate(x, y);
+
+            _this7.ctx.rotate(45 * Math.PI / 180);
+
+            if (border > 0 && strokeColor) {
+              _this7.ctx.fillStyle = strokeColor;
+
+              _this7.ctx.rect(-size / 2, -size / 2, size, size);
+
+              _this7.ctx.fill();
+            }
+
+            _this7.ctx.fillStyle = keyframeColor; // draw main keyframe data with offset.
+
+            _this7.ctx.translate(border, border);
+
+            _this7.ctx.rect(-size / 2, -size / 2, size - border * 2, size - border * 2);
+
+            _this7.ctx.fill();
+          } else if (shape == TimelineKeyframeShape.Circle) {
+            _this7.ctx.beginPath();
+
+            if (border > 0 && strokeColor) {
+              _this7.ctx.fillStyle = strokeColor;
+
+              _this7.ctx.arc(x, y, size, 0, 2 * Math.PI);
+            }
+
+            _this7.ctx.fillStyle = keyframeColor;
+
+            _this7.ctx.arc(x, y, size - border, 0, 2 * Math.PI);
+
+            _this7.ctx.fill();
+          } else if (shape == TimelineKeyframeShape.Rect) {
+            _this7.ctx.beginPath();
+
+            y = y - size / 2;
+            x = x - size / 2;
+
+            if (border > 0 && strokeColor) {
+              _this7.ctx.fillStyle = strokeColor;
+
+              _this7.ctx.rect(x, y, size, size);
+
+              _this7.ctx.fill();
+            }
+
+            _this7.ctx.fillStyle = keyframeColor;
+
+            _this7.ctx.rect(x + border, y + border, size - border, size - border);
+
+            _this7.ctx.fill();
+          }
+
+          _this7.ctx.restore();
+        }
+      });
+    }
+  }, {
+    key: "renderSelectionRect",
+    value: function renderSelectionRect() {
+      if (this.drag) {
+        return;
+      }
+
+      this.ctx.save();
+      var thickness = 1;
+
+      if (this.selectionRect && this.selectionRectEnabled) {
+        this.ctx.setLineDash([4]);
+        this.ctx.lineWidth = this.pixelRatio;
+        this.ctx.strokeStyle = this.options.selectionColor;
+        this.ctx.strokeRect(this.getSharp(this.selectionRect.x, thickness), this.getSharp(this.selectionRect.y, thickness), Math.floor(this.selectionRect.width), Math.floor(this.selectionRect.height));
+      }
+
+      this.ctx.restore();
+    }
+  }, {
+    key: "renderBackground",
+    value: function renderBackground() {
+      if (this.options.fillColor) {
+        this.ctx.save();
+        this.ctx.beginPath();
+        this.ctx.rect(0, 0, this.canvas.clientWidth, this.canvas.clientHeight);
+        this.ctx.fillStyle = this.options.fillColor;
+        this.ctx.fill();
+        this.ctx.restore();
+      } else {
+        // Clear if bg not set.
+        this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      }
+    }
+  }, {
+    key: "renderTimeline",
+    value: function renderTimeline() {
+      this.ctx.save();
+      var thickness = this.options.timelineThicknessPx;
+      this.ctx.lineWidth = thickness * this.pixelRatio;
+      var timeLinePos = this.getSharp(Math.round(this.valToPx(this.val)), thickness);
+      this.ctx.strokeStyle = this.options.timelineColor;
+      this.ctx.fillStyle = this.ctx.strokeStyle;
+      var y = this.options.timelineMarginTopPx;
+      this.ctx.beginPath();
+      TimelineUtils.drawLine(this.ctx, timeLinePos, y, timeLinePos, this.canvas.clientHeight);
+      this.ctx.stroke();
+
+      if (this.options.timelineCapWidthPx && this.options.timelineCapHeightPx) {
+        var rectSize = this.options.timelineCapWidthPx;
+        var capHeight = this.options.timelineCapHeightPx;
+
+        if (this.options.timelineCap === TimelineCapShape.Triangle) {
+          this.ctx.beginPath();
+          this.ctx.moveTo(timeLinePos - rectSize / 2, y);
+          this.ctx.lineTo(timeLinePos + rectSize / 2, y);
+          this.ctx.lineTo(timeLinePos, capHeight);
+          this.ctx.closePath();
+          this.ctx.stroke();
+        } else if (this.options.timelineCap === TimelineCapShape.Rect) {
+          this.ctx.fillRect(timeLinePos - rectSize / 2, y, rectSize, capHeight);
+          this.ctx.fill();
+        }
+      }
+
+      this.ctx.restore();
+    }
+  }, {
+    key: "renderHeaderBackground",
+    value: function renderHeaderBackground() {
+      if (!isNaN(this.options.headerHeight) && this.options.headerHeight > 0) {
+        this.ctx.save(); // draw ticks background
+
+        this.ctx.lineWidth = this.pixelRatio;
+
+        if (this.options.headerFillColor) {
+          // draw ticks background
+          this.ctx.lineWidth = this.pixelRatio; // draw header background
+
+          this.ctx.fillStyle = this.options.headerFillColor;
+          this.ctx.fillRect(0, 0, this.canvas.clientWidth, this.options.headerHeight);
+        } else {
+          this.ctx.clearRect(0, 0, this.canvas.clientWidth, this.options.headerHeight);
+        }
+
+        this.ctx.restore();
+      }
+    }
+  }, {
+    key: "redraw",
+    value: function redraw() {
+      if (window.requestAnimationFrame) {
+        window.requestAnimationFrame(this.redrawInternal);
+      } else {
+        this.redrawInternal();
+      }
+    }
+    /**
+     * perform scroll to max left.
+     */
+
+  }, {
+    key: "scrollLeft",
+    value: function scrollLeft() {
+      if (this.scrollContainer.scrollLeft != this.scrollContainer.scrollWidth) {
+        this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth;
+      }
+    }
+    /**
+     * Redraw parts of the component in the specific order.
+     */
+
+  }, {
+    key: "getSharp",
+
+    /**
+     * Find sharp pixel position
+     */
+    value: function getSharp(pos) {
+      var thickness = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+      if (thickness % 2 == 0) {
+        return pos;
+      }
+
+      return pos + this.pixelRatio / 2;
+    }
+    /**
+     * Get current time:
+     */
+
+  }, {
+    key: "getTime",
+    value: function getTime() {
+      return this.val;
+    }
+  }, {
+    key: "setTimeInternal",
+    value: function setTimeInternal(val, source) {
+      val = Math.round(val);
+
+      if (val < 0) {
+        val = 0;
+      }
+
+      if (this.val != val) {
+        this.val = val;
+        this.emit('timeChanged', {
+          val: val,
+          source: source
+        });
+        return true;
+      }
+
+      return true;
+    }
+  }, {
+    key: "setTime",
+    value: function setTime(val) {
+      // don't allow to change time during drag:
+      if (this.drag && this.drag.type === TimelineDraggableType.timeline) {
+        return false;
+      }
+
+      return this.setTimeInternal(val, 'setTime');
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      this.performSelection(value);
+      this.redraw();
+    }
+  }, {
+    key: "getOptions",
+    value: function getOptions() {
+      return this.options;
+    }
+  }, {
+    key: "controlKeyPressed",
+    value: function controlKeyPressed(e) {
+      return this.options.controlKeyIsMetaKey || this.options.controlKeyIsMetaKey ? e.metaKey : e.ctrlKey;
+    }
+  }, {
+    key: "emitKeyframesSelected",
+    value: function emitKeyframesSelected(selectedKeyframes) {
+      this.emit(TimelineEvents.Selected, {
+        keyframes: selectedKeyframes
+      });
+    }
+  }, {
+    key: "setScrollLeft",
+    value: function setScrollLeft(value) {
+      if (this.scrollContainer) {
+        this.scrollContainer.scrollLeft = value;
+      }
+    }
+  }, {
+    key: "setScrollTop",
+    value: function setScrollTop(value) {
+      if (this.scrollContainer) {
+        this.scrollContainer.scrollTop = value;
+      }
+    }
+  }, {
+    key: "getScrollLeft",
+    value: function getScrollLeft() {
+      return this.scrollContainer ? this.scrollContainer.scrollLeft : 0;
+    }
+  }, {
+    key: "getScrollTop",
+    value: function getScrollTop() {
+      return this.scrollContainer ? this.scrollContainer.scrollTop : 0;
+    }
+    /**
+     * Subscribe on scroll event
+     */
+
+  }, {
+    key: "onScroll",
+    value: function onScroll(callback) {
+      this.on(TimelineEvents.Scroll, callback);
+    }
+    /**
+     * Set this.options.
+     * Options will be merged with the defaults and control invalidated
+     */
+
+  }, {
+    key: "setOptions",
+    value: function setOptions(toSet) {
+      this.options = this.mergeOptions(toSet);
+      this.rescale();
+      this.redraw(); // Merged options:
+
+      return this.options;
+    }
+  }, {
+    key: "getModel",
+    value: function getModel() {
+      return this.model;
+    }
+    /**
+     * Set model and redraw application.
+     * @param data
+     */
+
+  }, {
+    key: "setModel",
+    value: function setModel(data) {
+      this.model = data;
+      this.rescale();
+      this.redraw();
+    }
+  }, {
+    key: "getMousePos",
+    value: function getMousePos(canvas, e) {
+      var radius = 1;
+      var clientX = 0;
+      var clientY = 0;
+
+      if (e instanceof TouchEvent) {
+        var wheelEvent = e;
+
+        if (wheelEvent.changedTouches && wheelEvent.changedTouches.length > 0) {
+          // TODO: implement better touch support
+          var touch = e.changedTouches[0];
+          clientX = touch.clientX;
+          clientY = touch.clientY;
+          radius = Math.max(radius, touch.radiusX, touch.radiusY);
+        }
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+
+      var rect = canvas.getBoundingClientRect(),
+          // abs. size of element
+      scaleX = canvas.width / this.pixelRatio / rect.width,
+          // relationship bitmap vs. element for X
+      scaleY = canvas.height / this.pixelRatio / rect.height; // relationship bitmap vs. element for Y
+
+      var x = (clientX - rect.left) * scaleX;
+      var y = (clientY - rect.top) * scaleY; // scale mouse coordinates after they have been adjusted to be relative to element
+
+      return {
+        x: x,
+        y: y,
+        radius: radius
+      };
+    }
+  }, {
+    key: "rescale",
+    value: function rescale(newWidth, newHeight, scrollMode) {
+      var width = this.scrollContainer.clientWidth * this.pixelRatio;
+      var height = this.scrollContainer.clientHeight * this.pixelRatio;
+
+      if (Math.floor(width) != Math.floor(this.ctx.canvas.width)) {
+        this.ctx.canvas.width = width;
+      }
+
+      if (Math.floor(height) != Math.floor(this.ctx.canvas.height)) {
+        this.ctx.canvas.height = height;
+      }
+
+      this.ctx.setTransform(this.pixelRatio, 0, 0, this.pixelRatio, 0, 0);
+      var data = this.calculateRowsBounds();
+
+      if (data && data.area) {
+        var additionalOffset = this.options.stepPx;
+        newWidth = newWidth || 0; // not less than current timeline position
+
+        var timelineGlobalPos = this.valToPx(this.val, true);
+        var timelinePos = 0;
+
+        if (timelineGlobalPos > this.canvas.clientWidth) {
+          if (scrollMode == 'scrollBySelection') {
+            timelinePos = Math.floor(timelineGlobalPos + this.canvas.clientWidth + (this.options.stepPx || 0));
+          } else {
+            timelinePos = Math.floor(timelineGlobalPos + this.canvas.clientWidth / 1.5);
+          }
+        }
+
+        var keyframeW = data.area.width + this.options.leftMarginPx + additionalOffset;
+        newWidth = Math.max(newWidth, // keyframes size
+        keyframeW, // not less than current scroll position
+        this.scrollContainer.scrollLeft + this.canvas.clientWidth, timelinePos);
+        var minWidthPx = Math.floor(newWidth) + 'px';
+
+        if (minWidthPx != this.scrollContent.style.minWidth) {
+          this.scrollContent.style.minWidth = minWidthPx;
+        }
+
+        newHeight = Math.max(Math.floor(data.area.height + this.canvas.clientHeight * 0.2), this.scrollContainer.scrollTop + this.canvas.clientHeight - 1, Math.round(newHeight || 0));
+        var h = newHeight + 'px';
+
+        if (this.scrollContent.style.minHeight != h) {
+          this.scrollContent.style.minHeight = h;
+        }
+      }
+    }
+    /**
+     * Find clickable elements under the current position.
+     */
+
+  }, {
+    key: "getDraggable",
+    value: function getDraggable(pos) {
+      var _this8 = this;
+
+      // few extra pixels to select items:
+      var helperSelector = Math.max(2, pos.radius);
+      var draggable = null;
+      var lastLength = Number.MAX_SAFE_INTEGER;
+
+      if (pos.y >= this.options.headerHeight && this.options.keyframesDraggable) {
+        this.forEachKeyframe(function (keyframe, keyframeIndex, rowSize) {
+          if (keyframe.draggable !== undefined) {
+            if (!keyframe.draggable) {
+              return;
+            }
+          }
+          /*  const row = rowSize.row; if (row.keyframesDraggable !== undefined) {
+              if (!row.keyframesDraggable) {
+                return;
+              }
+            }
+          */
+
+
+          var keyframePos = _this8.getKeyframePosition(keyframe, rowSize);
+
+          if (keyframePos) {
+            var dist = TimelineUtils.getDistance(keyframePos.x, keyframePos.y, pos.x, pos.y);
+
+            if (dist <= keyframePos.height + helperSelector) {
+              if (!draggable) {
+                lastLength = dist;
+                draggable = {
+                  keyframe: keyframe,
+                  val: keyframe.val,
+                  type: TimelineDraggableType.keyframe
+                };
+              } else if (dist <= lastLength) {
+                draggable.keyframe = keyframe;
+                draggable.val = keyframe.val;
+              }
+            }
+          }
+        });
+
+        if (draggable) {
+          return draggable;
+        } // TODO:
+        // Return keyframes lanes:
+
+
+        var data = this.calculateRowsBounds();
+
+        if (this.options.stripesDraggable && data) {
+          var overlapped = null;
+
+          if (data.rows) {
+            for (var i = 0; i < data.rows.length; i++) {
+              var rowSizeData = data.rows[i];
+
+              if (!rowSizeData) {
+                break;
+              }
+
+              var _draggable = TimelineStyleUtils.getRowStyle(rowSizeData.row, this.options.rowsStyle, 'stripeDraggable', true);
+
+              if (!_draggable) {
+                break;
+              }
+
+              var laneOverlapped = TimelineUtils.isOverlap(pos.x, pos.y, rowSizeData.stripeRect);
+
+              if (laneOverlapped) {
+                overlapped = rowSizeData;
+              }
+            }
+          }
+
+          if (overlapped) {
+            draggable = {
+              type: TimelineDraggableType.keyframes
+            };
+            draggable.val = this.mousePosToVal(pos.x, true);
+
+            if (overlapped.row && overlapped.row.keyframes) {
+              draggable.keyframes = overlapped.row.keyframes;
+              var snapped = this.snapVal(overlapped.minValue); // get snapped mouse pos based on a min value.
+
+              draggable.val += overlapped.minValue - snapped;
+            }
+
+            return draggable;
+          }
+        }
+      } // Check whether we can drag timeline.
+
+
+      var timeLinePos = this.valToPx(this.val);
+      var width = Math.max((this.options.timelineThicknessPx || 1) * this.pixelRatio, this.options.timelineCapWidthPx * this.pixelRatio || 1) + helperSelector;
+
+      if (pos.y <= this.options.headerHeight || pos.x >= timeLinePos - width / 2 && pos.x <= timeLinePos + width / 2) {
+        return {
+          val: this.val,
+          type: TimelineDraggableType.timeline
+        };
+      }
+    }
+    /**
+     * Merge options with the defaults.
+     */
+
+  }, {
+    key: "mergeOptions",
+    value: function mergeOptions(toSet) {
+      toSet = toSet || {}; // Apply incoming options to default. (override default)
+
+      var options = new timelineOptions_TimelineOptions(); // Merge options with the default.
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+      var mergeOptionsDeep = function mergeOptionsDeep(to, from) {
+        if (!to || !from) {
+          return;
+        } // eslint-disable-next-line prefer-const
+
+
+        for (var key in to) {
+          if (Object.prototype.hasOwnProperty.call(from, key)) {
+            if (to[key] == undefined) {
+              to[key] = from[key];
+            } else if (_typeof(to[key]) === 'object') {
+              mergeOptionsDeep(to[key], from[key]);
+            }
+          }
+        }
+      };
+
+      mergeOptionsDeep(options, toSet);
+      return options;
+    }
+  }]);
+
+  return Timeline;
+}(TimelineEventsEmitter);
+// CONCATENATED MODULE: ./src/timelineModel.ts
+function timelineModel_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function timelineModel_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var TimelineModel = function TimelineModel() {
+  timelineModel_classCallCheck(this, TimelineModel);
+
+  timelineModel_defineProperty(this, "rows", []);
+};
+// EXTERNAL MODULE: ./src/timelineRow.ts
+var timelineRow = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/timelineKeyframe.ts
+var timelineKeyframe = __webpack_require__(1);
+
+// EXTERNAL MODULE: ./src/utils/timelineDraggableData.ts
+var timelineDraggableData = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./src/utils/selectionTuple.ts
+var selectionTuple = __webpack_require__(3);
+
+// EXTERNAL MODULE: ./src/utils/selectable.ts
+var selectable = __webpack_require__(4);
+
+// EXTERNAL MODULE: ./src/utils/rowsCalculationsResults.ts
+var rowsCalculationsResults = __webpack_require__(5);
+
+// EXTERNAL MODULE: ./src/utils/cutBoundsRect.ts
+var cutBoundsRect = __webpack_require__(6);
+
+// EXTERNAL MODULE: ./src/utils/events/timelineSelectedEvent.ts
+var timelineSelectedEvent = __webpack_require__(7);
+
+// EXTERNAL MODULE: ./src/utils/events/timelineScrollEvent.ts
+var timelineScrollEvent = __webpack_require__(8);
+
+// EXTERNAL MODULE: ./src/settings/styles/timelineKeyframeStyle.ts
+var timelineKeyframeStyle = __webpack_require__(9);
+
+// EXTERNAL MODULE: ./src/settings/styles/timelineRowStyle.ts
+var timelineRowStyle = __webpack_require__(10);
+
+// CONCATENATED MODULE: ./src/index.ts
+// bundle entry point
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ })
+/******/ ]);
+});

package-lock.json

@@ -0,0 +1,6418 @@
+{
+  "name": "animation-timeline-js",
+  "version": "1.2.4",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@babel/cli": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.8.4.tgz",
+      "integrity": "sha512-XXLgAm6LBbaNxaGhMAznXXaxtCWfuv6PIDJ9Alsy9JYTOh+j2jJz+L/162kkfU1j/pTSxK1xGmlwI4pdIMkoag==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^2.1.8",
+        "commander": "^4.0.1",
+        "convert-source-map": "^1.1.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.0.0",
+        "lodash": "^4.17.13",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0",
+        "source-map": "^0.5.0"
+      }
+    },
+    "@babel/code-frame": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
+      "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "^7.8.3"
+      }
+    },
+    "@babel/compat-data": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.9.6.tgz",
+      "integrity": "sha512-5QPTrNen2bm7RBc7dsOmcA5hbrS4O2Vhmk5XOL4zWW/zD/hV0iinpefDlkm+tBBy8kDtFaaeEvmAqt+nURAV2g==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.11.1",
+        "invariant": "^2.2.4",
+        "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/core": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.9.6.tgz",
+      "integrity": "sha512-nD3deLvbsApbHAHttzIssYqgb883yU/d9roe4RZymBCDaZryMJDbptVpEpeQuRh4BJ+SYI8le9YGxKvFEvl1Wg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.9.6",
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helpers": "^7.9.6",
+        "@babel/parser": "^7.9.6",
+        "@babel/template": "^7.8.6",
+        "@babel/traverse": "^7.9.6",
+        "@babel/types": "^7.9.6",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.1",
+        "json5": "^2.1.2",
+        "lodash": "^4.17.13",
+        "resolve": "^1.3.2",
+        "semver": "^5.4.1",
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
+          "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/generator": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.9.6.tgz",
+      "integrity": "sha512-+htwWKJbH2bL72HRluF8zumBxzuX0ZZUFl3JLNyoUjM/Ho8wnVpPXM6aUz8cfKDqQ/h7zHqKt4xzJteUosckqQ==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.9.6",
+        "jsesc": "^2.5.1",
+        "lodash": "^4.17.13",
+        "source-map": "^0.5.0"
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz",
+      "integrity": "sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz",
+      "integrity": "sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-explode-assignable-expression": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-compilation-targets": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.9.6.tgz",
+      "integrity": "sha512-x2Nvu0igO0ejXzx09B/1fGBxY9NXQlBW2kZsSxCJft+KHN8t9XWzIvFxtPHnBOAXpVsdxZKZFbRUC8TsNKajMw==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.9.6",
+        "browserslist": "^4.11.1",
+        "invariant": "^2.2.4",
+        "levenary": "^1.1.1",
+        "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/helper-create-class-features-plugin": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.9.6.tgz",
+      "integrity": "sha512-6N9IeuyHvMBRyjNYOMJHrhwtu4WJMrYf8hVbEHD3pbbbmNOk1kmXSQs7bA4dYDUaIx4ZEzdnvo6NwC3WHd/Qow==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.9.6",
+        "@babel/helper-split-export-declaration": "^7.8.3"
+      }
+    },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.8.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.8.tgz",
+      "integrity": "sha512-LYVPdwkrQEiX9+1R29Ld/wTrmQu1SSKYnuOk3g0CkcZMA1p0gsNxJFj/3gBdaJ7Cg0Fnek5z0DsMULePP7Lrqg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-regex": "^7.8.3",
+        "regexpu-core": "^4.7.0"
+      }
+    },
+    "@babel/helper-define-map": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.8.3.tgz",
+      "integrity": "sha512-PoeBYtxoZGtct3md6xZOCWPcKuMuk3IHhgxsRRNtnNShebf4C8YonTSblsK4tvDbm+eJAw2HAPOfCr+Q/YRG/g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/types": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-explode-assignable-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.8.3.tgz",
+      "integrity": "sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw==",
+      "dev": true,
+      "requires": {
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-function-name": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.9.5.tgz",
+      "integrity": "sha512-JVcQZeXM59Cd1qanDUxv9fgJpt3NeKUaqBqUEvfmQ+BCOKq2xUgaWZW2hr0dkbyJgezYuplEoh5knmrnS68efw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.9.5"
+      }
+    },
+    "@babel/helper-get-function-arity": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz",
+      "integrity": "sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.8.3.tgz",
+      "integrity": "sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz",
+      "integrity": "sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz",
+      "integrity": "sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.9.0.tgz",
+      "integrity": "sha512-0FvKyu0gpPfIQ8EkxlrAydOWROdHpBmiCiRwLkUiBGhCUPRRbVD2/tm3sFr/c/GWFrQ/ffutGUAnx7V0FzT2wA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.6",
+        "@babel/helper-simple-access": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/template": "^7.8.6",
+        "@babel/types": "^7.9.0",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz",
+      "integrity": "sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz",
+      "integrity": "sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==",
+      "dev": true
+    },
+    "@babel/helper-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-regex/-/helper-regex-7.8.3.tgz",
+      "integrity": "sha512-BWt0QtYv/cg/NecOAZMdcn/waj/5P26DR4mVLXfFtDokSR6fyuG0Pj+e2FqtSME+MqED1khnSMulkmGl8qWiUQ==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.8.3.tgz",
+      "integrity": "sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-wrap-function": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-replace-supers": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.9.6.tgz",
+      "integrity": "sha512-qX+chbxkbArLyCImk3bWV+jB5gTNU/rsze+JlcF6Nf8tVTigPJSI1o1oBow/9Resa1yehUO9lIipsmu9oG4RzA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/traverse": "^7.9.6",
+        "@babel/types": "^7.9.6"
+      }
+    },
+    "@babel/helper-simple-access": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz",
+      "integrity": "sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz",
+      "integrity": "sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz",
+      "integrity": "sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==",
+      "dev": true
+    },
+    "@babel/helper-wrap-function": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.8.3.tgz",
+      "integrity": "sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helpers": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.9.6.tgz",
+      "integrity": "sha512-tI4bUbldloLcHWoRUMAj4g1bF313M/o6fBKhIsb3QnGVPwRm9JsNf/gqMkQ7zjqReABiffPV6RWj7hEglID5Iw==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.9.6",
+        "@babel/types": "^7.9.6"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.9.0.tgz",
+      "integrity": "sha512-lJZPilxX7Op3Nv/2cvFdnlepPXDxi29wxteT57Q965oc5R9v86ztx0jfxVrTcBk8C2kcPkkDa2Z4T3ZsPPVWsQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.9.0",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.9.6.tgz",
+      "integrity": "sha512-AoeIEJn8vt+d/6+PXDRPaksYhnlbMIiejioBZvvMQsOjW/JYK6k/0dKnvvP3EhK5GfMBWDPtrxRtegWdAcdq9Q==",
+      "dev": true
+    },
+    "@babel/plugin-proposal-async-generator-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz",
+      "integrity": "sha512-NZ9zLv848JsV3hs8ryEh7Uaz/0KsmPLqv0+PdkDJL1cJy0K4kOCFa8zc1E3mp+RHPQcpdfb/6GovEsW4VDrOMw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3",
+        "@babel/plugin-syntax-async-generators": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-class-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.8.3.tgz",
+      "integrity": "sha512-EqFhbo7IosdgPgZggHaNObkmO1kNUe3slaKu54d5OWvy+p9QIKOzK1GAEpAIsZtWVtPXUHSMcT4smvDrCfY4AA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-NyaBbyLFXFLT9FP+zk0kYlUlA8XtCUbehs67F0nnEg7KICgMc2mNkIeu9TYhKzyXMkrapZFwAhXLdnt4IYHy1w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.8.3.tgz",
+      "integrity": "sha512-KGhQNZ3TVCQG/MjRbAUwuH+14y9q0tpxs1nWWs3pbSleRdDro9SAMMDyye8HhY1gqZ7/NqIc8SKhya0wRDgP1Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-json-strings": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-TS9MlfzXpXKt6YYomudb/KU7nQI6/xnapG6in1uZxoxDghuSMZsPb6D2fyUwNYSAp4l1iR7QtFOjkqcRYcUsfw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-numeric-separator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.8.3.tgz",
+      "integrity": "sha512-jWioO1s6R/R+wEHizfaScNsAx+xKgwTLNXSh7tTC4Usj3ItsPEhYkEpU4h+lpnBwq7NBVOJXfO6cRFYcX69JUQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-object-rest-spread": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.9.6.tgz",
+      "integrity": "sha512-Ga6/fhGqA9Hj+y6whNpPv8psyaK5xzrQwSPsGPloVkvmH+PqW1ixdnfJ9uIO06OjQNYol3PMnfmJ8vfZtkzF+A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+        "@babel/plugin-transform-parameters": "^7.9.5"
+      }
+    },
+    "@babel/plugin-proposal-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-0gkX7J7E+AtAw9fcwlVQj8peP61qhdg/89D5swOkjYbkboA2CVckn3kiyum1DE0wskGb7KJJxBdyEBApDLLVdw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-optional-chaining": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.9.0.tgz",
+      "integrity": "sha512-NDn5tu3tcv4W30jNhmc2hyD5c56G6cXx4TesJubhxrJeCvuuMpttxr0OnNCqbZGhFjLrg+NIhxxC+BK5F6yS3w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-unicode-property-regex": {
+      "version": "7.8.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.8.tgz",
+      "integrity": "sha512-EVhjVsMpbhLw9ZfHWSx2iy13Q8Z/eg8e8ccVWt23sWQK5l1UdkoLJPN5w69UA4uITGBnEZD2JOe4QOHycYKv8A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.8",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-numeric-separator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.8.3.tgz",
+      "integrity": "sha512-H7dCMAdN83PcCmqmkHB5dtp+Xa9a6LKSvA2hiFBC/5alSHxM5VgWZXFqDi0YFe8XNGT6iCa+z4V4zSt/PdZ7Dw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.8.3.tgz",
+      "integrity": "sha512-kwj1j9lL/6Wd0hROD3b/OZZ7MSrZLqqn9RAZ5+cYYsflQ9HZBIKCUkr3+uL1MEJ1NePiUbf98jjiMQSv0NMR9g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-typescript": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.8.3.tgz",
+      "integrity": "sha512-GO1MQ/SGGGoiEXY0e0bSpHimJvxqB7lktLLIq2pv8xG7WZ8IMEle74jIe1FhprHBWjwjZtXHkycDLZXIWM5Wfg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-arrow-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.8.3.tgz",
+      "integrity": "sha512-0MRF+KC8EqH4dbuITCWwPSzsyO3HIWWlm30v8BbbpOrS1B++isGxPnnuq/IZvOX5J2D/p7DQalQm+/2PnlKGxg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.8.3.tgz",
+      "integrity": "sha512-imt9tFLD9ogt56Dd5CI/6XgpukMwd/fLGSrix2httihVe7LOGVPhyhMh1BU5kDM7iHD08i8uUtmV2sWaBFlHVQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.8.3.tgz",
+      "integrity": "sha512-vo4F2OewqjbB1+yaJ7k2EJFHlTP3jR634Z9Cj9itpqNjuLXvhlVxgnjsHsdRgASR8xYDrx6onw4vW5H6We0Jmg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoping": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.8.3.tgz",
+      "integrity": "sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/plugin-transform-classes": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.9.5.tgz",
+      "integrity": "sha512-x2kZoIuLC//O5iA7PEvecB105o7TLzZo8ofBVhP79N+DO3jaX+KYfww9TQcfBEZD0nikNyYcGB1IKtRq36rdmg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-define-map": "^7.8.3",
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.6",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/plugin-transform-computed-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.8.3.tgz",
+      "integrity": "sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-destructuring": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.9.5.tgz",
+      "integrity": "sha512-j3OEsGel8nHL/iusv/mRd5fYZ3DrOxWC82x0ogmdN/vHfAP4MYw+AFKYanzWlktNwikKvlzUV//afBW5FTp17Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-dotall-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz",
+      "integrity": "sha512-kLs1j9Nn4MQoBYdRXH6AeaXMbEJFaFu/v1nQkvib6QzTj8MZI5OQzqmD83/2jEM1z0DLilra5aWO5YpyC0ALIw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-duplicate-keys": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.8.3.tgz",
+      "integrity": "sha512-s8dHiBUbcbSgipS4SMFuWGqCvyge5V2ZeAWzR6INTVC3Ltjig/Vw1G2Gztv0vU/hRG9X8IvKvYdoksnUfgXOEQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.8.3.tgz",
+      "integrity": "sha512-zwIpuIymb3ACcInbksHaNcR12S++0MDLKkiqXHl3AzpgdKlFNhog+z/K0+TGW+b0w5pgTq4H6IwV/WhxbGYSjQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-for-of": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.9.0.tgz",
+      "integrity": "sha512-lTAnWOpMwOXpyDx06N+ywmF3jNbafZEqZ96CGYabxHrxNX8l5ny7dt4bK/rGwAh9utyP2b2Hv7PlZh1AAS54FQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-function-name": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.8.3.tgz",
+      "integrity": "sha512-rO/OnDS78Eifbjn5Py9v8y0aR+aSYhDhqAwVfsTl0ERuMZyr05L1aFSCJnbv2mmsLkit/4ReeQ9N2BgLnOcPCQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.8.3.tgz",
+      "integrity": "sha512-3Tqf8JJ/qB7TeldGl+TT55+uQei9JfYaregDcEAyBZ7akutriFrt6C/wLYIer6OYhleVQvH/ntEhjE/xMmy10A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-member-expression-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.8.3.tgz",
+      "integrity": "sha512-3Wk2EXhnw+rP+IDkK6BdtPKsUE5IeZ6QOGrPYvw52NwBStw9V1ZVzxgK6fSKSxqUvH9eQPR3tm3cOq79HlsKYA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-modules-amd": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.9.6.tgz",
+      "integrity": "sha512-zoT0kgC3EixAyIAU+9vfaUVKTv9IxBDSabgHoUCBP6FqEJ+iNiN7ip7NBKcYqbfUDfuC2mFCbM7vbu4qJgOnDw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.3"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.9.6.tgz",
+      "integrity": "sha512-7H25fSlLcn+iYimmsNe3uK1at79IE6SKW9q0/QeEHTMC9MdOZ+4bA+T1VFB5fgOqBWoqlifXRzYD0JPdmIrgSQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-simple-access": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.3"
+      }
+    },
+    "@babel/plugin-transform-modules-systemjs": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.9.6.tgz",
+      "integrity": "sha512-NW5XQuW3N2tTHim8e1b7qGy7s0kZ2OH3m5octc49K1SdAKGxYxeIx7hiIz05kS1R2R+hOWcsr1eYwcGhrdHsrg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-hoist-variables": "^7.8.3",
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.3"
+      }
+    },
+    "@babel/plugin-transform-modules-umd": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.9.0.tgz",
+      "integrity": "sha512-uTWkXkIVtg/JGRSIABdBoMsoIeoHQHPTL0Y2E7xf5Oj7sLqwVsNXOkNk0VJc7vF0IMBsPeikHxFjGe+qmwPtTQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz",
+      "integrity": "sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-new-target": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.8.3.tgz",
+      "integrity": "sha512-QuSGysibQpyxexRyui2vca+Cmbljo8bcRckgzYV4kRIsHpVeyeC3JDO63pY+xFZ6bWOBn7pfKZTqV4o/ix9sFw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-object-super": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.8.3.tgz",
+      "integrity": "sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-parameters": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.9.5.tgz",
+      "integrity": "sha512-0+1FhHnMfj6lIIhVvS4KGQJeuhe1GI//h5uptK4PvLt+BGBxsoUJbd3/IW002yk//6sZPlFgsG1hY6OHLcy6kA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-property-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.8.3.tgz",
+      "integrity": "sha512-uGiiXAZMqEoQhRWMK17VospMZh5sXWg+dlh2soffpkAl96KAm+WZuJfa6lcELotSRmooLqg0MWdH6UUq85nmmg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.8.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.8.7.tgz",
+      "integrity": "sha512-TIg+gAl4Z0a3WmD3mbYSk+J9ZUH6n/Yc57rtKRnlA/7rcCvpekHXe0CMZHP1gYp7/KLe9GHTuIba0vXmls6drA==",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.14.2"
+      }
+    },
+    "@babel/plugin-transform-reserved-words": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.8.3.tgz",
+      "integrity": "sha512-mwMxcycN3omKFDjDQUl+8zyMsBfjRFr0Zn/64I41pmjv4NJuqcYlEtezwYtw9TFd9WR1vN5kiM+O0gMZzO6L0A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-shorthand-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz",
+      "integrity": "sha512-I9DI6Odg0JJwxCHzbzW08ggMdCezoWcuQRz3ptdudgwaHxTjxw5HgdFJmZIkIMlRymL6YiZcped4TTCB0JcC8w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.8.3.tgz",
+      "integrity": "sha512-CkuTU9mbmAoFOI1tklFWYYbzX5qCIZVXPVy0jpXgGwkplCndQAa58s2jr66fTeQnA64bDox0HL4U56CFYoyC7g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-sticky-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.8.3.tgz",
+      "integrity": "sha512-9Spq0vGCD5Bb4Z/ZXXSK5wbbLFMG085qd2vhL1JYu1WcQ5bXqZBAYRzU1d+p79GcHs2szYv5pVQCX13QgldaWw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-regex": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-template-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.8.3.tgz",
+      "integrity": "sha512-820QBtykIQOLFT8NZOcTRJ1UNuztIELe4p9DCgvj4NK+PwluSJ49we7s9FB1HIGNIYT7wFUJ0ar2QpCDj0escQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-typeof-symbol": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.8.4.tgz",
+      "integrity": "sha512-2QKyfjGdvuNfHsb7qnBBlKclbD4CfshH2KvDabiijLMGXPHJXGxtDzwIF7bQP+T0ysw8fYTtxPafgfs/c1Lrqg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-typescript": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.9.6.tgz",
+      "integrity": "sha512-8OvsRdvpt3Iesf2qsAn+YdlwAJD7zJ+vhFZmDCa4b8dTp7MmHtKk5FF2mCsGxjZwuwsy/yIIay/nLmxST1ctVQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.9.6",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-typescript": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-unicode-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.8.3.tgz",
+      "integrity": "sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/preset-env": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.9.6.tgz",
+      "integrity": "sha512-0gQJ9RTzO0heXOhzftog+a/WyOuqMrAIugVYxMYf83gh1CQaQDjMtsOpqOwXyDL/5JcWsrCm8l4ju8QC97O7EQ==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.9.6",
+        "@babel/helper-compilation-targets": "^7.9.6",
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-proposal-async-generator-functions": "^7.8.3",
+        "@babel/plugin-proposal-dynamic-import": "^7.8.3",
+        "@babel/plugin-proposal-json-strings": "^7.8.3",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-proposal-numeric-separator": "^7.8.3",
+        "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-proposal-optional-chaining": "^7.9.0",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.8.3",
+        "@babel/plugin-syntax-async-generators": "^7.8.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+        "@babel/plugin-syntax-json-strings": "^7.8.0",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0",
+        "@babel/plugin-syntax-numeric-separator": "^7.8.0",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.0",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.0",
+        "@babel/plugin-syntax-top-level-await": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.8.3",
+        "@babel/plugin-transform-async-to-generator": "^7.8.3",
+        "@babel/plugin-transform-block-scoped-functions": "^7.8.3",
+        "@babel/plugin-transform-block-scoping": "^7.8.3",
+        "@babel/plugin-transform-classes": "^7.9.5",
+        "@babel/plugin-transform-computed-properties": "^7.8.3",
+        "@babel/plugin-transform-destructuring": "^7.9.5",
+        "@babel/plugin-transform-dotall-regex": "^7.8.3",
+        "@babel/plugin-transform-duplicate-keys": "^7.8.3",
+        "@babel/plugin-transform-exponentiation-operator": "^7.8.3",
+        "@babel/plugin-transform-for-of": "^7.9.0",
+        "@babel/plugin-transform-function-name": "^7.8.3",
+        "@babel/plugin-transform-literals": "^7.8.3",
+        "@babel/plugin-transform-member-expression-literals": "^7.8.3",
+        "@babel/plugin-transform-modules-amd": "^7.9.6",
+        "@babel/plugin-transform-modules-commonjs": "^7.9.6",
+        "@babel/plugin-transform-modules-systemjs": "^7.9.6",
+        "@babel/plugin-transform-modules-umd": "^7.9.0",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.8.3",
+        "@babel/plugin-transform-new-target": "^7.8.3",
+        "@babel/plugin-transform-object-super": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.9.5",
+        "@babel/plugin-transform-property-literals": "^7.8.3",
+        "@babel/plugin-transform-regenerator": "^7.8.7",
+        "@babel/plugin-transform-reserved-words": "^7.8.3",
+        "@babel/plugin-transform-shorthand-properties": "^7.8.3",
+        "@babel/plugin-transform-spread": "^7.8.3",
+        "@babel/plugin-transform-sticky-regex": "^7.8.3",
+        "@babel/plugin-transform-template-literals": "^7.8.3",
+        "@babel/plugin-transform-typeof-symbol": "^7.8.4",
+        "@babel/plugin-transform-unicode-regex": "^7.8.3",
+        "@babel/preset-modules": "^0.1.3",
+        "@babel/types": "^7.9.6",
+        "browserslist": "^4.11.1",
+        "core-js-compat": "^3.6.2",
+        "invariant": "^2.2.2",
+        "levenary": "^1.1.1",
+        "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/preset-modules": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.3.tgz",
+      "integrity": "sha512-Ra3JXOHBq2xd56xSF7lMKXdjBn3T772Y1Wet3yWnkDly9zHvJki029tAFzvAAK5cf4YV3yoxuP61crYRol6SVg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
+        "@babel/plugin-transform-dotall-regex": "^7.4.4",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      }
+    },
+    "@babel/preset-typescript": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.9.0.tgz",
+      "integrity": "sha512-S4cueFnGrIbvYJgwsVFKdvOmpiL0XGw9MFW9D0vgRys5g36PBhZRL8NX8Gr2akz8XRtzq6HuDXPD/1nniagNUg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-transform-typescript": "^7.9.0"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.9.6.tgz",
+      "integrity": "sha512-64AF1xY3OAkFHqOb9s4jpgk1Mm5vDZ4L3acHvAml+53nO1XbXLuDodsVpO4OIUsmemlUHMxNdYMNJmsvOwLrvQ==",
+      "dev": true,
+      "requires": {
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "@babel/template": {
+      "version": "7.8.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.8.6.tgz",
+      "integrity": "sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/parser": "^7.8.6",
+        "@babel/types": "^7.8.6"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.9.6.tgz",
+      "integrity": "sha512-b3rAHSjbxy6VEAvlxM8OV/0X4XrG72zoxme6q1MOoe2vd0bEc+TwayhuC1+Dfgqh1QEG+pj7atQqvUprHIccsg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.9.6",
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/parser": "^7.9.6",
+        "@babel/types": "^7.9.6",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/types": {
+      "version": "7.9.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.9.6.tgz",
+      "integrity": "sha512-qxXzvBO//jO9ZnoasKF1uJzHd2+M6Q2ZPIVfnFps8JJvXy0ZBbwbNOmE6SGIY5XOY6d1Bo5lb9d9RJ8nv3WSeA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.9.5",
+        "lodash": "^4.17.13",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@types/color-name": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
+      "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
+      "dev": true
+    },
+    "@types/eslint-visitor-keys": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
+      "integrity": "sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==",
+      "dev": true
+    },
+    "@types/json-schema": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.4.tgz",
+      "integrity": "sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==",
+      "dev": true
+    },
+    "@typescript-eslint/eslint-plugin": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.31.0.tgz",
+      "integrity": "sha512-iIC0Pb8qDaoit+m80Ln/aaeu9zKQdOLF4SHcGLarSeY1gurW6aU4JsOPMjKQwXlw70MvWKZQc6S2NamA8SJ/gg==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/experimental-utils": "2.31.0",
+        "functional-red-black-tree": "^1.0.1",
+        "regexpp": "^3.0.0",
+        "tsutils": "^3.17.1"
+      }
+    },
+    "@typescript-eslint/experimental-utils": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.31.0.tgz",
+      "integrity": "sha512-MI6IWkutLYQYTQgZ48IVnRXmLR/0Q6oAyJgiOror74arUMh7EWjJkADfirZhRsUMHeLJ85U2iySDwHTSnNi9vA==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.3",
+        "@typescript-eslint/typescript-estree": "2.31.0",
+        "eslint-scope": "^5.0.0",
+        "eslint-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "eslint-scope": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.0.0.tgz",
+          "integrity": "sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        }
+      }
+    },
+    "@typescript-eslint/parser": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.31.0.tgz",
+      "integrity": "sha512-uph+w6xUOlyV2DLSC6o+fBDzZ5i7+3/TxAsH4h3eC64tlga57oMb96vVlXoMwjR/nN+xyWlsnxtbDkB46M2EPQ==",
+      "dev": true,
+      "requires": {
+        "@types/eslint-visitor-keys": "^1.0.0",
+        "@typescript-eslint/experimental-utils": "2.31.0",
+        "@typescript-eslint/typescript-estree": "2.31.0",
+        "eslint-visitor-keys": "^1.1.0"
+      }
+    },
+    "@typescript-eslint/typescript-estree": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.31.0.tgz",
+      "integrity": "sha512-vxW149bXFXXuBrAak0eKHOzbcu9cvi6iNcJDzEtOkRwGHxJG15chiAQAwhLOsk+86p9GTr/TziYvw+H9kMaIgA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "eslint-visitor-keys": "^1.1.0",
+        "glob": "^7.1.6",
+        "is-glob": "^4.0.1",
+        "lodash": "^4.17.15",
+        "semver": "^6.3.0",
+        "tsutils": "^3.17.1"
+      }
+    },
+    "@webassemblyjs/ast": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
+      "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
+      "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
+      "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
+      "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-code-frame": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
+      "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "@webassemblyjs/helper-fsm": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
+      "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-module-context": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
+      "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
+      "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
+      "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
+      "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
+      "dev": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
+      "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
+      "dev": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
+      "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==",
+      "dev": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
+      "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/helper-wasm-section": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-opt": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
+      "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
+      "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
+      "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wast-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
+      "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/floating-point-hex-parser": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-code-frame": "1.9.0",
+        "@webassemblyjs/helper-fsm": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
+      "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "acorn": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
+      "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
+      "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.2",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.2.tgz",
+      "integrity": "sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-errors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
+      "dev": true
+    },
+    "ajv-keywords": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
+      "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.1.tgz",
+      "integrity": "sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.11.0"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.11.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.11.0.tgz",
+          "integrity": "sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==",
+          "dev": true
+        }
+      }
+    },
+    "ansi-regex": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+      "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+      "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.0"
+      }
+    },
+    "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.4",
+        "normalize-path": "^2.1.1"
+      },
+      "dependencies": {
+        "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.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.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.0"
+              }
+            }
+          }
+        },
+        "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.0"
+          },
+          "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.0"
+              }
+            }
+          }
+        },
+        "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.0.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.5"
+              }
+            }
+          }
+        },
+        "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.1",
+            "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"
+          }
+        },
+        "normalize-path": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+          "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+          "dev": true,
+          "requires": {
+            "remove-trailing-separator": "^1.0.1"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "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
+    },
+    "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==",
+      "dev": true
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
+      "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
+    },
+    "asn1.js": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
+      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+      "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4.1.1",
+        "util": "0.10.3"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=",
+          "dev": true
+        },
+        "util": {
+          "version": "0.10.3",
+          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.1"
+          }
+        }
+      }
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
+      "dev": true
+    },
+    "astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
+      "dev": true
+    },
+    "async-each": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+      "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
+      "dev": true
+    },
+    "atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true
+    },
+    "babel-loader": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.1.0.tgz",
+      "integrity": "sha512-7q7nC1tYOrqvUrN3LQK4GwSk/TQorZSOlO9C+RZDZpODgyN4ZlCqE5q9cDsyWOliN+aU9B4JX01xK9eJXowJLw==",
+      "dev": true,
+      "requires": {
+        "find-cache-dir": "^2.1.0",
+        "loader-utils": "^1.4.0",
+        "mkdirp": "^0.5.3",
+        "pify": "^4.0.1",
+        "schema-utils": "^2.6.5"
+      }
+    },
+    "babel-plugin-dynamic-import-node": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz",
+      "integrity": "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==",
+      "dev": true,
+      "requires": {
+        "object.assign": "^4.1.0"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "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.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "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.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "base64-js": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
+      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==",
+      "dev": true
+    },
+    "big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true
+    },
+    "binary-extensions": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+      "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+      "dev": true
+    },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true
+    },
+    "bn.js": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.1.tgz",
+      "integrity": "sha512-IUTD/REb78Z2eodka1QZyyEk66pciRcP6Sroka0aI3tG/iwIdYLrBD62RsubR7vqdt3WyX8p4jxeatzmRSphtA==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
+      "dev": true
+    },
+    "browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "requires": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "requires": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "randombytes": "^2.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "browserify-sign": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.1.0.tgz",
+      "integrity": "sha512-VYxo7cDCeYUoBZ0ZCy4UyEUCP3smyBd4DRQM5nrFS1jJjPJjX7rP3oLRpPoWfkhQfyJ0I9ZbHbKafrFD/SGlrg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^5.1.1",
+        "browserify-rsa": "^4.0.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.2",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.5",
+        "readable-stream": "^3.6.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "pako": "~1.0.5"
+      }
+    },
+    "browserslist": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.0.tgz",
+      "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001043",
+        "electron-to-chromium": "^1.3.413",
+        "node-releases": "^1.1.53",
+        "pkg-up": "^2.0.0"
+      }
+    },
+    "buffer": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+      "dev": true,
+      "requires": {
+        "base64-js": "^1.0.2",
+        "ieee754": "^1.1.4",
+        "isarray": "^1.0.0"
+      }
+    },
+    "buffer-from": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
+      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
+      "dev": true
+    },
+    "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=",
+      "dev": true
+    },
+    "cacache": {
+      "version": "12.0.4",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+      "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.5.5",
+        "chownr": "^1.1.1",
+        "figgy-pudding": "^3.5.1",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.1.15",
+        "infer-owner": "^1.0.3",
+        "lru-cache": "^5.1.1",
+        "mississippi": "^3.0.0",
+        "mkdirp": "^0.5.1",
+        "move-concurrently": "^1.0.1",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^2.6.3",
+        "ssri": "^6.0.1",
+        "unique-filename": "^1.1.1",
+        "y18n": "^4.0.0"
+      }
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "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"
+      }
+    },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001052",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001052.tgz",
+      "integrity": "sha512-b2/oWZwkpWzEB1+Azr2Z4FcpdDkH+9R4dn+bkwk/6eH9mRSrnZjhA6v32+zsV+TSqC0pp2Rxush2yUVTJ0dJTQ==",
+      "dev": true
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      }
+    },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "dev": true
+    },
+    "chokidar": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+      "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+      "dev": true,
+      "requires": {
+        "anymatch": "^2.0.0",
+        "async-each": "^1.0.1",
+        "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
+        "glob-parent": "^3.1.0",
+        "inherits": "^2.0.3",
+        "is-binary-path": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "normalize-path": "^3.0.0",
+        "path-is-absolute": "^1.0.0",
+        "readdirp": "^2.2.1",
+        "upath": "^1.1.1"
+      },
+      "dependencies": {
+        "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.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          }
+        },
+        "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.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "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.0.2"
+          }
+        },
+        "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.5"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "chrome-trace-event": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz",
+      "integrity": "sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.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=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
+    "cli-width": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.1.tgz",
+      "integrity": "sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==",
+      "dev": true
+    },
+    "cliui": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+      "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+      "dev": true,
+      "requires": {
+        "string-width": "^3.1.0",
+        "strip-ansi": "^5.2.0",
+        "wrap-ansi": "^5.1.0"
+      }
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+      "dev": true,
+      "requires": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "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=",
+      "dev": true
+    },
+    "commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
+    },
+    "component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+      "dev": true
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "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=",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
+      "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "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.1.1",
+        "fs-write-stream-atomic": "^1.0.8",
+        "iferr": "^0.1.5",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.0"
+      }
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
+      "dev": true
+    },
+    "core-js-compat": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.6.5.tgz",
+      "integrity": "sha512-7ItTKOhOZbznhXAQ2g/slGg1PJV5zDO/WdkTwi7UEOJmkvsE32PWvx6mKtDjiMpjnR2CNf6BAD6sSxIlv7ptng==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.8.5",
+        "semver": "7.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+          "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
+          "dev": true
+        }
+      }
+    },
+    "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=",
+      "dev": true
+    },
+    "create-ecdh": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
+      "integrity": "sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "requires": {
+        "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": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "requires": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "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",
+        "randomfill": "^1.0.3"
+      }
+    },
+    "cyclist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
+      "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
+      "dev": true
+    },
+    "debug": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+      "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+      "dev": true,
+      "requires": {
+        "ms": "^2.1.1"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "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=",
+      "dev": true
+    },
+    "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
+    },
+    "define-properties": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
+      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "dev": true,
+      "requires": {
+        "object-keys": "^1.0.12"
+      }
+    },
+    "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"
+      },
+      "dependencies": {
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "des.js": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
+      "integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=",
+      "dev": true
+    },
+    "diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "domain-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+      "dev": true
+    },
+    "duplexify": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "electron-to-chromium": {
+      "version": "1.3.429",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.429.tgz",
+      "integrity": "sha512-YW8rXMJx33FalISp0uP0+AkvBx9gfzzQ4NotblGga6Z8ZX00bg2e5FNWV8fyDD/VN3WLhEtjFXNwzdJrdaAHEQ==",
+      "dev": true
+    },
+    "elliptic": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
+      "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
+      "dev": true,
+      "requires": {
+        "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"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "emoji-regex": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+      "dev": true
+    },
+    "emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz",
+      "integrity": "sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "memory-fs": "^0.5.0",
+        "tapable": "^1.0.0"
+      }
+    },
+    "errno": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
+      "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
+      "dev": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "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=",
+      "dev": true
+    },
+    "eslint": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
+      "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "ajv": "^6.10.0",
+        "chalk": "^2.1.0",
+        "cross-spawn": "^6.0.5",
+        "debug": "^4.0.1",
+        "doctrine": "^3.0.0",
+        "eslint-scope": "^5.0.0",
+        "eslint-utils": "^1.4.3",
+        "eslint-visitor-keys": "^1.1.0",
+        "espree": "^6.1.2",
+        "esquery": "^1.0.1",
+        "esutils": "^2.0.2",
+        "file-entry-cache": "^5.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob-parent": "^5.0.0",
+        "globals": "^12.1.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "inquirer": "^7.0.0",
+        "is-glob": "^4.0.0",
+        "js-yaml": "^3.13.1",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.3.0",
+        "lodash": "^4.17.14",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.1",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.8.3",
+        "progress": "^2.0.0",
+        "regexpp": "^2.0.1",
+        "semver": "^6.1.2",
+        "strip-ansi": "^5.2.0",
+        "strip-json-comments": "^3.0.1",
+        "table": "^5.2.3",
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
+      },
+      "dependencies": {
+        "eslint-scope": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.0.0.tgz",
+          "integrity": "sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "eslint-utils": {
+          "version": "1.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
+          "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+          "dev": true,
+          "requires": {
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "glob-parent": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+          "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "globals": {
+          "version": "12.4.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.8.1"
+          }
+        },
+        "regexpp": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
+          "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-config-prettier": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
+      "integrity": "sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^6.0.0"
+      }
+    },
+    "eslint-plugin-prettier": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.3.tgz",
+      "integrity": "sha512-+HG5jmu/dN3ZV3T6eCD7a4BlAySdN7mLIbJYo0z1cFQuI+r2DiTJEFeF68ots93PsnrMxbzIZ2S/ieX+mkrBeQ==",
+      "dev": true,
+      "requires": {
+        "prettier-linter-helpers": "^1.0.0"
+      }
+    },
+    "eslint-scope": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "eslint-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.0.0.tgz",
+      "integrity": "sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^1.1.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz",
+      "integrity": "sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==",
+      "dev": true
+    },
+    "espree": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+      "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+      "dev": true,
+      "requires": {
+        "acorn": "^7.1.1",
+        "acorn-jsx": "^5.2.0",
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.1.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz",
+          "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==",
+          "dev": true
+        }
+      }
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz",
+      "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.1.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.1.0.tgz",
+          "integrity": "sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==",
+          "dev": true
+        }
+      }
+    },
+    "esrecurse": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
+      "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^4.1.0"
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
+    "events": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.1.0.tgz",
+      "integrity": "sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "execa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.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"
+      }
+    },
+    "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.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=",
+      "dev": true,
+      "requires": {
+        "homedir-polyfill": "^1.0.1"
+      }
+    },
+    "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"
+          }
+        }
+      }
+    },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      }
+    },
+    "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.1"
+      },
+      "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.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "fast-deep-equal": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
+      "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==",
+      "dev": true
+    },
+    "fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "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
+    },
+    "figgy-pudding": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+      "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
+      "dev": true
+    },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
+    "file-entry-cache": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
+      "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^2.0.1"
+      }
+    },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "find-cache-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "dev": true,
+      "requires": {
+        "commondir": "^1.0.1",
+        "make-dir": "^2.0.0",
+        "pkg-dir": "^3.0.0"
+      }
+    },
+    "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": "3.0.0",
+      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-3.0.0.tgz",
+      "integrity": "sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==",
+      "dev": true,
+      "requires": {
+        "detect-file": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "micromatch": "^3.0.4",
+        "resolve-dir": "^1.0.1"
+      },
+      "dependencies": {
+        "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.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.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.0"
+              }
+            }
+          }
+        },
+        "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.0"
+          },
+          "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.0"
+              }
+            }
+          }
+        },
+        "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.0.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.5"
+              }
+            }
+          }
+        },
+        "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.1",
+            "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"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "flat-cache": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
+      "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+      "dev": true,
+      "requires": {
+        "flatted": "^2.0.0",
+        "rimraf": "2.6.3",
+        "write": "1.0.3"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "flatted": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
+      "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
+      "dev": true
+    },
+    "flush-write-stream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
+      "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.3.6"
+      }
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+      "dev": true
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+      "dev": true,
+      "requires": {
+        "map-cache": "^0.2.2"
+      }
+    },
+    "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.1",
+        "readable-stream": "^2.0.0"
+      }
+    },
+    "fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==",
+      "dev": true
+    },
+    "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.2",
+        "iferr": "^0.1.5",
+        "imurmurhash": "^0.1.4",
+        "readable-stream": "1 || 2"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
+    },
+    "gensync": {
+      "version": "1.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
+      "integrity": "sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==",
+      "dev": true
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true
+    },
+    "get-stdin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+      "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
+      "dev": true
+    },
+    "get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "dev": true,
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
+      "dev": true
+    },
+    "glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
+      "requires": {
+        "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-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.0"
+      },
+      "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.0"
+          }
+        }
+      }
+    },
+    "global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "requires": {
+        "global-prefix": "^3.0.0"
+      },
+      "dependencies": {
+        "global-prefix": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+          "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+          "dev": true,
+          "requires": {
+            "ini": "^1.3.5",
+            "kind-of": "^6.0.2",
+            "which": "^1.3.1"
+          }
+        }
+      }
+    },
+    "global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      }
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true
+    },
+    "graceful-fs": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
+      "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz",
+      "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
+      "dev": true
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+      "dev": true,
+      "requires": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      }
+    },
+    "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=",
+      "dev": true,
+      "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=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.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.5"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "hash-base": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        }
+      }
+    },
+    "hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
+      "dev": true,
+      "requires": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "dev": true,
+      "requires": {
+        "parse-passwd": "^1.0.0"
+      }
+    },
+    "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=",
+      "dev": true
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "ieee754": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
+      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==",
+      "dev": true
+    },
+    "iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=",
+      "dev": true
+    },
+    "ignore": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true
+    },
+    "import-fresh": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
+      "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
+      "dev": true,
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
+        }
+      }
+    },
+    "import-local": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+      "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^3.0.0",
+        "resolve-cwd": "^2.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
+    },
+    "infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "ini": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+      "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
+      "dev": true
+    },
+    "inquirer": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.1.0.tgz",
+      "integrity": "sha512-5fJMWEmikSYu0nv/flMc475MhGbB7TSPd/2IpFV4I4rMklboCH2rQjYY5kKiYGHqUF9gvaambupcJFFG9dvReg==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^3.0.0",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^2.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.15",
+        "mute-stream": "0.0.8",
+        "run-async": "^2.4.0",
+        "rxjs": "^6.5.3",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
+          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
+          "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "interpret": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.2.0.tgz",
+      "integrity": "sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==",
+      "dev": true
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "invert-kv": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
+      "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
+      "dev": true
+    },
+    "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.0.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.5"
+          }
+        }
+      }
+    },
+    "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=",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^1.0.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==",
+      "dev": true
+    },
+    "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.0.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.5"
+          }
+        }
+      }
+    },
+    "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.0.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==",
+          "dev": true
+        }
+      }
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "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-glob": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+      "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
+    },
+    "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=",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true
+    },
+    "json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "json5": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true
+    },
+    "lcid": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
+      "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
+      "dev": true,
+      "requires": {
+        "invert-kv": "^2.0.0"
+      }
+    },
+    "leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true
+    },
+    "levenary": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/levenary/-/levenary-1.1.1.tgz",
+      "integrity": "sha512-mkAdOIt79FD6irqjYSs4rdbnlT5vRonMEvBVPVb3XmevfS8kgRXwfes0dhPdEtzTWD/1eNE/Bm/G1iRt6DcnQQ==",
+      "dev": true,
+      "requires": {
+        "leven": "^3.1.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"
+      }
+    },
+    "loader-runner": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+      "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+      "dev": true
+    },
+    "loader-utils": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+      "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+      "dev": true,
+      "requires": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.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.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+      "dev": true
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "requires": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "requires": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "map-age-cleaner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+      "dev": true,
+      "requires": {
+        "p-defer": "^1.0.0"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
+      "dev": true
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "dev": true,
+      "requires": {
+        "object-visit": "^1.0.0"
+      }
+    },
+    "md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "mem": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
+      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
+      "dev": true,
+      "requires": {
+        "map-age-cleaner": "^0.1.1",
+        "mimic-fn": "^2.0.0",
+        "p-is-promise": "^2.0.0"
+      }
+    },
+    "memory-fs": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+      "dev": true,
+      "requires": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "micromatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
+      "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==",
+      "dev": true,
+      "requires": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.0.5"
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "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=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "dev": true
+    },
+    "mississippi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
+      "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
+      "dev": true,
+      "requires": {
+        "concat-stream": "^1.5.0",
+        "duplexify": "^3.4.2",
+        "end-of-stream": "^1.1.0",
+        "flush-write-stream": "^1.0.0",
+        "from2": "^2.1.0",
+        "parallel-transform": "^1.1.0",
+        "pump": "^3.0.0",
+        "pumpify": "^1.3.3",
+        "stream-each": "^1.1.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "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==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5"
+      }
+    },
+    "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.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      }
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "dev": true
+    },
+    "nan": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
+      "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
+      "dev": true,
+      "optional": true
+    },
+    "nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "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-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.1"
+      }
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz",
+      "integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "node-libs-browser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+      "dev": true,
+      "requires": {
+        "assert": "^1.1.1",
+        "browserify-zlib": "^0.2.0",
+        "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": "^3.0.0",
+        "https-browserify": "^1.0.0",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "0.0.1",
+        "process": "^0.11.10",
+        "punycode": "^1.2.4",
+        "querystring-es3": "^0.2.0",
+        "readable-stream": "^2.3.3",
+        "stream-browserify": "^2.0.1",
+        "stream-http": "^2.7.2",
+        "string_decoder": "^1.0.0",
+        "timers-browserify": "^2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "^0.11.0",
+        "util": "^0.11.0",
+        "vm-browserify": "^1.0.1"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+          "dev": true
+        }
+      }
+    },
+    "node-releases": {
+      "version": "1.1.55",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.55.tgz",
+      "integrity": "sha512-H3R3YR/8TjT5WPin/wOoHOUPHgvj8leuU/Keta/rwelEQN9pA/S2Dx8/se4pZ2LBxSd0nAGzsNzhqwa77v7F1w==",
+      "dev": true
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
+    },
+    "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=",
+      "dev": true,
+      "requires": {
+        "path-key": "^2.0.0"
+      }
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+      "dev": true,
+      "requires": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "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.0"
+          }
+        },
+        "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.5"
+          }
+        }
+      }
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "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=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.0"
+      }
+    },
+    "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.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "onetime": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.0.tgz",
+      "integrity": "sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "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",
+        "word-wrap": "~1.2.3"
+      }
+    },
+    "os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
+      "dev": true
+    },
+    "os-locale": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
+      "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
+      "dev": true,
+      "requires": {
+        "execa": "^1.0.0",
+        "lcid": "^2.0.0",
+        "mem": "^4.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=",
+      "dev": true
+    },
+    "p-defer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+      "dev": true
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "dev": true
+    },
+    "p-is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
+      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "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.1.0"
+      }
+    },
+    "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
+    },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true
+    },
+    "parallel-transform": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
+      "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
+      "dev": true,
+      "requires": {
+        "cyclist": "^1.0.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.1.5"
+      }
+    },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "requires": {
+        "callsites": "^3.0.0"
+      }
+    },
+    "parse-asn1": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
+      "integrity": "sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==",
+      "dev": true,
+      "requires": {
+        "asn1.js": "^4.0.0",
+        "browserify-aes": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
+      "dev": true
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
+      "dev": true
+    },
+    "path-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+      "dev": true
+    },
+    "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=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
+    },
+    "pbkdf2": {
+      "version": "3.0.17",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.17.tgz",
+      "integrity": "sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==",
+      "dev": true,
+      "requires": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "picomatch": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
+      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
+      "dev": true
+    },
+    "pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true
+    },
+    "pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
+      "requires": {
+        "find-up": "^3.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        }
+      }
+    },
+    "pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
+      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+      "dev": true,
+      "requires": {
+        "find-up": "^2.1.0"
+      }
+    },
+    "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=",
+      "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
+    },
+    "prettier": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
+      "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
+    },
+    "private": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+      "dev": true
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
+    "promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
+      "dev": true
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true
+    },
+    "public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+          "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+          "dev": true
+        }
+      }
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "pumpify": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
+      "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
+      "dev": true,
+      "requires": {
+        "duplexify": "^3.6.0",
+        "inherits": "^2.0.3",
+        "pump": "^2.0.0"
+      },
+      "dependencies": {
+        "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.1.0",
+            "once": "^1.3.1"
+          }
+        }
+      }
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true
+    },
+    "querystring": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
+      "dev": true
+    },
+    "querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
+      "dev": true
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "readdirp": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+      "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.11",
+        "micromatch": "^3.1.10",
+        "readable-stream": "^2.0.2"
+      },
+      "dependencies": {
+        "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.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.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.0"
+              }
+            }
+          }
+        },
+        "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.0"
+          },
+          "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.0"
+              }
+            }
+          }
+        },
+        "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.0.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.5"
+              }
+            }
+          }
+        },
+        "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.1",
+            "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"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "regenerate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz",
+      "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==",
+      "dev": true
+    },
+    "regenerate-unicode-properties": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz",
+      "integrity": "sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.5",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
+      "dev": true
+    },
+    "regenerator-transform": {
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.4.tgz",
+      "integrity": "sha512-EaJaKPBI9GvKpvUz2mz4fhx7WPgvwRLY9v3hlNHWmAuJHI13T4nwKnNvm5RWJzEdnI5g5UwtOww+S8IdoUC2bw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.8.4",
+        "private": "^0.1.8"
+      }
+    },
+    "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"
+      }
+    },
+    "regexpp": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
+      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
+      "dev": true
+    },
+    "regexpu-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.0.tgz",
+      "integrity": "sha512-TQ4KXRnIn6tz6tjnrXEkD/sshygKH/j5KzK86X8MkeHyZ8qst/LZ89j3X4/8HEIfHANTFIP/AbXakeRhWIl5YQ==",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0",
+        "regenerate-unicode-properties": "^8.2.0",
+        "regjsgen": "^0.5.1",
+        "regjsparser": "^0.6.4",
+        "unicode-match-property-ecmascript": "^1.0.4",
+        "unicode-match-property-value-ecmascript": "^1.2.0"
+      }
+    },
+    "regjsgen": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.1.tgz",
+      "integrity": "sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.4.tgz",
+      "integrity": "sha512-64O87/dPDgfk8/RQqC4gkZoGyyWFIEUTTh80CU6CWuK5vkCGyekIx+oKcEIYtP/RAxSQltCZHCNu/mdd7fqlJw==",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.5.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "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=",
+      "dev": true
+    },
+    "repeat-element": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz",
+      "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+      "dev": true
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+      "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+      "dev": true,
+      "requires": {
+        "path-parse": "^1.0.6"
+      }
+    },
+    "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=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "dependencies": {
+        "global-modules": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+          "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+          "dev": true,
+          "requires": {
+            "global-prefix": "^1.0.1",
+            "is-windows": "^1.0.1",
+            "resolve-dir": "^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=",
+      "dev": true
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "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
+    },
+    "rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "run-async": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+      "dev": true
+    },
+    "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.1.1"
+      }
+    },
+    "rxjs": {
+      "version": "6.5.5",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.5.tgz",
+      "integrity": "sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "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.10"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "schema-utils": {
+      "version": "2.6.6",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.6.tgz",
+      "integrity": "sha512-wHutF/WPSbIi9x6ctjGGk2Hvl0VOz5l3EKEuKbjPlB30mKZUzb9A5k9yEXRX3pwyqVLPvpfZZEllaFq/M718hA==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.0",
+        "ajv-keywords": "^3.4.1"
+      }
+    },
+    "semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true
+    },
+    "serialize-javascript": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
+      "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
+      "dev": true
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+      "dev": true
+    },
+    "set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.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.0"
+          }
+        }
+      }
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
+      "dev": true
+    },
+    "sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "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=",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
+      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
+      "dev": true
+    },
+    "slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      }
+    },
+    "snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "requires": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "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.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "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.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "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==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.2.0"
+      },
+      "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.5"
+          }
+        }
+      }
+    },
+    "source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+      "dev": true
+    },
+    "source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "dev": true,
+      "requires": {
+        "atob": "^2.1.2",
+        "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.5.19",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
+      "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      },
+      "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-url": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
+      "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.0"
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
+    "ssri": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+      "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+      "dev": true,
+      "requires": {
+        "figgy-pudding": "^3.5.1"
+      }
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+      "dev": true,
+      "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=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "stream-browserify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+      "dev": true,
+      "requires": {
+        "inherits": "~2.0.1",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "stream-each": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
+      "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "stream-http": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+      "dev": true,
+      "requires": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.3.6",
+        "to-arraybuffer": "^1.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "stream-shift": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
+      "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==",
+      "dev": true
+    },
+    "string-width": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+      "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^7.0.1",
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^5.1.0"
+      }
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^4.1.0"
+      }
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.0.tgz",
+      "integrity": "sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "table": {
+      "version": "5.4.6",
+      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
+      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.10.2",
+        "lodash": "^4.17.14",
+        "slice-ansi": "^2.1.0",
+        "string-width": "^3.0.0"
+      }
+    },
+    "tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "dev": true
+    },
+    "terser": {
+      "version": "4.6.13",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.6.13.tgz",
+      "integrity": "sha512-wMvqukYgVpQlymbnNbabVZbtM6PN63AzqexpwJL8tbh/mRT9LE5o+ruVduAGL7D6Fpjl+Q+06U5I9Ul82odAhw==",
+      "dev": true,
+      "requires": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "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
+        }
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
+      "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
+      "dev": true,
+      "requires": {
+        "cacache": "^12.0.2",
+        "find-cache-dir": "^2.1.0",
+        "is-wsl": "^1.1.0",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^2.1.2",
+        "source-map": "^0.6.1",
+        "terser": "^4.1.2",
+        "webpack-sources": "^1.4.0",
+        "worker-farm": "^1.7.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.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
+        }
+      }
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
+    "through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "timers-browserify": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.11.tgz",
+      "integrity": "sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==",
+      "dev": true,
+      "requires": {
+        "setimmediate": "^1.0.4"
+      }
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
+    "to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=",
+      "dev": true
+    },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "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=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.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.5"
+          }
+        }
+      }
+    },
+    "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"
+      }
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "ts-loader": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-7.0.2.tgz",
+      "integrity": "sha512-DwpZFB67RoILQHx42dMjSgv2STpacsQu5X+GD/H9ocd8IhU0m8p3b/ZrIln2KmcucC6xep2PdEMEblpWT71euA==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.3.0",
+        "enhanced-resolve": "^4.0.0",
+        "loader-utils": "^1.0.2",
+        "micromatch": "^4.0.0",
+        "semver": "^6.0.0"
+      }
+    },
+    "tslib": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.11.1.tgz",
+      "integrity": "sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA==",
+      "dev": true
+    },
+    "tsutils": {
+      "version": "3.17.1",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.17.1.tgz",
+      "integrity": "sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==",
+      "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=",
+      "dev": 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-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
+      "dev": true
+    },
+    "typescript": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.8.3.tgz",
+      "integrity": "sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==",
+      "dev": true
+    },
+    "unicode-canonical-property-names-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
+      "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==",
+      "dev": true
+    },
+    "unicode-match-property-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz",
+      "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==",
+      "dev": true,
+      "requires": {
+        "unicode-canonical-property-names-ecmascript": "^1.0.4",
+        "unicode-property-aliases-ecmascript": "^1.0.4"
+      }
+    },
+    "unicode-match-property-value-ecmascript": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz",
+      "integrity": "sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==",
+      "dev": true
+    },
+    "unicode-property-aliases-ecmascript": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz",
+      "integrity": "sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==",
+      "dev": true
+    },
+    "union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      }
+    },
+    "unique-filename": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+      "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+      "dev": true,
+      "requires": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "unique-slug": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+      "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "unminified-webpack-plugin": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unminified-webpack-plugin/-/unminified-webpack-plugin-2.0.0.tgz",
+      "integrity": "sha512-Um2Yw2OfAhRuIXC9G3CDlR2Df1TkYRihwS4QEuQs5qe/nq+l1OEH+Getq9OjHspqtjR+e09m7rUQWi5fNfYj4g==",
+      "dev": true
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+      "dev": true,
+      "requires": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+          "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+          "dev": true,
+          "requires": {
+            "get-value": "^2.0.3",
+            "has-values": "^0.1.4",
+            "isobject": "^2.0.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+              "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+              "dev": true,
+              "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=",
+          "dev": true
+        }
+      }
+    },
+    "upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "dev": true
+    },
+    "uri-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
+      "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
+      "dev": true
+    },
+    "url": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
+      "dev": true,
+      "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=",
+          "dev": true
+        }
+      }
+    },
+    "use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true
+    },
+    "util": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        }
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "v8-compile-cache": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz",
+      "integrity": "sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==",
+      "dev": true
+    },
+    "vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true
+    },
+    "watchpack": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.1.tgz",
+      "integrity": "sha512-+IF9hfUFOrYOOaKyfaI7h7dquUIOgyEMoQMLA7OP5FxegKA2+XdXThAZ9TU2kucfhDH7rfMHs1oPYziVGWRnZA==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^2.1.8",
+        "graceful-fs": "^4.1.2",
+        "neo-async": "^2.5.0"
+      }
+    },
+    "webpack": {
+      "version": "4.43.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.43.0.tgz",
+      "integrity": "sha512-GW1LjnPipFW2Y78OOab8NJlCflB7EFskMih2AHdvjbpKMeDJqEgSx24cXXXiPS65+WSwVyxtDsJH6jGX2czy+g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/wasm-edit": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "acorn": "^6.4.1",
+        "ajv": "^6.10.2",
+        "ajv-keywords": "^3.4.1",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^4.1.0",
+        "eslint-scope": "^4.0.3",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^2.4.0",
+        "loader-utils": "^1.2.3",
+        "memory-fs": "^0.4.1",
+        "micromatch": "^3.1.10",
+        "mkdirp": "^0.5.3",
+        "neo-async": "^2.6.1",
+        "node-libs-browser": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "tapable": "^1.1.3",
+        "terser-webpack-plugin": "^1.4.3",
+        "watchpack": "^1.6.1",
+        "webpack-sources": "^1.4.1"
+      },
+      "dependencies": {
+        "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.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.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.0"
+              }
+            }
+          }
+        },
+        "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.0"
+          },
+          "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.0"
+              }
+            }
+          }
+        },
+        "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.0.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.5"
+              }
+            }
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        },
+        "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.1",
+            "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"
+          }
+        },
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "webpack-cli": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-3.3.11.tgz",
+      "integrity": "sha512-dXlfuml7xvAFwYUPsrtQAA9e4DOe58gnzSxhgrO/ZM/gyXTBowrsYeubyN4mqGhYdpXMFNyQ6emjJS9M7OBd4g==",
+      "dev": true,
+      "requires": {
+        "chalk": "2.4.2",
+        "cross-spawn": "6.0.5",
+        "enhanced-resolve": "4.1.0",
+        "findup-sync": "3.0.0",
+        "global-modules": "2.0.0",
+        "import-local": "2.0.0",
+        "interpret": "1.2.0",
+        "loader-utils": "1.2.3",
+        "supports-color": "6.1.0",
+        "v8-compile-cache": "2.0.3",
+        "yargs": "13.2.4"
+      },
+      "dependencies": {
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+          "dev": true
+        },
+        "enhanced-resolve": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz",
+          "integrity": "sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "memory-fs": "^0.4.0",
+            "tapable": "^1.0.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.2.3",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
+          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^2.0.0",
+            "json5": "^1.0.1"
+          }
+        },
+        "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=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "webpack-sources": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "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
+        }
+      }
+    },
+    "which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "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
+    },
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true
+    },
+    "worker-farm": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
+      "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
+      "dev": true,
+      "requires": {
+        "errno": "~0.1.7"
+      }
+    },
+    "wrap-ansi": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+      "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "string-width": "^3.0.0",
+        "strip-ansi": "^5.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "write": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
+      "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1"
+      }
+    },
+    "xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "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
+    },
+    "yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "yargs": {
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.4.tgz",
+      "integrity": "sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==",
+      "dev": true,
+      "requires": {
+        "cliui": "^5.0.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^2.0.1",
+        "os-locale": "^3.1.0",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^3.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^13.1.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "13.1.2",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+      "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      }
+    }
+  }
+}

package.json

@@ -1,13 +1,33 @@
 {
   "name": "animation-timeline-js",
-  "version": "1.2.4",
+  "version": "2.0.0",
   "description": "animation timeline control based on the canvas.",
-  "main": "animation-timeline.js",
+  "main": "lib/animation-timeline.min.js",
+  "types": "src/index.ts",
   "dependencies": {},
   "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@typescript-eslint/eslint-plugin": "^2.31.0",
+    "@typescript-eslint/parser": "^2.31.0",
+    "babel-loader": "^8.1.0",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "prettier": "^2.0.5",
+    "ts-loader": "^7.0.2",
+    "typescript": "^3.8.3",
+    "unminified-webpack-plugin": "^2.0.0",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack",
+    "webpack": "webpack"
   },
   "repository": {
     "type": "git",

src/enums/timelineCapShape.ts

@@ -0,0 +1,5 @@
+export enum TimelineCapShape {
+  None = 'none',
+  Triangle = 'triangle',
+  Rect = 'rect',
+}

src/enums/timelineCursorType.ts

@@ -0,0 +1,37 @@
+export enum TimelineCursorType {
+  Alias = 'alias',
+  AllScroll = 'all-scroll',
+  Auto = 'auto',
+  Cell = 'cell',
+  ContextMenu = 'context-menu',
+  ColResize = 'col-resize',
+  Copy = 'copy',
+  Crosshair = 'crosshair',
+  Default = 'default',
+  EResize = 'e-resize',
+  EWResize = 'ew-resize',
+  Grab = 'grab',
+  Grabbing = 'grabbing',
+  Help = 'help',
+  Move = 'move',
+  NResize = 'n-resize',
+  NEResize = 'ne-resize',
+  NESWResize = 'nesw-resize',
+  NSResize = 'ns-resize',
+  NWResize = 'nw-resize',
+  NWSEResize = 'nwse-resize',
+  NoDrop = 'no-drop',
+  None = 'none',
+  NotAllowed = 'not-allowed',
+  Pointer = 'pointer',
+  Progress = 'progress',
+  RowResize = 'row-resize',
+  SResize = 's-resize',
+  SEResize = 'se-resize',
+  SWResize = 'sw-resize',
+  Text = 'text',
+  WResize = 'w-resize',
+  Wait = 'wait',
+  ZoomIn = 'zoom-in',
+  ZoomOut = 'zoom-out',
+}

src/enums/timelineDraggableType.ts

@@ -0,0 +1,14 @@
+export enum TimelineDraggableType {
+  /**
+   * Drag keyframe
+   */
+  keyframe = 'keyframe',
+  /**
+   * Drag keyframes stripe.
+   */
+  keyframes = 'keyframes',
+  /**
+   * Drag time indicator
+   */
+  timeline = 'timeline',
+}

src/enums/timelineEvents.ts

@@ -0,0 +1,10 @@
+export enum TimelineEvents {
+  Selected = 'selected',
+  TimeChanged = 'timechanged',
+  DragStarted = 'dragstarted',
+  Drag = 'drag',
+  DragFinished = 'dragfinished',
+  Scroll = 'scroll',
+  DoubleClick = 'doubleclick',
+  MouseDown = 'mousedown',
+}

src/enums/timelineInteractionMode.ts

@@ -0,0 +1,4 @@
+export enum TimelineInteractionMode {
+  Selection = 'selection',
+  Pan = 'pan',
+}

src/enums/timelineKeyframeShape.ts

@@ -0,0 +1,6 @@
+export enum TimelineKeyframeShape {
+  None = 'none',
+  Rhomb = 'rhomb',
+  Circle = 'circle',
+  Rect = 'rect',
+}

src/index.ts

@@ -0,0 +1,26 @@
+// bundle entry point
+
+export { Timeline } from './timeline';
+export { TimelineModel } from './timelineModel';
+export { TimelineOptions } from './settings/timelineOptions';
+export { TimelineRow } from './timelineRow';
+export { TimelineStyleUtils } from './settings/timelineStyleUtils';
+export { TimelineKeyframe } from './timelineKeyframe';
+export { TimelineEventsEmitter } from './timelineEventsEmitter';
+export { TimelineUtils } from './utils/timelineUtils';
+export { TimelineDraggableData } from './utils/timelineDraggableData';
+export { SelectionTuple } from './utils/selectionTuple';
+export { Selectable } from './utils/selectable';
+export { RowsCalculationsResults } from './utils/rowsCalculationsResults';
+export { CutBoundsRect } from './utils/cutBoundsRect';
+export { TimelineSelectedEvent } from './utils/events/timelineSelectedEvent';
+export { TimelineScrollEvent } from './utils/events/timelineScrollEvent';
+export { TimelineConsts } from './settings/timelineConsts';
+export { TimelineKeyframeStyle } from './settings/styles/timelineKeyframeStyle';
+export { TimelineRowStyle } from './settings/styles/timelineRowStyle';
+export { TimelineKeyframeShape } from './enums/timelineKeyframeShape';
+export { TimelineInteractionMode } from './enums/timelineInteractionMode';
+export { TimelineEvents } from './enums/timelineEvents';
+export { TimelineDraggableType } from './enums/timelineDraggableType';
+export { TimelineCursorType } from './enums/timelineCursorType';
+export { TimelineCapShape } from './enums/timelineCapShape';

src/settings/styles/timelineKeyframeStyle.ts

@@ -0,0 +1,8 @@
+import { TimelineKeyframeShape } from '../../enums/timelineKeyframeShape';
+
+export interface TimelineKeyframeStyle {
+  cursor?: string;
+  shape?: TimelineKeyframeShape;
+  draggable?: boolean;
+  hidden?: boolean;
+}

src/settings/styles/timelineRowStyle.ts

@@ -0,0 +1,25 @@
+import { TimelineKeyframeStyle } from './timelineKeyframeStyle';
+export interface TimelineRowStyle {
+  /**
+   * Size of the row in pixels, can be set to 'auto'
+   */
+  height: string | number;
+  hidden?: boolean;
+  color?: string;
+  selectedColor?: string;
+  marginBottom?: number;
+  /**
+   * Keyframes bounds stripe height.
+   * 'auto' to automatically calculate.
+   * number in pixels.
+   */
+  stripeHeight?: number | string;
+  /**
+   * Keyframes bounds stripe color. Default is used when undefined.
+   */
+  stripeFillColor?: string;
+  /**
+   * Style of all keyframes in a current row.
+   */
+  keyframesStyle?: TimelineKeyframeStyle;
+}

src/settings/timelineConsts.ts

@@ -0,0 +1,22 @@
+export class TimelineConsts {
+  /**
+   * Auto pan speed.
+   */
+  autoPanSpeed = 50;
+  /**
+   * scroll speed when mouse drag is used (from 0 to 1)
+   */
+  scrollByDragSpeed = 0.12;
+  /**
+   * Determine whether item was clicked.
+   */
+  clickDetectionMs = 120;
+  /**
+   * Timeout to detect double click.
+   */
+  doubleClickTimeoutMs = 400;
+  /**
+   * Time in ms used to refresh scrollbars when pan is finished.
+   */
+  scrollFinishedTimeoutMs = 500;
+}

src/settings/timelineOptions.ts

@@ -0,0 +1,115 @@
+import { TimelineKeyframeShape } from '../enums/timelineKeyframeShape';
+import { TimelineRowStyle } from './styles/TimelineRowStyle';
+import { TimelineKeyframeStyle } from './styles/timelineKeyframeStyle';
+import { TimelineCapShape } from '../enums/timelineCapShape';
+
+export class TimelineOptions {
+  /**
+   * Id or HTMLElement of the timeline container.
+   */
+  id: string | HTMLElement;
+  /**
+   * Snap the mouse to the values on a timeline.
+   * Value can be from 1 to 60
+   */
+  snapsPerSeconds = 5;
+  /**
+   * Check whether snapping is enabled.
+   */
+  snapEnabled = true;
+  /**
+   *  Snap all selected keyframes as a bundle during the drag.
+   */
+  snapAllKeyframesOnMove = false;
+  timelineThicknessPx = 2;
+  timelineMarginTopPx = 15;
+  timelineCapWidthPx = 4;
+  timelineCapHeightPx = 10;
+  /**
+   * Draw timeline rectangular cap.
+   */
+  timelineCap = TimelineCapShape.Rect;
+  timelineColor = 'DarkOrange';
+  /**
+   * approximate step for the timeline in pixels for 1 second
+   */
+  stepPx = 120;
+  stepSmallPx = 30;
+  smallSteps = 50;
+  /**
+   * additional left margin in pixels to start the line gauge from.
+   */
+  leftMarginPx = 25;
+  headerFillColor = '#101011';
+  fillColor = '#101011';
+
+  labelsColor = '#D5D5D5';
+  /**
+   * Header gauge tick color.
+   */
+  tickColor = '#D5D5D5';
+  /**
+   * Selection rectangle color.
+   */
+  selectionColor = 'White';
+
+  /**
+   * Default rows style.
+   * Can be overridden by setting style individually for each row.
+   */
+  rowsStyle: TimelineRowStyle = {
+    /**
+     * Row height in pixels.
+     */
+    height: 24,
+    marginBottom: 2,
+    fillColor: '#252526',
+    /**
+     * Keyframes stripe color
+     */
+    stripeFillColor: '#094771',
+    stripeHeight: 'auto',
+    keyframesStyle: {
+      /**
+       * keyframe fill color.
+       */
+      fillColor: 'red',
+      shape: TimelineKeyframeShape.Rhomb,
+      /**
+       * Selected keyframe fill color.
+       */
+      selectedFillColor: 'DarkOrange',
+      strokeColor: 'Black',
+      strokeThickness: 0.2,
+      draggable: true,
+    } as TimelineKeyframeStyle,
+  } as TimelineRowStyle;
+  /**
+   * Header height in pixels
+   */
+  headerHeight = 30;
+  ticksFont = '11px sans-serif';
+  zoom = 1000;
+  // Zoom speed. Use percent of the screen to set zoom speed.
+  zoomSpeed = 0.1;
+  // Max zoom
+  zoomMin = 80;
+  // Min zoom
+  zoomMax = 8000;
+  /**
+   * Set this to true in a MAC OS environment: The Meta key will be used instead of the Ctrl key.
+   */
+  controlKeyIsMetaKey = false;
+  /**
+   * Access the scroll container via this class for e.g. scroll bar styling.
+   */
+  scrollContainerClass = 'scroll-container';
+  /**
+   * keyframes stripe is draggable.
+   */
+  stripesDraggable = true;
+  /**
+   * keyframes stripe is draggable.
+   */
+  keyframesDraggable = true;
+}

src/settings/timelineStyleUtils.ts

@@ -0,0 +1,77 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { TimelineRow } from '../timelineRow';
+import { TimelineKeyframe } from '../timelineKeyframe';
+import { TimelineRowStyle } from './styles/timelineRowStyle';
+
+export class TimelineStyleUtils {
+  /**
+   * Get keyframe style from a keyframe, than from a row, than from a global settings.
+   * @param keyframe keyframe to get style for.
+   * @param row keyframe row.
+   * @param propertyName property to get.
+   * @param defaultValue default value to return
+   */
+  static getKeyframeStyle<T>(keyframe: TimelineKeyframe, row: TimelineRow, rowsStyle: TimelineRowStyle, propertyName: string, defaultValue?: T): T {
+    if (keyframe && keyframe) {
+      const style: any = keyframe;
+      if (style[propertyName] !== undefined) {
+        return style[propertyName] as T;
+      }
+    }
+
+    if (row && row.keyframesStyle) {
+      const style: any = row.keyframesStyle;
+      if (style[propertyName] !== undefined) {
+        return style[propertyName] as T;
+      }
+    }
+    if (rowsStyle && rowsStyle.keyframesStyle) {
+      const style: any = rowsStyle.keyframesStyle;
+      if (style[propertyName] !== undefined) {
+        return style[propertyName] as T;
+      }
+    }
+
+    return defaultValue;
+  }
+
+  /**
+   * Get row style from default settings or overrides by a row settings.
+   * @param row
+   * @param property
+   */
+  static getRowStyle<T>(rowStyle: TimelineRow, globalRowStyle: TimelineRowStyle, propertyName: string, defaultValue?: T): T | undefined {
+    if (rowStyle) {
+      const style: any = rowStyle;
+      if (style[propertyName] !== undefined) {
+        return style[propertyName] as T;
+      }
+    }
+    if (globalRowStyle) {
+      const style: any = globalRowStyle;
+      if (style[propertyName] !== undefined) {
+        return style[propertyName] as T;
+      }
+    }
+
+    return defaultValue;
+  }
+
+  /**
+   * Get current row height from styling
+   * @param row
+   * @param includeMargin include margin to the bounds
+   */
+  static getRowHeight(rowStyle: TimelineRowStyle, globalRowStyle: TimelineRowStyle): number {
+    return TimelineStyleUtils.getRowStyle<number>(rowStyle, globalRowStyle, 'height', 24);
+  }
+  static rowStripeHeight(rowStyle: TimelineRowStyle, globalRowStyle: TimelineRowStyle): number | string {
+    return TimelineStyleUtils.getRowStyle<number | string>(rowStyle, globalRowStyle, 'stripeHeight', 'auto');
+  }
+  static stripeFillColor(rowStyle: TimelineRowStyle, globalRowStyle: TimelineRowStyle): string {
+    return TimelineStyleUtils.getRowStyle<string>(rowStyle, globalRowStyle, 'stripeFillColor');
+  }
+  static getRowMarginBottom(rowStyle: TimelineRowStyle, globalRowStyle: TimelineRowStyle): number {
+    return TimelineStyleUtils.getRowStyle<number>(rowStyle, globalRowStyle, 'marginBottom', 0);
+  }
+}

src/timeline.ts

@@ -0,0 +1,1722 @@
+import { TimelineEventsEmitter } from './timelineEventsEmitter';
+import { TimelineUtils } from './utils/timelineUtils';
+import { TimelineOptions } from './settings/timelineOptions';
+import { TimelineConsts } from './settings/timelineConsts';
+import { TimelineKeyframe } from './timelineKeyframe';
+import { TimelineModel } from './timelineModel';
+import { TimelineDraggableData } from './utils/timelineDraggableData';
+import { TimelineRow } from './timelineRow';
+import { TimelineCursorType } from './enums/timelineCursorType';
+import { TimelineKeyframeShape } from './enums/timelineKeyframeShape';
+import { TimelineStyleUtils } from './settings/timelineStyleUtils';
+import { TimelineDraggableType } from './enums/timelineDraggableType';
+import { TimelineEvents } from './enums/timelineEvents';
+import { CutBoundsRect } from './utils/cutBoundsRect';
+import { TimelineCapShape } from './enums/timelineCapShape';
+import { RowSize, RowsCalculationsResults } from './utils/rowsCalculationsResults';
+import { TimelineInteractionMode } from './enums/timelineInteractionMode';
+import { TimelineScrollEvent } from './utils/events/timelineScrollEvent';
+import { TimelineSelectedEvent } from './utils/events/timelineSelectedEvent';
+
+interface MousePoint extends DOMPoint {
+  radius: number;
+}
+interface MouseData extends MousePoint {
+  val: number;
+  snapVal: number;
+}
+
+export class Timeline extends TimelineEventsEmitter {
+  /**
+   * component container.
+   */
+  private container: HTMLElement = null;
+  /**
+   * Dynamically generated event.
+   */
+  private canvas: HTMLCanvasElement = null;
+  /**
+   * Dynamically generated scroll container.
+   */
+  private scrollContainer: HTMLElement = null;
+  /**
+   * Dynamically generated virtual scroll content.
+   */
+  private scrollContent: HTMLElement = null;
+  /**
+   * Rendering context
+   */
+  private ctx: CanvasRenderingContext2D = null;
+  /**
+   * Components settings
+   */
+  private options: TimelineOptions = null;
+  /**
+   * Drag start position.
+   */
+  private startPos: MouseData = null;
+  /**
+   * Drag scroll started position.
+   */
+  private scrollStartPos: DOMPoint | null = { x: 0, y: 0 } as DOMPoint;
+  private currentPos: MouseData = null;
+
+  private selectionRect: DOMRect = null;
+  private selectionRectEnabled = false;
+  private drag: TimelineDraggableData = null;
+  private startedDragWithCtrl = false;
+  private startedDragWithShiftKey = false;
+
+  private clickTimeout? = 0;
+  private lastClickTime = 0;
+  private consts = new TimelineConsts();
+  /**
+   * scroll finished timer reference.
+   */
+  private scrollFinishedTimerRef?: number = null;
+  private selectedKeyframes: Array<TimelineKeyframe> = [];
+  private val = 0;
+  /**
+   * TODO: should be tested on retina.
+   */
+  private pixelRatio = 1;
+  private currentZoom = 0;
+  private intervalRef?: number = null;
+  private autoPanLastActionDate = 0;
+  private isPanStarted = false;
+  private interactionMode = TimelineInteractionMode.Selection;
+  private lastUsedArgs: MouseEvent | TouchEvent = null;
+  private model: TimelineModel;
+  /**
+   *
+   * @param options
+   * @param model
+   */
+  constructor(options: TimelineOptions, model: TimelineModel) {
+    super();
+    const id = options.id;
+    this.model = model;
+    if (!id) {
+      throw new Error(`Element cannot be empty. Should be string or DOM element.`);
+    }
+    this.options = this.mergeOptions(options);
+    this.currentZoom = this.options.zoom;
+    if (id instanceof HTMLElement) {
+      this.container = id as HTMLElement;
+    } else {
+      this.container = document.getElementById(id);
+    }
+
+    if (!this.container) {
+      throw new Error(`Element cannot be empty. Should be string or DOM element.`);
+    }
+
+    this.scrollContainer = document.createElement('div');
+    this.scrollContent = document.createElement('div');
+    this.canvas = document.createElement('canvas');
+
+    if (!this.canvas || !this.canvas.getContext) {
+      console.log('Cannot initialize canvas context.');
+      return null;
+    }
+
+    this.container.style.position = 'relative';
+    // Generate size container:
+    this.canvas.style.cssText =
+      'image-rendering: -moz-crisp-edges;' +
+      'image-rendering: -webkit-crisp-edges;' +
+      'image-rendering: pixelated;' +
+      'image-rendering: crisp-edges;' +
+      'user-select: none;' +
+      '-webkit-user-select: none;' +
+      '-khtml-user-select: none;' +
+      '-moz-user-select: none;' +
+      '-o-user-select: none;' +
+      'user-select: none;' +
+      'touch-action: none;' +
+      'position: relative;' +
+      '-webkit-user-drag: none;' +
+      '-khtml-user-drag: none;' +
+      '-moz-user-drag: none;' +
+      '-o-user-drag: none;' +
+      'user-drag: none;' +
+      'padding: inherit';
+
+    this.scrollContainer.classList.add(this.options.scrollContainerClass);
+    this.scrollContainer.style.cssText = 'overflow: scroll;' + 'position: absolute;' + 'width:  100%;' + 'height:  100%;';
+
+    this.scrollContent.style.width = this.scrollContent.style.height = '100%';
+
+    // add the text node to the created div
+    this.scrollContainer.appendChild(this.scrollContent);
+    this.container.appendChild(this.scrollContainer);
+    const scrollBarWidth = this.scrollContainer.offsetWidth - this.scrollContent.clientWidth;
+    // Calculate current browser scroll bar size and add offset for the canvas
+    this.canvas.style.width = this.canvas.style.height = 'calc(100% -' + (scrollBarWidth || 17) + 'px)';
+
+    this.container.appendChild(this.canvas);
+
+    if (this.options.fillColor) {
+      this.scrollContainer.style.background = this.options.fillColor;
+    }
+
+    // Normalize and validate span per seconds
+    this.options.snapsPerSeconds = Math.max(0, Math.min(60, this.options.snapsPerSeconds || 0));
+
+    this.ctx = this.canvas.getContext('2d');
+    this.subscribeOnEvents();
+    this.rescale();
+    this.redraw();
+  }
+
+  /**
+   * Subscribe current component on the related events.
+   */
+  private subscribeOnEvents(): void {
+    this.container.addEventListener('wheel', this.handleWheelEvent);
+
+    if (this.scrollContainer) {
+      this.scrollContainer.addEventListener('scroll', this.handleScrollEvent);
+    }
+
+    window.addEventListener('blur', this.handleBlurEvent, false);
+    window.addEventListener('resize', this.handleWindowResizeEvent, false);
+    document.addEventListener('keydown', this.handleDocumentKeydownEvent, false);
+    this.canvas.addEventListener('touchstart', this.handleMouseDownEvent, false);
+    this.canvas.addEventListener('mousedown', this.handleMouseDownEvent, false);
+    window.addEventListener('mousemove', this.handleMouseMoveEvent, false);
+    window.addEventListener('touchmove', this.handleMouseMoveEvent, false);
+    window.addEventListener('mouseup', this.handleMouseUpEvent, false);
+    window.addEventListener('touchend', this.handleMouseUpEvent, false);
+  }
+  private handleBlurEvent = (): void => {
+    this.cleanUpSelection();
+  };
+  private handleWindowResizeEvent = (): void => {
+    // Rescale and redraw
+    this.rescale();
+    this.redraw();
+  };
+  private handleDocumentKeydownEvent = (args: KeyboardEvent): boolean => {
+    // ctrl + a. Select all keyframes
+    if (args.which === 65 && this.controlKeyPressed(args)) {
+      this.performSelection(true);
+      args.preventDefault();
+      return false;
+    }
+  };
+
+  private handleScrollEvent = (args: MouseEvent): void => {
+    if (this.scrollFinishedTimerRef) {
+      clearTimeout(this.scrollFinishedTimerRef);
+      this.scrollFinishedTimerRef = null;
+    }
+
+    // Set a timeout to run event 'scrolling end'.
+    this.scrollFinishedTimerRef = setTimeout(() => {
+      if (!this.isPanStarted) {
+        if (this.scrollFinishedTimerRef) {
+          clearTimeout(this.scrollFinishedTimerRef);
+          this.scrollFinishedTimerRef = null;
+        }
+
+        this.rescale();
+        this.redraw();
+      }
+    }, this.consts.scrollFinishedTimeoutMs);
+
+    this.redraw();
+    const scrollData = (args || {}) as TimelineScrollEvent;
+    scrollData.scrollLeft = this.scrollContainer.scrollLeft;
+    scrollData.scrollTop = this.scrollContainer.scrollTop;
+    scrollData.scrollHeight = this.scrollContainer.scrollHeight;
+    scrollData.scrollWidth = this.scrollContainer.scrollWidth;
+    super.emit(TimelineEvents.Scroll, scrollData);
+  };
+  private handleWheelEvent = (event: WheelEvent): void => {
+    if (this.controlKeyPressed(event)) {
+      event.preventDefault();
+      if (this.options.zoomSpeed > 0 && this.options.zoomSpeed <= 1) {
+        const mousePos = this.getMousePos(this.canvas, event);
+        let x = mousePos.x;
+        if (x <= 0) x = 0;
+        const val = this.pxToVal(this.scrollContainer.scrollLeft + x, false);
+        const diff = this.canvas.clientWidth / x;
+
+        const zoom = TimelineUtils.sign(event.deltaY) * this.options.zoom * this.options.zoomSpeed;
+        this.currentZoom += zoom;
+        if (this.currentZoom > this.options.zoomMax) {
+          this.currentZoom = this.options.zoomMax;
+        }
+        if (this.currentZoom < this.options.zoomMin) {
+          this.currentZoom = this.options.zoomMin;
+        }
+        const zoomCenter = this.valToPx(val, true);
+        let newScrollLeft = Math.round(zoomCenter - this.canvas.clientWidth / diff);
+        if (newScrollLeft <= 0) {
+          newScrollLeft = 0;
+        }
+
+        this.rescale(newScrollLeft + this.canvas.clientWidth, null, 'zoom');
+        if (this.scrollContainer.scrollLeft != newScrollLeft) {
+          this.scrollContainer.scrollLeft = newScrollLeft;
+          // Scroll event will redraw the screen.
+        }
+
+        this.redraw();
+      }
+    } else {
+      this.scrollContainer.scrollTop += event.deltaY;
+      event.preventDefault();
+    }
+  };
+  /**
+   * @param args
+   */
+  private handleMouseDownEvent = (args: MouseEvent): void => {
+    const isDoubleClick = Date.now() - this.lastClickTime < this.consts.doubleClickTimeoutMs;
+    this.lastClickTime = Date.now();
+
+    // Prevent drag of the canvas if canvas is selected as text:
+    TimelineUtils.clearBrowserSelection();
+    this.startPos = this.trackMousePos(this.canvas, args);
+    this.scrollStartPos = {
+      x: this.scrollContainer.scrollLeft,
+      y: this.scrollContainer.scrollTop,
+    } as DOMPoint;
+    if (isDoubleClick) {
+      super.emit(TimelineEvents.DoubleClick, this.startPos);
+      return;
+    }
+
+    super.emit(TimelineEvents.MouseDown, this.startPos);
+
+    this.clickTimeout = Date.now();
+    this.currentPos = this.startPos;
+    this.drag = this.getDraggable(this.currentPos);
+    // Select keyframes on mouse down
+    if (this.drag) {
+      if (this.drag.type === TimelineDraggableType.keyframe) {
+        this.startedDragWithCtrl = this.controlKeyPressed(args);
+        this.startedDragWithShiftKey = args.shiftKey;
+        // get all related selected keyframes if we are selecting one.
+        if (!this.drag.keyframe.selected && !this.controlKeyPressed(args) && !args.shiftKey) {
+          this.performSelection(true, this.drag.keyframe, 'keyframe');
+        }
+
+        this.drag.keyframes = this.getSelectedKeyframes();
+      }
+    }
+
+    this.redraw();
+  };
+
+  private handleMouseMoveEvent = (args: MouseEvent | TouchEvent): void => {
+    if (!args) {
+      args = this.lastUsedArgs;
+    } else {
+      this.lastUsedArgs = args;
+    }
+    if (!args) {
+      return;
+    }
+    const isTouch = args instanceof TouchEvent && args.changedTouches && args.changedTouches.length > 0;
+    this.currentPos = this.trackMousePos(this.canvas, args);
+    if (!this.isPanStarted && this.selectionRect && this.clickTimeoutIsOver()) {
+      this.selectionRectEnabled = true;
+    }
+
+    args = args as MouseEvent;
+    if (this.startPos) {
+      if (args.buttons == 1 || isTouch) {
+        let isChanged = false;
+        if (this.drag && !this.startedDragWithCtrl) {
+          const convertedVal = this.mousePosToVal(this.currentPos.x, true);
+          //redraw();
+          if (this.drag.type === TimelineDraggableType.timeline) {
+            isChanged = this.setTimeInternal(convertedVal, 'user') || isChanged;
+          } else if ((this.drag.type == TimelineDraggableType.keyframe || this.drag.type == TimelineDraggableType.keyframes) && this.drag.keyframes) {
+            let offset = Math.floor(convertedVal - this.drag.val);
+            if (Math.abs(offset) > 0) {
+              // don't allow to move less than zero.
+              this.drag.keyframes.forEach((p) => {
+                if (this.options.snapAllKeyframesOnMove) {
+                  const toSet = this.snapVal(p.val);
+                  isChanged = this.setKeyframePos(p, toSet) || isChanged;
+                }
+
+                const newPosition = p.val + offset;
+                if (newPosition < 0) {
+                  offset = -p.val;
+                }
+              });
+
+              if (Math.abs(offset) > 0) {
+                // don't allow to move less than zero.
+                this.drag.keyframes.forEach((keyframe) => {
+                  const toSet = keyframe.val + offset;
+                  isChanged = this.setKeyframePos(keyframe, toSet) || isChanged;
+                });
+              }
+
+              if (isChanged) {
+                if (!this.drag.changed) {
+                  this.emit('dragStarted', {
+                    keyframes: this.drag.keyframes,
+                  });
+                }
+
+                this.drag.changed = true;
+
+                this.drag.val += offset;
+                this.emit('drag', {
+                  keyframes: this.drag.keyframes,
+                });
+              }
+            }
+          }
+        }
+
+        if (this.interactionMode === TimelineInteractionMode.Pan && !this.drag) {
+          this.isPanStarted = true;
+          // Track scroll by drag.
+          this.scrollByPan(this.startPos, this.currentPos, this.scrollStartPos);
+        } else {
+          // Track scroll by mouse or touch out of the area.
+          this.scrollBySelectionOutOfBounds(this.currentPos);
+        }
+        this.redraw();
+      } else {
+        // Fallback. Cancel mouse move when focus was lost and mouse down is still counted.
+        this.cleanUpSelection();
+        this.redraw();
+      }
+    } else if (!isTouch) {
+      const draggable = this.getDraggable(this.currentPos);
+      this.setCursor('default');
+      if (draggable) {
+        let cursor = null;
+        if (draggable.type === TimelineDraggableType.keyframes) {
+          cursor = cursor || TimelineCursorType.EWResize;
+        } else if (draggable.type == 'keyframe') {
+          cursor = cursor || TimelineCursorType.Pointer;
+        } else {
+          cursor = cursor || TimelineCursorType.EWResize;
+        }
+
+        if (cursor) {
+          this.setCursor(cursor);
+        }
+      }
+    }
+
+    if (isTouch) {
+      args.preventDefault();
+    }
+  };
+
+  private handleMouseUpEvent = (args: MouseEvent): void => {
+    if (this.startPos) {
+      //window.releaseCapture();
+      const pos = this.trackMousePos(this.canvas, args);
+
+      // Click detection.
+      if (
+        (this.selectionRect && this.selectionRect.height <= 2 && this.selectionRect.width <= 2) ||
+        !this.clickTimeoutIsOver() ||
+        (this.drag && this.startedDragWithCtrl) ||
+        (this.drag && this.startedDragWithShiftKey)
+      ) {
+        this.performClick(pos, args, this.drag);
+      } else if (!this.drag && this.selectionRect && this.selectionRectEnabled) {
+        this.performSelection(true, this.selectionRect, 'rectangle', args.shiftKey);
+      }
+
+      this.cleanUpSelection();
+      this.redraw();
+    }
+  };
+
+  private performClick(pos: MouseData, args: MouseEvent, drag: TimelineDraggableData): boolean {
+    let isChanged = false;
+    if (drag && drag.type === TimelineDraggableType.keyframe) {
+      let isSelected = true;
+      if ((this.startedDragWithCtrl && this.controlKeyPressed(args)) || (this.startedDragWithShiftKey && args.shiftKey)) {
+        if (this.controlKeyPressed(args)) {
+          isSelected = !drag.keyframe.selected;
+        }
+      }
+      // Reverse selected keyframe selection by a click:
+      isChanged = this.performSelection(isSelected, this.drag.keyframe, 'keyframe', this.controlKeyPressed(args) || args.shiftKey) || isChanged;
+
+      if (args.shiftKey) {
+        // change timeline pos:
+        const convertedVal = this.mousePosToVal(pos.x, true);
+        // Set current timeline position if it's not a drag or selection rect small or fast click.
+        isChanged = this.setTimeInternal(convertedVal, 'user') || isChanged;
+      }
+    } else {
+      // deselect keyframes if any:
+      isChanged = this.performSelection(false) || isChanged;
+
+      // change timeline pos:
+      // Set current timeline position if it's not a drag or selection rect small or fast click.
+      isChanged = this.setTimeInternal(this.mousePosToVal(pos.x, true), 'user') || isChanged;
+    }
+
+    return isChanged;
+  }
+  /**
+   * Set keyframe value.
+   * @param keyframe
+   * @param value
+   */
+  private setKeyframePos(keyframe: TimelineKeyframe, value: number): boolean {
+    value = Math.floor(value);
+    if (keyframe && keyframe.val != value) {
+      keyframe.val = value;
+      return true;
+    }
+
+    return false;
+  }
+
+  /**
+   * @param cursor to set.
+   */
+  private setCursor(cursor: string): void {
+    if (this.canvas.style.cursor != cursor) {
+      this.canvas.style.cursor = cursor;
+    }
+  }
+
+  /**
+   * Set pan mode
+   * @param isPan
+   */
+  public setInteractionMode(mode: TimelineInteractionMode): void {
+    if (this.interactionMode != mode) {
+      this.interactionMode = mode;
+      // Avoid any conflicts with other modes:
+      this.cleanUpSelection();
+    }
+  }
+
+  public getSelectedKeyframes(): Array<TimelineKeyframe> {
+    if (!this.selectedKeyframes) {
+      this.selectedKeyframes = [];
+    }
+    this.selectedKeyframes.length = 0;
+    this.forEachKeyframe((keyframe) => {
+      if (keyframe && keyframe.selected) {
+        this.selectedKeyframes.push(keyframe);
+      }
+    });
+
+    return this.selectedKeyframes;
+  }
+
+  /**
+   * Do the selection.
+   * @param {boolean} isSelected
+   * @param {object} selector can be a rectangle or a keyframe object.
+   * @param {string} mode selector mode. keyframe | rectangle | all
+   * @param {boolean} ignoreOthers value indicating whether all other object should be reversed.
+   * @return {boolean} isChanged
+   */
+  private performSelection(isSelected = true, selector: DOMRect | TimelineKeyframe = null, mode = 'all', ignoreOthers = false): boolean {
+    let deselectionMode = false;
+    if (mode == 'all') {
+      if (!isSelected) {
+        isSelected = false;
+      }
+
+      deselectionMode = isSelected;
+    }
+
+    this.selectedKeyframes.length = 0;
+    let isChanged = true;
+    this.forEachKeyframe((keyframe, keyframeIndex, rowSize) => {
+      const keyframePos = this.getKeyframePosition(keyframe, rowSize);
+
+      if (keyframePos) {
+        if ((mode == 'keyframe' && selector === keyframe) || (mode == 'rectangle' && selector && TimelineUtils.isOverlap(keyframePos.x, keyframePos.y, selector as DOMRect))) {
+          if (keyframe.selected != isSelected) {
+            keyframe.selected = isSelected;
+            isChanged = true;
+          }
+
+          if (keyframe.selected) {
+            this.selectedKeyframes.push(keyframe);
+          }
+        } else {
+          // Deselect all other keyframes.
+          if (!ignoreOthers && keyframe.selected != deselectionMode) {
+            keyframe.selected = deselectionMode;
+            isChanged = deselectionMode;
+          }
+        }
+      }
+    });
+
+    if (isChanged) {
+      this.emitKeyframesSelected(this.selectedKeyframes);
+    }
+
+    return isChanged;
+  }
+
+  /**
+   * foreach visible keyframe.
+   */
+  private forEachKeyframe(callback: (keyframe: TimelineKeyframe, keyframeIndex?: number, row?: RowSize, index?: number, newRow?: boolean) => void): void {
+    if (!this.model) {
+      return;
+    }
+
+    const model = this.calculateRowsBounds(false);
+    if (!model) {
+      return;
+    }
+
+    model.rows.forEach((rowSize, index) => {
+      if (!rowSize) {
+        return;
+      }
+      const row = rowSize.row;
+      if (!row || !row.keyframes || !Array.isArray(row.keyframes) || row.keyframes.length <= 0) {
+        return;
+      }
+
+      let nextRow = true;
+      row.keyframes
+        .filter((p) => p && !p.hidden)
+        .forEach((keyframe: TimelineKeyframe, keyframeIndex) => {
+          if (callback && keyframe) {
+            callback(keyframe, keyframeIndex, rowSize, index, nextRow);
+          }
+
+          nextRow = false;
+        });
+    });
+  }
+
+  private trackMousePos(canvas: HTMLCanvasElement, mouseArgs: MouseEvent | TouchEvent): MouseData {
+    const pos = this.getMousePos(canvas, mouseArgs) as MouseData;
+    pos.val = this.pxToVal(pos.x + this.scrollContainer.scrollLeft);
+    pos.snapVal = this.snapVal(pos.val);
+    if (this.startPos) {
+      if (!this.selectionRect) {
+        this.selectionRect = {} as DOMRect;
+      }
+
+      // get the pos with the virtualization:
+      const x = Math.floor(this.startPos.x + (this.scrollStartPos.x - this.scrollContainer.scrollLeft));
+      const y = Math.floor(this.startPos.y + (this.scrollStartPos.y - this.scrollContainer.scrollTop));
+      this.selectionRect.x = Math.min(x, pos.x);
+      this.selectionRect.y = Math.min(y, pos.y);
+      this.selectionRect.width = Math.max(x, pos.x) - this.selectionRect.x;
+      this.selectionRect.height = Math.max(y, pos.y) - this.selectionRect.y;
+    }
+
+    return pos;
+  }
+
+  private cleanUpSelection(): void {
+    if (this.drag && this.drag.changed) {
+      this.emit(TimelineEvents.DragFinished, {
+        keyframes: this.drag.keyframes,
+      });
+    }
+
+    this.startPos = null;
+    this.drag = null;
+    this.startedDragWithCtrl = false;
+    this.startedDragWithShiftKey = false;
+    this.selectionRect = null;
+    this.clickTimeout = null;
+    this.scrollStartPos = null;
+    this.isPanStarted = false;
+    this.stopAutoPan();
+  }
+
+  /**
+   * Check whether click timeout is over.
+   */
+  private clickTimeoutIsOver(): boolean {
+    // Duration before the selection can be tracked.
+    if (this.clickTimeout && Date.now() - this.clickTimeout > this.consts.clickDetectionMs) {
+      return true;
+    }
+
+    return false;
+  }
+
+  /**
+   * Automatically pan. Scroll canvas when selection is made and mouse outside of the bounds.
+   */
+  private startAutoPan(): void {
+    if (this.consts.autoPanSpeed) {
+      if (!this.intervalRef) {
+        // Repeat move calls to
+        this.intervalRef = setInterval(() => {
+          this.handleMouseMoveEvent(null);
+        }, this.consts.autoPanSpeed);
+      }
+    }
+  }
+
+  /**
+   * Stop current running auto pan
+   */
+  private stopAutoPan(): void {
+    if (this.intervalRef) {
+      clearInterval(this.intervalRef);
+      this.intervalRef = null;
+    }
+
+    this.autoPanLastActionDate = null;
+  }
+
+  /**
+   * Check whether auto pan should be slowed down a bit.
+   */
+  private checkUpdateSpeedTooFast(): boolean {
+    // Slow down updated a bit.
+    if (this.autoPanLastActionDate && Date.now() - this.autoPanLastActionDate <= 10) {
+      return true;
+    }
+
+    this.autoPanLastActionDate = Date.now();
+    return false;
+  }
+
+  private scrollByPan(start: MouseData, pos: MouseData, scrollStartPos: DOMPoint): void {
+    if (!start || !pos) {
+      return;
+    }
+
+    const offsetX = Math.round(start.x - pos.x);
+    const newLeft = scrollStartPos.x + offsetX;
+
+    if (offsetX > 0) {
+      this.rescale(newLeft + this.canvas.clientWidth);
+    }
+
+    if (offsetX > 0 && newLeft + this.canvas.clientWidth >= this.scrollContainer.scrollWidth - 5) {
+      this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth;
+    } else {
+      this.scrollContainer.scrollLeft = newLeft;
+    }
+    this.scrollContainer.scrollTop = Math.round(start.y - pos.y);
+  }
+
+  private scrollBySelectionOutOfBounds(pos: DOMPoint): boolean {
+    const x = pos.x;
+    const y = pos.y;
+    let isChanged = false;
+    let speedX = 0;
+    let speedY = 0;
+    const isLeft = x <= 0;
+    const isRight = x >= this.canvas.clientWidth;
+    const isTop = y <= 0;
+    const isBottom = y >= this.canvas.clientHeight;
+    let newWidth = null;
+    let newHeight = null;
+    if (isLeft || isRight || isTop || isBottom) {
+      // Auto move init
+      this.startAutoPan();
+
+      if (this.checkUpdateSpeedTooFast()) {
+        return false;
+      }
+
+      const scrollSpeedMultiplier = isNaN(this.consts.scrollByDragSpeed) ? 1 : this.consts.scrollByDragSpeed;
+      if (isLeft) {
+        // Get normalized speed.
+        speedX = -TimelineUtils.getDistance(x, 0) * scrollSpeedMultiplier;
+      } else if (isRight) {
+        // Get normalized speed:
+        speedX = TimelineUtils.getDistance(x, this.canvas.clientWidth) * scrollSpeedMultiplier;
+        newWidth = this.scrollContainer.scrollLeft + this.canvas.clientWidth + speedX;
+      }
+
+      if (isTop) {
+        // Get normalized speed.
+        speedY = (-TimelineUtils.getDistance(x, 0) * scrollSpeedMultiplier) / 4;
+      } else if (isBottom) {
+        // Get normalized speed:
+        speedY = (TimelineUtils.getDistance(x, this.canvas.clientHeight) * scrollSpeedMultiplier) / 4;
+        newHeight = this.scrollContainer.scrollTop + this.canvas.clientHeight;
+      }
+    } else {
+      this.stopAutoPan();
+    }
+
+    if (newWidth || newHeight) {
+      this.rescale(newWidth, newHeight, 'scrollBySelection');
+    }
+
+    if (Math.abs(speedX) > 0) {
+      this.scrollContainer.scrollLeft += speedX;
+      isChanged = true;
+    }
+
+    if (Math.abs(speedY) > 0) {
+      this.scrollContainer.scrollTop += speedY;
+      isChanged = true;
+    }
+
+    return isChanged;
+  }
+
+  /**
+   * Convert screen pixel to value.
+   */
+  private pxToVal(coords: number, absolute = false): number {
+    if (!absolute) {
+      coords -= this.options.leftMarginPx;
+    }
+    const ms = (coords / this.options.stepPx) * this.options.zoom;
+    return ms;
+  }
+
+  /**
+   * Convert area value to screen pixel coordinates.
+   */
+  private valToPx(ms: number, absolute = false): number {
+    // Respect current scroll container offset. (virtualization)
+    if (!absolute) {
+      const x = this.scrollContainer.scrollLeft;
+      ms -= this.pxToVal(x);
+    }
+
+    return (ms * this.options.stepPx) / this.options.zoom;
+  }
+
+  /**
+   * Snap a value to a nearest beautiful point.
+   */
+  private snapVal(ms: number): number {
+    // Apply snap to steps if enabled.
+    if (this.options.snapsPerSeconds && this.options.snapEnabled) {
+      const stopsPerPixel = 1000 / this.options.snapsPerSeconds;
+      const step = ms / stopsPerPixel;
+      const stepsFit = Math.round(step);
+      ms = Math.round(stepsFit * stopsPerPixel);
+    }
+
+    // TODO: allow negative values.
+    if (ms < 0) {
+      ms = 0;
+    }
+
+    return ms;
+  }
+
+  private mousePosToVal(x: number, snapEnabled = false): number {
+    let convertedVal = this.pxToVal(this.scrollContainer.scrollLeft + Math.min(x, this.canvas.clientWidth));
+    convertedVal = Math.round(convertedVal);
+    if (snapEnabled) {
+      convertedVal = this.snapVal(convertedVal);
+    }
+
+    return convertedVal;
+  }
+
+  /**
+   * Format line gauge text.
+   * Default formatting is HMS
+   * @param ms milliseconds to convert.
+   * @param isSeconds whether seconds are passed.
+   */
+  private formatLineGaugeText(ms: number, isSeconds = false): string {
+    // 1- Convert to seconds:
+    let seconds = ms / 1000;
+    if (isSeconds) {
+      seconds = ms;
+    }
+
+    const year = Math.floor(seconds / (365 * 86400));
+    seconds = seconds % (365 * 86400);
+
+    const days = Math.floor(seconds / 86400);
+    seconds = seconds % 86400;
+
+    // 2- Extract hours:
+    const hours = Math.floor(seconds / 3600); // 3,600 seconds in 1 hour
+    seconds = seconds % 3600; // seconds remaining after extracting hours
+    // 3- Extract minutes:
+    const minutes = Math.floor(seconds / 60); // 60 seconds in 1 minute
+    // 4- Keep only seconds not extracted to minutes:
+    seconds = seconds % 60;
+    let str = '';
+    if (year) {
+      str += year + ':';
+    }
+
+    if (days) {
+      str += days + ':';
+    }
+
+    if (hours) {
+      str += hours + ':';
+    }
+
+    if (minutes) {
+      str += minutes + ':';
+    }
+
+    if (!isNaN(seconds)) {
+      str += seconds;
+    }
+
+    return str;
+  }
+
+  private renderTicks(): void {
+    this.ctx.save();
+
+    const areaWidth = this.scrollContainer.scrollWidth - this.options.leftMarginPx;
+    let from = this.pxToVal(0);
+    let to = this.pxToVal(areaWidth);
+    const dist = TimelineUtils.getDistance(from, to);
+    if (dist === 0) {
+      return;
+    }
+    // normalize step.
+    const stepsCanFit = areaWidth / this.options.stepPx;
+    const realStep = dist / stepsCanFit;
+    // Find the nearest 'beautiful' step for a line gauge. This step should be divided by 1/2/5!
+    //let step = realStep;
+    const step = TimelineUtils.findGoodStep(realStep);
+    if (step == 0 || isNaN(step) || !isFinite(step)) {
+      return;
+    }
+    const goodStepDistancePx = areaWidth / (dist / step);
+    const smallStepsCanFit = goodStepDistancePx / this.options.stepSmallPx;
+    const realSmallStep = step / smallStepsCanFit;
+    let smallStep = TimelineUtils.findGoodStep(realSmallStep, step);
+    if (step % smallStep != 0) {
+      smallStep = realSmallStep;
+    }
+    // filter to draw only visible
+    const visibleFrom = this.pxToVal(this.scrollContainer.scrollLeft + this.options.leftMarginPx);
+    const visibleTo = this.pxToVal(this.scrollContainer.scrollLeft + this.scrollContainer.clientWidth);
+    // Find beautiful start point:
+    from = Math.floor(visibleFrom / step) * step;
+
+    // Find a beautiful end point:
+    to = Math.ceil(visibleTo / step) * step + step;
+
+    let lastTextX: number | null = null;
+    for (let i = from; i <= to; i += step) {
+      const pos = this.valToPx(i);
+      const sharpPos = this.getSharp(Math.round(pos));
+      this.ctx.save();
+      this.ctx.beginPath();
+      this.ctx.setLineDash([4]);
+      this.ctx.lineWidth = 1;
+      this.ctx.strokeStyle = this.options.tickColor;
+      TimelineUtils.drawLine(this.ctx, sharpPos, (this.options.headerHeight || 0) / 2, sharpPos, this.canvas.clientHeight);
+      this.ctx.stroke();
+
+      this.ctx.fillStyle = this.options.labelsColor;
+      if (this.options.ticksFont) {
+        this.ctx.font = this.options.ticksFont;
+      }
+
+      const text = this.formatLineGaugeText(i);
+      const textSize = this.ctx.measureText(text);
+
+      const textX = sharpPos - textSize.width / 2;
+      // skip text render if there is no space for it.
+      if (isNaN(lastTextX) || lastTextX <= textX) {
+        lastTextX = textX + textSize.width;
+        this.ctx.fillText(text, textX, 10);
+      }
+
+      this.ctx.restore();
+      // Draw small steps
+      for (let x = i + smallStep; x < i + step; x += smallStep) {
+        const nextPos = this.valToPx(x);
+        const nextSharpPos = this.getSharp(Math.floor(nextPos));
+        this.ctx.beginPath();
+        this.ctx.lineWidth = this.pixelRatio;
+        this.ctx.strokeStyle = this.options.tickColor;
+        TimelineUtils.drawLine(this.ctx, nextSharpPos, (this.options.headerHeight || 0) / 1.3, nextSharpPos, this.options.headerHeight);
+        this.ctx.stroke();
+      }
+    }
+
+    this.ctx.restore();
+  }
+
+  /**
+   * calculate screen positions of the model elements.
+   */
+  private calculateRowsBounds(includeStipesBounds = true): RowsCalculationsResults {
+    const toReturn = {
+      rows: [],
+      area: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+      } as DOMRect,
+      minValue: null,
+      maxValue: null,
+    } as RowsCalculationsResults;
+
+    if (!this.model) {
+      return toReturn;
+    }
+    const rows = this.model.rows;
+    if (!rows || !Array.isArray(rows) || rows.length <= 0) {
+      return toReturn;
+    }
+    let rowAbsoluteHeight = this.options.headerHeight;
+    rows
+      .filter((p) => p && !p.hidden)
+      .forEach((row, index) => {
+        if (!row) {
+          return;
+        }
+
+        // draw with scroll virtualization:
+        const rowHeight = TimelineStyleUtils.getRowHeight(row, this.options.rowsStyle);
+        const marginBottom = TimelineStyleUtils.getRowMarginBottom(row, this.options.rowsStyle);
+
+        rowAbsoluteHeight += rowHeight + marginBottom;
+        const currentRowY = rowAbsoluteHeight - this.scrollContainer.scrollTop;
+        if (index == 0) {
+          toReturn.area.y = currentRowY;
+        }
+
+        toReturn.area.height = Math.max(rowAbsoluteHeight + rowHeight, toReturn.area.height);
+
+        const rowData = {
+          x: 0,
+          y: currentRowY,
+          width: this.canvas.clientWidth,
+          height: rowHeight,
+          marginBottom: marginBottom,
+          row: row,
+          index: index,
+          minValue: null,
+          maxValue: null,
+        } as RowSize;
+
+        toReturn.rows.push(rowData);
+        if (!includeStipesBounds && (!row.keyframes || !row.keyframes.forEach || row.keyframes.length <= 0)) {
+          return;
+        }
+
+        // Get min and max ms to draw keyframe lane:
+        if (row && row.keyframes) {
+          row.keyframes.forEach((keyframe) => {
+            const val = keyframe.val;
+
+            if (keyframe && !isNaN(val)) {
+              rowData.minValue = rowData.minValue == null ? val : Math.min(val, rowData.minValue);
+              rowData.maxValue = rowData.maxValue == null ? val : Math.max(val, rowData.maxValue);
+            }
+          });
+        }
+        // get keyframes stripe size
+        if (!isNaN(rowData.minValue) && !isNaN(rowData.maxValue)) {
+          // get stripe screen coords
+          const stripeRect = this.getKeyframesStripeSize(row, rowData.y, rowData.minValue, rowData.maxValue);
+          rowData.stripeRect = stripeRect;
+        }
+
+        // get absolute min and max bounds:
+        if (toReturn.minValue !== null && rowData.minValue !== null) {
+          toReturn.minValue = Math.min(rowData.minValue, toReturn.minValue);
+        } else if (rowData.minValue !== null) {
+          toReturn.minValue = rowData.minValue;
+        }
+
+        if (toReturn.maxValue !== null && rowData.maxValue !== null) {
+          toReturn.maxValue = Math.min(rowData.maxValue, toReturn.maxValue);
+        } else if (rowData.maxValue !== null) {
+          toReturn.maxValue = rowData.maxValue;
+        }
+      });
+    if (toReturn.maxValue !== null) {
+      toReturn.area.width = this.valToPx(toReturn.maxValue, true);
+    }
+    return toReturn;
+  }
+
+  private renderRows(): void {
+    const data = this.calculateRowsBounds();
+    if (data && data.rows) {
+      this.ctx.save();
+      data.rows.forEach((rowData) => {
+        if (!rowData) {
+          return;
+        }
+
+        this.ctx.fillStyle = TimelineStyleUtils.getRowStyle<string>(rowData.row, this.options.rowsStyle, 'fillColor', '#252526');
+        //this.ctx.fillRect(data.areaRect.x, data.areaRect.y, data.areaRect.w, data.areaRect.h);
+        // Note: bounds used instead of the clip while clip is slow!
+        const bounds = this.cutBounds(rowData);
+        if (bounds) {
+          this.ctx.fillRect(bounds.x, bounds.y, bounds.width, bounds.height);
+        }
+
+        const keyframeLaneColor = TimelineStyleUtils.stripeFillColor(rowData.row, this.options.rowsStyle);
+
+        if ((rowData.row.keyframes && rowData.row.keyframes.length <= 1) || !keyframeLaneColor) {
+          return;
+        }
+
+        // get the bounds on a canvas
+        const rectBounds = this.cutBounds(rowData.stripeRect);
+        if (rectBounds) {
+          this.ctx.fillStyle = keyframeLaneColor;
+          this.ctx.fillRect(rectBounds.x, rectBounds.y, rectBounds.width, rectBounds.height);
+        }
+      });
+
+      this.ctx.restore();
+    }
+  }
+
+  /**
+   * Method is used for the optimization.
+   * Only visible part should be rendered.
+   */
+  private cutBounds(rect: DOMRect): CutBoundsRect {
+    if (!rect) {
+      return null;
+    }
+    // default bounds: minX, maxX, minY, maxY
+    const minX = 0,
+      maxX = this.canvas.clientWidth,
+      minY = this.options.headerHeight || 0,
+      maxY = this.canvas.clientWidth;
+
+    if (
+      TimelineUtils.isRectOverlap(rect, {
+        x: minX,
+        y: minY,
+        width: TimelineUtils.getDistance(minX, maxX),
+        height: TimelineUtils.getDistance(minY, maxY),
+      } as DOMRect)
+    ) {
+      const y = Math.max(rect.y, minY);
+      const x = Math.max(rect.x, minX);
+      const offsetW = rect.x - x;
+      const offsetH = rect.y - y;
+
+      return {
+        height: rect.height + offsetH,
+        width: rect.width + offsetW,
+        x: x,
+        y: y,
+        overlapY: Math.abs(offsetH) > 0,
+        overlapX: Math.abs(offsetW) > 0,
+      } as CutBoundsRect;
+    }
+    return null;
+  }
+
+  /**
+   * get keyframe stripe screen rect coordinates.
+   * @param row
+   * @param rowY row screen coords y position
+   */
+  private getKeyframesStripeSize(row: TimelineRow, rowY: number, minValue: number, maxValue: number): DOMRect {
+    let keyframeLaneHeight: number | string = TimelineStyleUtils.rowStripeHeight(row, this.options.rowsStyle);
+
+    const height = TimelineStyleUtils.getRowHeight(row, this.options.rowsStyle);
+    if ((!keyframeLaneHeight && keyframeLaneHeight !== 0) || isNaN(keyframeLaneHeight as number) || keyframeLaneHeight == 'auto') {
+      keyframeLaneHeight = Math.floor(height * 0.8);
+    }
+
+    if (keyframeLaneHeight > height) {
+      keyframeLaneHeight = height;
+    }
+
+    const margin = height - (keyframeLaneHeight as number);
+
+    // draw keyframes lane.
+    const xMin = this.valToPx(minValue);
+    const xMax = this.valToPx(maxValue);
+
+    return {
+      x: xMin,
+      y: rowY + Math.floor(margin / 2),
+      height: keyframeLaneHeight,
+      width: TimelineUtils.getDistance(xMin, xMax),
+    } as DOMRect;
+  }
+
+  private getKeyframePosition(keyframe: TimelineKeyframe, rowSize: RowSize): DOMRect | null {
+    if (!keyframe) {
+      console.log('keyframe should be defined.');
+      return null;
+    }
+
+    const val = keyframe.val;
+    if (isNaN(val)) {
+      return null;
+    }
+
+    // get center of the lane:
+    const y = rowSize.y + rowSize.height / 2 - this.scrollContainer.scrollTop;
+
+    // TODO: keyframe size:
+    let size = 1; //this.options.keyframeSizePx || keyframe.size;
+    //if (size == "auto") {
+    size = rowSize.height / 3;
+    //}
+
+    if (size > 0) {
+      if (!isNaN(val)) {
+        const toReturn = {
+          x: Math.floor(this.valToPx(val)),
+          y: Math.floor(y),
+          height: size,
+          width: size,
+        } as DOMRect;
+        return toReturn;
+      }
+    }
+
+    return null;
+  }
+
+  private renderKeyframes(): void {
+    this.forEachKeyframe((keyframe, keyframeIndex, rowSize) => {
+      const row = rowSize.row;
+      const pos = this.getKeyframePosition(keyframe, rowSize);
+      if (pos) {
+        let x = this.getSharp(pos.x);
+        let y = pos.y;
+        const size = pos.height;
+        const bounds = this.cutBounds({
+          x: x - size / 2,
+          y: y - size / 2,
+          width: size,
+          height: size,
+        } as DOMRect);
+        if (!bounds) {
+          return;
+        }
+
+        this.ctx.save();
+
+        // Performance FIX: use clip only  when we are in the collision! Clip is slow!
+        // Other keyframes should be hidden by bounds check.
+        if (bounds && bounds.overlapY) {
+          this.ctx.beginPath();
+          this.ctx.rect(0, this.options.headerHeight || 0, this.canvas.clientWidth, this.canvas.clientWidth);
+          this.ctx.clip();
+        }
+
+        const shape = TimelineStyleUtils.getKeyframeStyle<TimelineKeyframeShape>(keyframe, row, this.options.rowsStyle, 'shape', TimelineKeyframeShape.Rhomb);
+        if (shape === TimelineKeyframeShape.None) {
+          return;
+        }
+
+        const keyframeColor = TimelineStyleUtils.getKeyframeStyle<string>(
+          keyframe,
+          row,
+          this.options.rowsStyle,
+          keyframe.selected ? 'fillColor' : 'selectedFillColor',
+          keyframe.selected ? 'red' : 'DarkOrange',
+        );
+        const border = TimelineStyleUtils.getKeyframeStyle<number>(keyframe, row, this.options.rowsStyle, 'strokeThickness', 0.2);
+        const strokeColor = border > 0 ? TimelineStyleUtils.getKeyframeStyle<string>(keyframe, row, this.options.rowsStyle, 'strokeColor', 'Black') : '';
+
+        if (shape == TimelineKeyframeShape.Rhomb) {
+          this.ctx.beginPath();
+          this.ctx.translate(x, y);
+          this.ctx.rotate((45 * Math.PI) / 180);
+          if (border > 0 && strokeColor) {
+            this.ctx.fillStyle = strokeColor;
+            this.ctx.rect(-size / 2, -size / 2, size, size);
+            this.ctx.fill();
+          }
+
+          this.ctx.fillStyle = keyframeColor;
+          // draw main keyframe data with offset.
+          this.ctx.translate(border, border);
+          this.ctx.rect(-size / 2, -size / 2, size - border * 2, size - border * 2);
+          this.ctx.fill();
+        } else if (shape == TimelineKeyframeShape.Circle) {
+          this.ctx.beginPath();
+          if (border > 0 && strokeColor) {
+            this.ctx.fillStyle = strokeColor;
+            this.ctx.arc(x, y, size, 0, 2 * Math.PI);
+          }
+          this.ctx.fillStyle = keyframeColor;
+          this.ctx.arc(x, y, size - border, 0, 2 * Math.PI);
+          this.ctx.fill();
+        } else if (shape == TimelineKeyframeShape.Rect) {
+          this.ctx.beginPath();
+          y = y - size / 2;
+          x = x - size / 2;
+          if (border > 0 && strokeColor) {
+            this.ctx.fillStyle = strokeColor;
+            this.ctx.rect(x, y, size, size);
+            this.ctx.fill();
+          }
+
+          this.ctx.fillStyle = keyframeColor;
+          this.ctx.rect(x + border, y + border, size - border, size - border);
+          this.ctx.fill();
+        }
+
+        this.ctx.restore();
+      }
+    });
+  }
+
+  private renderSelectionRect(): void {
+    if (this.drag) {
+      return;
+    }
+
+    this.ctx.save();
+    const thickness = 1;
+    if (this.selectionRect && this.selectionRectEnabled) {
+      this.ctx.setLineDash([4]);
+      this.ctx.lineWidth = this.pixelRatio;
+      this.ctx.strokeStyle = this.options.selectionColor;
+      this.ctx.strokeRect(this.getSharp(this.selectionRect.x, thickness), this.getSharp(this.selectionRect.y, thickness), Math.floor(this.selectionRect.width), Math.floor(this.selectionRect.height));
+    }
+    this.ctx.restore();
+  }
+
+  private renderBackground(): void {
+    if (this.options.fillColor) {
+      this.ctx.save();
+      this.ctx.beginPath();
+      this.ctx.rect(0, 0, this.canvas.clientWidth, this.canvas.clientHeight);
+      this.ctx.fillStyle = this.options.fillColor;
+      this.ctx.fill();
+      this.ctx.restore();
+    } else {
+      // Clear if bg not set.
+      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    }
+  }
+
+  private renderTimeline(): void {
+    this.ctx.save();
+    const thickness = this.options.timelineThicknessPx;
+    this.ctx.lineWidth = thickness * this.pixelRatio;
+    const timeLinePos = this.getSharp(Math.round(this.valToPx(this.val)), thickness);
+    this.ctx.strokeStyle = this.options.timelineColor;
+    this.ctx.fillStyle = this.ctx.strokeStyle;
+    const y = this.options.timelineMarginTopPx;
+    this.ctx.beginPath();
+    TimelineUtils.drawLine(this.ctx, timeLinePos, y, timeLinePos, this.canvas.clientHeight);
+    this.ctx.stroke();
+
+    if (this.options.timelineCapWidthPx && this.options.timelineCapHeightPx) {
+      const rectSize = this.options.timelineCapWidthPx;
+      const capHeight = this.options.timelineCapHeightPx;
+      if (this.options.timelineCap === TimelineCapShape.Triangle) {
+        this.ctx.beginPath();
+        this.ctx.moveTo(timeLinePos - rectSize / 2, y);
+        this.ctx.lineTo(timeLinePos + rectSize / 2, y);
+        this.ctx.lineTo(timeLinePos, capHeight);
+        this.ctx.closePath();
+        this.ctx.stroke();
+      } else if (this.options.timelineCap === TimelineCapShape.Rect) {
+        this.ctx.fillRect(timeLinePos - rectSize / 2, y, rectSize, capHeight);
+        this.ctx.fill();
+      }
+    }
+
+    this.ctx.restore();
+  }
+
+  private renderHeaderBackground(): void {
+    if (!isNaN(this.options.headerHeight) && this.options.headerHeight > 0) {
+      this.ctx.save();
+      // draw ticks background
+      this.ctx.lineWidth = this.pixelRatio;
+      if (this.options.headerFillColor) {
+        // draw ticks background
+        this.ctx.lineWidth = this.pixelRatio;
+        // draw header background
+        this.ctx.fillStyle = this.options.headerFillColor;
+        this.ctx.fillRect(0, 0, this.canvas.clientWidth, this.options.headerHeight);
+      } else {
+        this.ctx.clearRect(0, 0, this.canvas.clientWidth, this.options.headerHeight);
+      }
+      this.ctx.restore();
+    }
+  }
+
+  redraw(): void {
+    if (window.requestAnimationFrame) {
+      window.requestAnimationFrame(this.redrawInternal);
+    } else {
+      this.redrawInternal();
+    }
+  }
+
+  /**
+   * perform scroll to max left.
+   */
+  public scrollLeft(): void {
+    if (this.scrollContainer.scrollLeft != this.scrollContainer.scrollWidth) {
+      this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth;
+    }
+  }
+
+  /**
+   * Redraw parts of the component in the specific order.
+   */
+  private redrawInternal = (): void => {
+    // Rescale when animation is played out of the bounds.
+    if (this.valToPx(this.val, true) > this.scrollContainer.scrollWidth) {
+      this.rescale();
+      if (!this.isPanStarted && this.drag && this.drag.type !== TimelineDraggableType.timeline) {
+        this.scrollLeft();
+      }
+    }
+
+    this.renderBackground();
+    this.renderRows();
+    // Render after rows
+    this.renderHeaderBackground();
+    this.renderTicks();
+    this.renderKeyframes();
+    this.renderSelectionRect();
+    this.renderTimeline();
+  };
+
+  /**
+   * Find sharp pixel position
+   */
+  private getSharp(pos: number, thickness = 1): number {
+    if (thickness % 2 == 0) {
+      return pos;
+    }
+
+    return pos + this.pixelRatio / 2;
+  }
+
+  /**
+   * Get current time:
+   */
+  public getTime(): number {
+    return this.val;
+  }
+
+  private setTimeInternal(val: number, source: string): boolean {
+    val = Math.round(val);
+    if (val < 0) {
+      val = 0;
+    }
+
+    if (this.val != val) {
+      this.val = val;
+      this.emit('timeChanged', {
+        val: val,
+        source: source,
+      });
+      return true;
+    }
+
+    return true;
+  }
+
+  public setTime(val: number): boolean {
+    // don't allow to change time during drag:
+    if (this.drag && this.drag.type === TimelineDraggableType.timeline) {
+      return false;
+    }
+
+    return this.setTimeInternal(val, 'setTime');
+  }
+
+  public select(value = true): void {
+    this.performSelection(value);
+    this.redraw();
+  }
+
+  public getOptions(): TimelineOptions {
+    return this.options;
+  }
+
+  private controlKeyPressed(e: MouseEvent | KeyboardEvent): boolean {
+    return this.options.controlKeyIsMetaKey || this.options.controlKeyIsMetaKey ? e.metaKey : e.ctrlKey;
+  }
+
+  private emitKeyframesSelected(selectedKeyframes: Array<TimelineKeyframe>): void {
+    this.emit(TimelineEvents.Selected, {
+      keyframes: selectedKeyframes,
+    } as TimelineSelectedEvent);
+  }
+
+  public setScrollLeft(value: number): void {
+    if (this.scrollContainer) {
+      this.scrollContainer.scrollLeft = value;
+    }
+  }
+  public setScrollTop(value: number): void {
+    if (this.scrollContainer) {
+      this.scrollContainer.scrollTop = value;
+    }
+  }
+  public getScrollLeft(): number {
+    return this.scrollContainer ? this.scrollContainer.scrollLeft : 0;
+  }
+  public getScrollTop(): number {
+    return this.scrollContainer ? this.scrollContainer.scrollTop : 0;
+  }
+
+  /**
+   * Subscribe on scroll event
+   */
+  public onScroll(callback: Function): void {
+    this.on(TimelineEvents.Scroll, callback);
+  }
+
+  /**
+   * Set this.options.
+   * Options will be merged with the defaults and control invalidated
+   */
+  public setOptions(toSet: TimelineOptions): TimelineOptions {
+    this.options = this.mergeOptions(toSet);
+    this.rescale();
+    this.redraw();
+    // Merged options:
+    return this.options;
+  }
+
+  public getModel(): TimelineModel {
+    return this.model;
+  }
+
+  /**
+   * Set model and redraw application.
+   * @param data
+   */
+  public setModel(data: TimelineModel): void {
+    this.model = data;
+    this.rescale();
+    this.redraw();
+  }
+
+  private getMousePos(canvas: HTMLCanvasElement, e: TouchEvent | MouseEvent): MousePoint {
+    let radius = 1;
+    let clientX = 0;
+    let clientY = 0;
+    if (e instanceof TouchEvent) {
+      const wheelEvent = e as TouchEvent;
+      if (wheelEvent.changedTouches && wheelEvent.changedTouches.length > 0) {
+        // TODO: implement better touch support
+        const touch = e.changedTouches[0];
+        clientX = touch.clientX;
+        clientY = touch.clientY;
+        radius = Math.max(radius, touch.radiusX, touch.radiusY);
+      }
+    } else {
+      clientX = e.clientX;
+      clientY = e.clientY;
+    }
+
+    const rect = canvas.getBoundingClientRect(), // abs. size of element
+      scaleX = canvas.width / this.pixelRatio / rect.width, // relationship bitmap vs. element for X
+      scaleY = canvas.height / this.pixelRatio / rect.height; // relationship bitmap vs. element for Y
+
+    const x = (clientX - rect.left) * scaleX;
+    const y = (clientY - rect.top) * scaleY;
+    // scale mouse coordinates after they have been adjusted to be relative to element
+    return {
+      x: x,
+      y: y,
+      radius,
+    } as MousePoint;
+  }
+
+  private rescale(newWidth?: number, newHeight?: number, scrollMode?: string): void {
+    const width = this.scrollContainer.clientWidth * this.pixelRatio;
+    const height = this.scrollContainer.clientHeight * this.pixelRatio;
+    if (Math.floor(width) != Math.floor(this.ctx.canvas.width)) {
+      this.ctx.canvas.width = width;
+    }
+
+    if (Math.floor(height) != Math.floor(this.ctx.canvas.height)) {
+      this.ctx.canvas.height = height;
+    }
+
+    this.ctx.setTransform(this.pixelRatio, 0, 0, this.pixelRatio, 0, 0);
+    const data = this.calculateRowsBounds();
+    if (data && data.area) {
+      const additionalOffset = this.options.stepPx;
+      newWidth = newWidth || 0;
+      // not less than current timeline position
+      const timelineGlobalPos = this.valToPx(this.val, true);
+      let timelinePos = 0;
+      if (timelineGlobalPos > this.canvas.clientWidth) {
+        if (scrollMode == 'scrollBySelection') {
+          timelinePos = Math.floor(timelineGlobalPos + this.canvas.clientWidth + (this.options.stepPx || 0));
+        } else {
+          timelinePos = Math.floor(timelineGlobalPos + this.canvas.clientWidth / 1.5);
+        }
+      }
+      const keyframeW = data.area.width + this.options.leftMarginPx + additionalOffset;
+
+      newWidth = Math.max(
+        newWidth,
+        // keyframes size
+        keyframeW,
+        // not less than current scroll position
+        this.scrollContainer.scrollLeft + this.canvas.clientWidth,
+        timelinePos,
+      );
+
+      const minWidthPx = Math.floor(newWidth) + 'px';
+      if (minWidthPx != this.scrollContent.style.minWidth) {
+        this.scrollContent.style.minWidth = minWidthPx;
+      }
+
+      newHeight = Math.max(Math.floor(data.area.height + this.canvas.clientHeight * 0.2), this.scrollContainer.scrollTop + this.canvas.clientHeight - 1, Math.round(newHeight || 0));
+
+      const h = newHeight + 'px';
+      if (this.scrollContent.style.minHeight != h) {
+        this.scrollContent.style.minHeight = h;
+      }
+    }
+  }
+
+  /**
+   * Find clickable elements under the current position.
+   */
+  private getDraggable(pos: MousePoint): TimelineDraggableData {
+    // few extra pixels to select items:
+    const helperSelector = Math.max(2, pos.radius);
+    let draggable: TimelineDraggableData = null;
+    let lastLength = Number.MAX_SAFE_INTEGER;
+    if (pos.y >= this.options.headerHeight && this.options.keyframesDraggable) {
+      this.forEachKeyframe((keyframe, keyframeIndex, rowSize) => {
+        if (keyframe.draggable !== undefined) {
+          if (!keyframe.draggable) {
+            return;
+          }
+        }
+
+        /*  const row = rowSize.row; if (row.keyframesDraggable !== undefined) {
+            if (!row.keyframesDraggable) {
+              return;
+            }
+          }
+*/
+        const keyframePos = this.getKeyframePosition(keyframe, rowSize);
+        if (keyframePos) {
+          const dist = TimelineUtils.getDistance(keyframePos.x, keyframePos.y, pos.x, pos.y);
+          if (dist <= keyframePos.height + helperSelector) {
+            if (!draggable) {
+              lastLength = dist;
+              draggable = {
+                keyframe: keyframe,
+                val: keyframe.val,
+                type: TimelineDraggableType.keyframe,
+              } as TimelineDraggableData;
+            } else if (dist <= lastLength) {
+              draggable.keyframe = keyframe;
+              draggable.val = keyframe.val;
+            }
+          }
+        }
+      });
+
+      if (draggable) {
+        return draggable;
+      }
+
+      // TODO:
+      // Return keyframes lanes:
+      const data = this.calculateRowsBounds();
+      if (this.options.stripesDraggable && data) {
+        let overlapped: RowSize = null;
+        if (data.rows) {
+          for (let i = 0; i < data.rows.length; i++) {
+            const rowSizeData = data.rows[i];
+            if (!rowSizeData) {
+              break;
+            }
+
+            const draggable = TimelineStyleUtils.getRowStyle<boolean>(rowSizeData.row, this.options.rowsStyle, 'stripeDraggable', true);
+            if (!draggable) {
+              break;
+            }
+
+            const laneOverlapped = TimelineUtils.isOverlap(pos.x, pos.y, rowSizeData.stripeRect);
+            if (laneOverlapped) {
+              overlapped = rowSizeData;
+            }
+          }
+        }
+
+        if (overlapped) {
+          draggable = {
+            type: TimelineDraggableType.keyframes,
+          } as TimelineDraggableData;
+
+          draggable.val = this.mousePosToVal(pos.x, true);
+
+          if (overlapped.row && overlapped.row.keyframes) {
+            draggable.keyframes = overlapped.row.keyframes;
+
+            const snapped = this.snapVal(overlapped.minValue);
+            // get snapped mouse pos based on a min value.
+            draggable.val += overlapped.minValue - snapped;
+          }
+
+          return draggable;
+        }
+      }
+    }
+
+    // Check whether we can drag timeline.
+    const timeLinePos = this.valToPx(this.val);
+    const width = Math.max((this.options.timelineThicknessPx || 1) * this.pixelRatio, this.options.timelineCapWidthPx * this.pixelRatio || 1) + helperSelector;
+    if (pos.y <= this.options.headerHeight || (pos.x >= timeLinePos - width / 2 && pos.x <= timeLinePos + width / 2)) {
+      return {
+        val: this.val,
+        type: TimelineDraggableType.timeline,
+      } as TimelineDraggableData;
+    }
+  }
+
+  /**
+   * Merge options with the defaults.
+   */
+  private mergeOptions(toSet: TimelineOptions): TimelineOptions {
+    toSet = toSet || ({} as TimelineOptions);
+    // Apply incoming options to default. (override default)
+    const options = new TimelineOptions();
+    // Merge options with the default.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const mergeOptionsDeep = (to: any, from: any): void => {
+      if (!to || !from) {
+        return;
+      }
+      // eslint-disable-next-line prefer-const
+      for (let key in to) {
+        if (Object.prototype.hasOwnProperty.call(from, key)) {
+          if (to[key] == undefined) {
+            to[key] = from[key];
+          } else if (typeof to[key] === 'object') {
+            mergeOptionsDeep(to[key], from[key]);
+          }
+        }
+      }
+    };
+
+    mergeOptionsDeep(options, toSet);
+    return options;
+  }
+}

src/timelineEventsEmitter.ts

@@ -0,0 +1,45 @@
+interface Event {
+  topic: string;
+  callback: Function;
+}
+
+export class TimelineEventsEmitter {
+  private subscriptions: Array<Event> = [];
+
+  // on event.
+  on(topic: string, callback: Function): void {
+    if (!callback) {
+      return;
+    }
+
+    this.subscriptions.push({
+      topic: topic,
+      callback: callback,
+    });
+  }
+  /**
+   * Remove an event from the subscriptions list.
+   */
+  off(topic: string, callback: Function): void {
+    this.subscriptions = this.subscriptions.filter((event) => {
+      return event && event.callback != callback && event.topic != topic;
+    });
+  }
+
+  /**
+   * Unsubscribe all
+   */
+  offAll(): void {
+    this.subscriptions.length = 0;
+  }
+
+  // emit event.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  emit(topic: string, args: any): void {
+    this.subscriptions.forEach((event) => {
+      if (event && event.topic == topic && event.callback) {
+        event.callback(args);
+      }
+    });
+  }
+}

src/timelineKeyframe.ts

@@ -0,0 +1,6 @@
+import { TimelineKeyframeStyle } from './settings/styles/timelineKeyframeStyle';
+import { Selectable } from './utils/selectable';
+
+export interface TimelineKeyframe extends TimelineKeyframeStyle, Selectable {
+  val: number;
+}

src/timelineModel.ts

@@ -0,0 +1,4 @@
+import { TimelineRow } from './timelineRow';
+export class TimelineModel {
+  rows: Array<TimelineRow> = [];
+}

src/timelineRow.ts

@@ -0,0 +1,15 @@
+import { TimelineKeyframe } from './timelineKeyframe';
+import { TimelineRowStyle } from './settings/styles/TimelineRowStyle';
+
+export interface TimelineRow extends TimelineRowStyle {
+  name?: string;
+  keyframes?: Array<TimelineKeyframe>;
+  /**
+   * keyframes stripe is draggable.
+   */
+  stripeDraggable?: boolean;
+  /**
+   * keyframes stripe is draggable.
+   */
+  keyframesDraggable?: boolean;
+}

src/utils/cutBoundsRect.ts

@@ -0,0 +1,7 @@
+/**
+ * Cut bounds results.
+ */
+export interface CutBoundsRect extends DOMRect {
+  overlapY: boolean;
+  overlapX: boolean;
+}

src/utils/events/timelineScrollEvent.ts

@@ -0,0 +1,6 @@
+export interface TimelineScrollEvent extends MouseEvent {
+  scrollLeft: number;
+  scrollTop: number;
+  scrollHeight: number;
+  scrollWidth: number;
+}

src/utils/events/timelineSelectedEvent.ts

@@ -0,0 +1,5 @@
+import { TimelineKeyframe } from '../../timelineKeyframe';
+
+export interface TimelineSelectedEvent {
+  keyframes: Array<TimelineKeyframe>;
+}

src/utils/rowsCalculationsResults.ts

@@ -0,0 +1,22 @@
+import { TimelineRow } from '..';
+
+export interface RowsCalculationsResults {
+  /**
+   * All rows and keyframes bounds.
+   */
+  area: DOMRect;
+  minValue: number;
+  maxValue: number;
+  /**
+   * Collection of the rows sizes.
+   */
+  rows: Array<RowSize>;
+}
+export interface RowSize extends DOMRect {
+  row: TimelineRow;
+  index: number;
+  minValue: number;
+  maxValue: number;
+  marginBottom: number;
+  stripeRect: DOMRect;
+}

src/utils/selectable.ts

@@ -0,0 +1,4 @@
+export interface Selectable {
+  selected?: boolean;
+  selectable?: boolean;
+}

src/utils/selectionTuple.ts

@@ -0,0 +1,7 @@
+import { TimelineKeyframe } from '../timelineKeyframe';
+import { TimelineRow } from '../timelineRow';
+
+export interface SelectionTuple {
+  keyframe: TimelineKeyframe;
+  row: TimelineRow;
+}

src/utils/timelineDraggableData.ts

@@ -0,0 +1,15 @@
+import { TimelineKeyframe } from '../timelineKeyframe';
+import { TimelineDraggableType } from '../enums/timelineDraggableType';
+export interface TimelineDraggableData {
+  type: TimelineDraggableType;
+  /**
+   * First selected keyframe (clicked one)
+   */
+  keyframe?: TimelineKeyframe;
+  /**
+   * Related draggable keyframes.
+   */
+  keyframes?: Array<TimelineKeyframe>;
+  changed: boolean;
+  val: number;
+}

src/utils/timelineUtils.ts

@@ -0,0 +1,124 @@
+const denominators = [1, 2, 5, 10];
+export class TimelineUtils {
+  static drawLine(ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number): void {
+    ctx.moveTo(x1, y1);
+    ctx.lineTo(x2, y2);
+  }
+  /**
+   * Check rectangle overlap.
+   */
+  static isOverlap(x: number, y: number, rectangle: DOMRect): boolean {
+    if (!rectangle) {
+      console.error('rectangle argument cannot be empty');
+      return false;
+    }
+
+    if (rectangle.x <= x && rectangle.x + rectangle.width >= x && rectangle.y <= y && rectangle.y + rectangle.height >= y) {
+      return true;
+    }
+
+    return false;
+  }
+  /**
+   * Find beautiful step for the header line gauge.
+   */
+  static findGoodStep(originalStep: number, divisionCheck = 0): number {
+    let step = originalStep;
+    let lastDistance = null;
+    const pow = TimelineUtils.getPowArgument(originalStep);
+    for (let i = 0; i < denominators.length; i++) {
+      const denominator = denominators[i];
+      const calculatedStep = denominator * Math.pow(10, pow);
+      if (divisionCheck && divisionCheck % calculatedStep != 0) {
+        continue;
+      }
+      const distance = TimelineUtils.getDistance(originalStep, calculatedStep);
+
+      if (distance == 0 || (distance <= 0.1 && pow > 0)) {
+        lastDistance = distance;
+        step = calculatedStep;
+        break;
+      } else if (!lastDistance || lastDistance > distance) {
+        lastDistance = distance;
+        step = calculatedStep;
+      }
+    }
+
+    return step;
+  }
+
+  static isRectOverlap(rect: DOMRect, rect2: DOMRect): boolean {
+    if (!rect || !rect2) {
+      console.log('Rectangles cannot be empty');
+      return false;
+    }
+
+    // If one rectangle is on left side of other
+    if (rect.x > rect2.x + rect2.width || rect2.x > rect.x + rect.width) {
+      return true;
+    }
+
+    // If one rectangle is above other
+    if (rect.y < rect2.y + rect2.height || rect2.y < rect.y + rect.height) {
+      return true;
+    }
+    return false;
+  }
+
+  static getDistance(x1: number, y1: number, x2?: number, y2?: number): number {
+    if (x2 != undefined && y2 != undefined) {
+      return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2));
+    } else {
+      return Math.abs(x1 - y1);
+    }
+  }
+  static sign(p: number): number {
+    return p >= 0 ? 1 : -1;
+  }
+
+  static clearBrowserSelection(): void {
+    if (!window) {
+      return;
+    }
+    if (window.getSelection) {
+      window.getSelection().removeAllRanges();
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const doc: any = window.document;
+      if (doc.selection) {
+        doc.selection.empty();
+      }
+    }
+  }
+  static getPowArgument(toCheck: number): number {
+    if (!toCheck || toCheck === 0 || !isFinite(toCheck)) {
+      return 1;
+    }
+    // some optimization for numbers:
+    if (toCheck >= 10 && toCheck < 100) {
+      return 1;
+    } else if (toCheck >= 100 && toCheck < 1000) {
+      return 2;
+    } else if (toCheck >= 1000 && toCheck < 10000) {
+      return 3;
+    }
+
+    toCheck = Math.abs(toCheck);
+    let category = 0;
+    const s = this.sign(toCheck);
+    if (toCheck > 1) {
+      while (toCheck >= 1) {
+        toCheck = Math.floor(toCheck / 10.0);
+        category++;
+      }
+
+      return s * category - 1;
+    } else if (toCheck > 0.0) {
+      // Get number of zeros before the number.
+      const zerosCount = Math.floor(Math.log(toCheck) / Math.log(10) + 1) - 1;
+      return zerosCount;
+    } else {
+      return 1;
+    }
+  }
+}

tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "outDir": "./lib/",
+    "noImplicitAny": true,
+    "module": "commonjs",
+    "lib": ["es2015", "dom"],
+    "target": "es5",
+    "allowJs": true,
+    "sourceMap": true,
+    "strict": false,
+    "declaration": true
+  },
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

webpack.config.js

@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const path = require('path');
+let UnminifiedWebpackPlugin = require('unminified-webpack-plugin');
+
+//  devtool: 'inline-source-map',
+module.exports = {
+  entry: './src/index.ts',
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts'],
+  },
+  output: {
+    filename: 'animation-timeline.min.js',
+    libraryTarget: 'umd',
+    library: 'timelineModule',
+    // eslint-disable-next-line no-undef
+    path: path.resolve(__dirname, 'lib'),
+  },
+  plugins:[new UnminifiedWebpackPlugin()]
+};