From 7f9fb8232b960b3f2b6057a10262f3a56e99c610 Mon Sep 17 00:00:00 2001
From: Lam Phan Dang <lam.phan@gigasouce.io>
Date: Sat, 23 Nov 2019 18:18:01 +0700
Subject: [PATCH 01/24] Migrate from Vuetify to GigaComponents

---
 .storybook/config.js           |   1 -
 package.json                   |   4 +-
 src/form/FormFactory.js        |   4 +-
 src/form/GField.vue            | 120 +++++++++----------
 src/form/GFieldChoice.vue      |  90 +++++++++------
 src/form/GFieldChoiceArray.vue |  67 +++++++----
 src/form/GFieldObject.vue      | 199 ++++++++++++++++++--------------
 src/form/GFieldObjectArray.vue |  52 +++++----
 src/form/GFieldSimpleArray.vue |  32 +++---
 src/form/GFieldTableArray.vue  | 203 +++++++++++++++++----------------
 src/form/GInput.vue            | 197 ++++++++++++++++----------------
 src/main.js                    |   2 +
 src/plugins/giga-components.js |   7 ++
 src/plugins/vuetify.js         |   8 --
 src/stories/FormStory2.vue     | 168 ++++++++-------------------
 15 files changed, 581 insertions(+), 573 deletions(-)
 create mode 100644 src/plugins/giga-components.js
 delete mode 100644 src/plugins/vuetify.js

diff --git a/.storybook/config.js b/.storybook/config.js
index aaa61bd..a79da9e 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -14,7 +14,6 @@ addParameters({
 
 Vue.use(VueRouter);
 Vue.use(VueCompositionAPI);
-import '../src/plugins/vuetify';
 
 import {
   storiesOf, specs, describe, it,
diff --git a/package.json b/package.json
index 3249b5d..500531d 100644
--- a/package.json
+++ b/package.json
@@ -77,6 +77,7 @@
     "material-design-icons-iconfont": "^4.0.2",
     "node-sass": "^4.9.0",
     "nodemon": "^1.19.3",
+    "pos-vue-framework": "file:pos-vue-framework",
     "prettier": "^1.18.2",
     "resolve-url-loader": "^3.1.0",
     "roboto-fontface": "^0.10.0",
@@ -93,8 +94,7 @@
     "vue-loader": "^15.7.1",
     "vue-router": "^3.1.3",
     "vue-template-compiler": "^2.6.10",
-    "vue-the-mask": "^0.11.1",
-    "vuetify": "^1.3.12"
+    "vue-the-mask": "^0.11.1"
   },
   "postcss": {
     "plugins": {
diff --git a/src/form/FormFactory.js b/src/form/FormFactory.js
index e4ee54f..89f5df7 100644
--- a/src/form/FormFactory.js
+++ b/src/form/FormFactory.js
@@ -1,4 +1,4 @@
-import { computed } from '@vue/composition-api';
+import {computed} from '@vue/composition-api';
 
 export const _modelFactory = (props) => computed(() => {
   if (typeof props.field.key !== 'undefined') return props.model[props.field.key];
@@ -6,7 +6,7 @@ export const _modelFactory = (props) => computed(() => {
 });
 
 export const flexFactory = (props) => computed(() => {
-  return props.noLayout ? 'xs12' : props.field.flex;
+  return props.noLayout ? 'xs-12' : props.field.flex;
 });
 
 export const _rootModelFactory = (props) => computed(() => {
diff --git a/src/form/GField.vue b/src/form/GField.vue
index 2c4ea19..f5207b5 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -1,64 +1,60 @@
 <template>
-	<v-tabs style="width: 100%" v-if="tabs" :class="{'tab-wrapper': fillHeight}">
-		<v-tab v-for="tab in getTabs()" :key="tab.name">{{tab.name}}</v-tab>
-		<v-tab-item v-for="tab in getTabs()" :key="tab.name" style="padding-top: 20px;">
-			<g-field :fields="tab.fields" :model="model" :path="path" :no-layout="noLayout"
-							 :fill-height="fillHeight" :rootModel="_rootModel"/>
-		</v-tab-item>
-		<slot name="tab-append"></slot>
-	</v-tabs>
+  <g-tabs style="width: 100%" v-if="tabs" :items="tabsData" :class="{'tab-wrapper': fillHeight}" v-model="activeTab">
+    <template #tab="{item}">
+      <g-tab :key="item.name" :item="item">{{item.name}}</g-tab>
+    </template>
+    <template #default>
+      <g-tab-item v-for="tab in tabsData" :key="tab.name" style="padding-top: 20px;" :item="tab">
+        <g-field :fields="tab.fields" :model="model" :path="path" :no-layout="noLayout" :fill-height="fillHeight"
+                 :rootModel="_rootModel"/>
+      </g-tab-item>
+      <slot name="tab-append"></slot>
+    </template>
+  </g-tabs>
 
-	<v-layout row wrap :fill-height="fillHeight" v-else-if="fields">
-		<g-field v-for="(_field, index) in getFormFields()" :key="_field.key + index"
-						 :path="path"
-						 :field="_field" :model="model" :rootModel="_rootModel" :no-layout="noLayout"
-						 v-show="isVisible(_field)"/>
-		<v-flex xs12>
-			<v-chip v-for="(addField, index) in getAddFields()" v-show="isVisible(addField)" :key="addField.key + index"
-							color="#4dd8a7" text-color="white" @click="addNullValue(addField)">
-				<v-avatar>
-					<v-icon>add_circle</v-icon>
-				</v-avatar>
-				{{addField.label || addField.key}}
-			</v-chip>
-		</v-flex>
-	</v-layout>
+  <g-row :fill-height="fillHeight" v-else-if="fields">
+    <g-field v-for="(_field, index) in getFormFields()" :key="_field.key + index"
+             :path="path"
+             :field="_field" :model="model" :rootModel="_rootModel" :no-layout="noLayout"
+             v-show="isVisible(_field)"/>
+    <g-col xs12>
+      <g-chip v-for="(addField, index) in getAddFields()" v-show="isVisible(addField)" :key="addField.key + index"
+              backgroundColor="#e5efff" textColor="#1080ec" @click="addNullValue(addField)">
+        <g-avatar class="g-avatar__left">
+          <g-icon>add_circle</g-icon>
+        </g-avatar>
+        {{addField.label || addField.key}}
+      </g-chip>
+    </g-col>
+  </g-row>
 
-	<!--todo: object navigate-->
-	<component v-else :is="type" v-on="$listeners"
-						 :rootModel="_rootModel" :path="path"
-						 :model="model" :field="field" :in-array="inArray" :no-layout="noLayout">
-		<slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot"/>
-	</component>
+  <!--todo: object navigate-->
+  <component v-else :is="type" v-on="$listeners"
+             :rootModel="_rootModel" :path="path"
+             :model="model" :field="field" :in-array="inArray" :no-layout="noLayout">
+    <slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot"/>
+  </component>
 </template>
 
 <script>
-  import { Fragment } from 'vue-fragment';
-  import { upperFirst, filter, values, assign, cloneDeep, map } from 'lodash-es';
+  import {Fragment} from 'vue-fragment';
+  import {upperFirst, filter, values, assign, cloneDeep, map} from 'lodash-es';
+  import Vue from 'vue';
 
-  const _ = { upperFirst, filter, values, assign, cloneDeep, map };
+  const _ = {upperFirst, filter, values, assign, cloneDeep, map};
 
   import {
-    VTabs,
-    VTab,
-    VTabItem,
-    VLayout,
-    VFlex,
-    VMenu,
-    VBtn,
-    VList,
-    VListTile,
-    VListTileTitle,
-    VIcon,
-    VExpandTransition
-  } from 'vuetify/lib';
-  import Vue from 'vue';
-  import { _modelFactory, _rootModelFactory, addObjectItem, flexFactory, genPath, getLabel, labelFactory } from './FormFactory';
+    _modelFactory,
+    _rootModelFactory,
+    flexFactory,
+    genPath,
+    getLabel,
+    labelFactory
+  } from './FormFactory';
 
   export default {
     components: {
-      Fragment, VTabs, VTab, VTabItem, VLayout, VFlex,
-      VMenu, VBtn, VList, VListTile, VListTileTitle, VIcon
+      Fragment,
     },
     name: 'GField',
     props: {
@@ -73,13 +69,20 @@
       domain: String,
       fillHeight: Boolean,
     },
+    data() {
+      return {
+        tabsData: Array,
+        activeTab: Object,
+      }
+    },
     domain: ':domain',
     setup(props, context) {
       const _model = _modelFactory(props);
-      const flex = flexFactory(props)
+      const flex = flexFactory(props);
       const label = labelFactory(props);
       const _rootModel = _rootModelFactory(props);
-      return { _model, flex, label, getLabel, _rootModel }
+
+      return {_model, flex, label, getLabel, _rootModel}
     },
     computed: {
       type() {
@@ -94,18 +97,14 @@
       getFormFields() {
         return this.fields.filter(f => {
           if (!f.addable) return true;
-          if (typeof this.model[f.key] === 'undefined') return false;
-          return true;
+          return typeof this.model[f.key] !== 'undefined';
         })
       },
       getAddFields() {
         return this.fields.filter(f => {
           if (!f.addable) return false;
           if (typeof this.model[f.key] === 'undefined') return true;
-          if (f.type.includes('array') || f.type.includes('Array')) {
-            return true;
-          }
-          return false;
+          return !!(f.type.includes('array') || f.type.includes('Array'));
         })
       },
       addNullValue(field) {
@@ -120,8 +119,8 @@
       },
       getTabs() {
         const basic = _.filter(this.fields, f => ![].concat(..._.values(this.tabs)).includes(f.key)).map(f => f.key);
-        return _.map(_.assign({}, basic.length > 0 ? { basic } : {}, this.tabs), (tabFields, name) => {
-          return { name, fields: _.filter(this.fields, f => tabFields.includes(f.key)) };
+        return _.map(_.assign({}, basic.length > 0 ? {basic} : {}, this.tabs), (tabFields, name) => {
+          return {name, fields: _.filter(this.fields, f => tabFields.includes(f.key))};
         });
       },
       isVisible(field) {
@@ -141,6 +140,9 @@
       }
     },
     created() {
+      this.tabsData = this.getTabs();
+      this.activeTab = this.tabsData[0];
+
       if (this.fields) {
         this.fields.forEach(this.setProperty);
       } else if (!this.fields && this.field) {
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 4e90110..5ddeb86 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -1,53 +1,69 @@
 <template>
-	<v-flex xs12>
-		<div v-if="choiceExist">
-			<v-flex xs12>
-				<g-field :field="choiceField" :model="choiceModel" @remove-field="removeChoice" :in-array="true"
-				:root-model="rootModel" :path="choicePath" :no-layout="noLayout">
-					<template slot="action">
-						<v-btn small depressed class="remove-btn" @click="removeChoice()">
-							<v-icon>delete</v-icon>
-						</v-btn>
-					</template>
-					<template slot="btn-append">
-						<v-btn v-if="!inArray" depressed small color="gray" @click="removeChoice()">
-							<v-icon>delete_outline</v-icon>
-						</v-btn>
-					</template>
-				</g-field>
-			</v-flex>
-		</div>
-		<v-menu offset-y v-if="!choiceExist" z-index="1000">
-			<v-btn slot="activator" color="blue lighten-2" outline small>
-				{{choiceBtnPrepend}} {{getLabel(field)}}
-				<v-icon>arrow_drop_down</v-icon>
-			</v-btn>
-			<v-list>
-				<v-list-tile v-for="(choice, index) in _fields" :key="index" @click="selectChoice(choice)">
-					<v-list-tile-title>{{ getChoiceName(choice) }}</v-list-tile-title>
-				</v-list-tile>
-			</v-list>
-		</v-menu>
-	</v-flex>
+  <g-col xs12>
+    <div v-if="choiceExist">
+      <g-col xs12>
+        <g-field :field="choiceField" :model="choiceModel" @remove-field="removeChoice" :in-array="true"
+                 :root-model="rootModel" :path="choicePath" :no-layout="noLayout">
+          <template slot="action">
+            <g-btn icon depressed class="remove-btn" @click="removeChoice()">
+              <g-icon>delete</g-icon>
+            </g-btn>
+          </template>
+          <template slot="btn-append">
+            <g-btn v-if="!inArray" icon depressed textColor="gray" @click="removeChoice()">
+              <g-icon>delete_outline</g-icon>
+            </g-btn>
+          </template>
+        </g-field>
+      </g-col>
+    </div>
+    <g-menu offset-y v-if="!choiceExist" z-index="1000" v-model="showMenu" :closeOnContentClick="true">
+      <template #activator="{toggleContent}">
+        <g-btn @click="toggleContent" textColor="blue lighten-2" outlined small>
+          {{choiceBtnPrepend.toUpperCase()}} {{getLabel(field).toUpperCase()}}
+          <g-icon>arrow_drop_down</g-icon>
+        </g-btn>
+      </template>
+      <g-list :items="_fields">
+        <template #listItem="{item}">
+          <g-list-item :item="item" @singleItemClick="selectChoice(item)">
+            <g-list-item-content>
+              <g-list-item-text>{{ getChoiceName(item) }}</g-list-item-text>
+            </g-list-item-content>
+          </g-list-item>
+        </template>
+      </g-list>
+    </g-menu>
+  </g-col>
 </template>
 
 <script>
-  import { _fieldsFactory, _modelFactory, flexFactory, genPath, getChoiceName, getLabel, labelFactory } from './FormFactory';
+  import {
+    _fieldsFactory,
+    _modelFactory,
+    flexFactory,
+    genPath,
+    getChoiceName,
+    getLabel,
+    labelFactory
+  } from './FormFactory';
   import _ from 'lodash';
 
   export default {
     name: 'GFieldChoice',
-    props: ['model', 'field', 'inArray', 'rootModel', 'path','noLayout'],
+    props: ['model', 'field', 'inArray', 'rootModel', 'path', 'noLayout'],
     data: function () {
-      return {}
+      return {
+        showMenu: false,
+      }
     },
     setup(props, context) {
       const _model = _modelFactory(props);
-      const flex = flexFactory(props)
+      const flex = flexFactory(props);
       const label = labelFactory(props);
       const _fields = _fieldsFactory(props);
 
-      return { _model, flex, label, _fields }
+      return {_model, flex, label, _fields}
     },
     computed: {
       choiceExist() {
@@ -60,10 +76,10 @@
         if (!this.model[this.field.key]) this.$set(this.model, this.field.key, {});
         return this.model[this.field.key];
       },
-			choicePath() {
+      choicePath() {
         if (this.field.choiceKeyOutside) return this.path;
         return this.genPath(this.field.key)
-			},
+      },
       choiceBtnPrepend() {
         if (this.field.choiceKeyOutside) return 'Choose';
         return 'Add'
diff --git a/src/form/GFieldChoiceArray.vue b/src/form/GFieldChoiceArray.vue
index e50ee27..5905116 100644
--- a/src/form/GFieldChoiceArray.vue
+++ b/src/form/GFieldChoiceArray.vue
@@ -1,35 +1,52 @@
 <template>
-	<fragment>
-		<v-flex :class="[flex]" v-for="(val, index) in model[field.key]" :key="index">
-			<g-field-choice @remove-field="model[field.key].splice(index, 1)" :in-array="true"
-											:rootModel="rootModel" :path="genPath(field.key)"
-											:field="createChoiceArrayField(index)" :model="model[field.key]" :no-layout="noLayout"></g-field-choice>
-		</v-flex>
-		<v-flex class="md12">
-			<v-menu offset-y v-if="!inArray" z-index="1000">
-				<v-btn slot="activator" color="primary" small>
-					Add {{getLabel(field)}}
-					<v-icon>arrow_drop_down</v-icon>
-				</v-btn>
-				<v-list>
-					<v-list-tile v-for="(choice, index) in _fields" :key="index" @click="selectChoiceInArray(choice)">
-						<v-list-tile-title>{{ getChoiceName(choice) }}</v-list-tile-title>
-					</v-list-tile>
-				</v-list>
-			</v-menu>
-		</v-flex>
-	</fragment>
+  <fragment>
+    <g-col :class="[flex]" v-for="(val, index) in model[field.key]" :key="index">
+      <g-field-choice @remove-field="model[field.key].splice(index, 1)" :in-array="true"
+                      :rootModel="rootModel" :path="genPath(field.key)"
+                      :field="createChoiceArrayField(index)" :model="model[field.key]"
+                      :no-layout="noLayout"></g-field-choice>
+    </g-col>
+    <g-col md12>
+      <g-menu offset-y v-if="!inArray" z-index="1000" v-model="showMenu" :closeOnContentClick="true">
+        <template #activator="{toggleContent}">
+          <g-btn @click="toggleContent" backgroundColor="blue" textColor="white" small>
+            ADD {{getLabel(field).toUpperCase()}}
+            <g-icon>arrow_drop_down</g-icon>
+          </g-btn>
+        </template>
+        <g-list :items="_fields">
+          <template #listItem="{item}">
+            <g-list-item :item="item" @singleItemClick="selectChoiceInArray(item)">
+              <g-list-item-content>
+                <g-list-item-text>{{ getChoiceName(item) }}</g-list-item-text>
+              </g-list-item-content>
+            </g-list-item>
+          </template>
+        </g-list>
+      </g-menu>
+    </g-col>
+  </fragment>
 </template>
 
 <script>
-  import { _fieldsFactory, _modelFactory, flexFactory, genPath, getChoiceName, getLabel, labelFactory } from './FormFactory';
+  import {
+    _fieldsFactory,
+    _modelFactory,
+    flexFactory,
+    genPath,
+    getChoiceName,
+    getLabel,
+    labelFactory
+  } from './FormFactory';
   import _ from 'lodash';
 
   export default {
     name: 'GFieldChoiceArray',
     props: ['model', 'field', 'inArray', 'rootModel', 'path', 'noLayout'],
     data: function () {
-      return {}
+      return {
+        showMenu: false,
+      }
     },
     setup(props, context) {
       const _model = _modelFactory(props);
@@ -37,7 +54,7 @@
       const label = labelFactory(props);
       const _fields = _fieldsFactory(props);
 
-      return { _model, flex, label, _fields }
+      return {_model, flex, label, _fields}
     },
     computed: {
       choiceKey() {
@@ -49,7 +66,7 @@
       getLabel,
       getChoiceName,
       createArrayField(fields, $index) {
-        return _.assign(_.cloneDeep(fields[0]), { key: $index, flex: this.field.flex, label: this.label });
+        return _.assign(_.cloneDeep(fields[0]), {key: $index, flex: this.field.flex, label: this.label});
       },
       addItem() {
         if (!this.model[this.field.key]) this.$set(this.model, this.field.key, []);
@@ -67,7 +84,7 @@
       },
       selectChoiceInArray(choice) {
         if (!this.model[this.field.key]) this.$set(this.model, this.field.key, []);
-        this.model[this.field.key].push({ [this.choiceKey]: this.getChoiceName(choice) });
+        this.model[this.field.key].push({[this.choiceKey]: this.getChoiceName(choice)});
       },
     }
   }
diff --git a/src/form/GFieldObject.vue b/src/form/GFieldObject.vue
index ecebc2e..8c55dff 100644
--- a/src/form/GFieldObject.vue
+++ b/src/form/GFieldObject.vue
@@ -1,31 +1,41 @@
 <template>
-	<v-flex xs12 v-if="!noPanel">
-		<fieldset v-show="_fields && _fields.length > 0" style="position: relative">
-			<slot name="action">
-				<v-btn small depressed class="remove-btn" @click="model[field.key] = undefined">
-					<v-icon>delete</v-icon>
-				</v-btn>
-			</slot>
-			<legend v-if="label">
-				<span @click="collapse = !collapse">{{label}} {{collapse ? '+' : ''}}</span>
-			</legend>
-
-			<VExpandTransition>
-				<v-layout row wrap style="padding-top: 5px;" v-show="!collapse">
-					<g-field :fields="_fields" :model="_model" :rootModel="rootModel" :path="objectPath" :no-layout="noLayout"/>
-				</v-layout>
-			</VExpandTransition>
-		</fieldset>
-	</v-flex>
-
-	<v-flex xs12 v-else-if="noPanel" style="position: relative">
-		<slot name="action"/>
-		<g-field :fields="_fields" :model="_model" :rootModel="rootModel" :path="objectPath" :no-layout="noLayout"/>
-	</v-flex>
+  <g-col xs12 v-if="!noPanel">
+    <fieldset :class="collapse ? 'fieldset__collapsed' : ''" v-show="_fields && _fields.length > 0"
+              style="position: relative">
+      <div v-if="collapse" @click="collapse = !collapse" class="fieldset-activator"></div>
+      <slot name="action" :collapse="collapse">
+        <g-btn icon depressed class="remove-btn" @click="model[field.key] = undefined">
+          <g-icon>delete</g-icon>
+        </g-btn>
+      </slot>
+      <legend :class="collapse ? 'legend__collapsed' : ''" v-if="label">
+        <span @click="collapse = !collapse">{{label}} {{collapse ? '+' : ''}}</span>
+      </legend>
+
+      <GExpandTransition>
+        <g-row v-show="!collapse">
+          <g-field :fields="_fields" :model="_model" :rootModel="rootModel" :path="objectPath" :no-layout="noLayout"/>
+        </g-row>
+      </GExpandTransition>
+    </fieldset>
+  </g-col>
+
+  <g-col xs12 v-else-if="noPanel" style="position: relative">
+    <slot name="action"/>
+    <g-field :fields="_fields" :model="_model" :rootModel="rootModel" :path="objectPath" :no-layout="noLayout"/>
+  </g-col>
 </template>
 
 <script>
-  import { _fieldsFactory, _modelFactory, addObjectItem, flexFactory, genPath, getLabel, labelFactory } from './FormFactory';
+  import {
+    _fieldsFactory,
+    _modelFactory,
+    addObjectItem,
+    flexFactory,
+    genPath,
+    getLabel,
+    labelFactory
+  } from './FormFactory';
   import _ from 'lodash';
 
   export default {
@@ -36,19 +46,19 @@
     }),
     setup(props, context) {
       const _model = _modelFactory(props);
-      const flex = flexFactory(props)
+      const flex = flexFactory(props);
       const label = labelFactory(props);
       const _fields = _fieldsFactory(props);
 
-      return { _model, flex, label, _fields }
+      return {_model, flex, label, _fields}
     },
     computed: {
       noPanel() {
         return this.field.noPanel;
       },
-			objectPath() {
+      objectPath() {
         return genPath.bind(this)(this.field.key);
-			}
+      }
     },
     methods: {
       getLabel,
@@ -57,59 +67,82 @@
 </script>
 
 <style lang="scss" scoped>
-	fieldset {
-		padding: 0 10px 10px 10px;
-		position: relative;
-		top: 0;
-		border: 1px solid #eee;
-		border-radius: 2px;
-		//background-color: rgba(128, 128, 128, 0.03);
-		width: 100%;
-		margin-bottom: 20px;
-	}
-
-	legend {
-		color: #337ab7;
-		border: 0;
-		margin-left: 10px;
-		width: initial;
-		padding: 1px 5px;
-		font-size: 1.3em;
-		font-weight: 300;
-		font-family: Roboto, sans-serif;
-	}
-
-	.add-btn {
-		margin-left: 0;
-		box-shadow: 0 1px 1px 0 #9c9c9c;
-	}
-
-	.remove-btn {
-		position: absolute;
-		right: 0;
-		top: 14px;
-		margin: 0;
-		font-size: 1.3em;
-		padding: 0px;
-		min-width: 32px;
-		width: 32px;
-		border: 1px solid #eaeaea;
-		background-color: #f9f9f9 !important;
-		z-index: 10;
-		height: 23px;
-
-		::v-deep .v-icon {
-			font-size: 0.9em;
-			color: #6d6d6d;
-		}
-	}
-
-	.fix-inline {
-		padding-right: 7px;
-		padding-left: 7px;
-
-		.remove-btn {
-			right: 0px;
-		}
-	}
+  fieldset {
+    padding: 0 10px 10px 10px;
+    position: relative;
+    top: 0;
+    border: 1px solid #eee;
+    border-radius: 2px;
+    //background-color: rgba(128, 128, 128, 0.03);
+    width: 100%;
+    margin-bottom: 20px;
+    min-height: 60px;
+  }
+
+  legend {
+    color: #337ab7;
+    border: 0;
+    margin-left: 10px;
+    width: initial;
+    padding: 1px 5px;
+    font-size: 1.3em;
+    font-weight: 300;
+    font-family: Roboto, sans-serif;
+    transition: 200ms;
+  }
+
+  .fieldset__collapsed {
+    transform: translateY(16px);
+  }
+
+  .legend__collapsed {
+    transform: translateY(12px);
+    position: absolute;
+  }
+
+  .add-btn {
+    margin-left: 0;
+    box-shadow: 0 1px 1px 0 #9c9c9c;
+  }
+
+  ::v-deep .remove-btn {
+    position: absolute;
+    right: 0;
+    top: 16px;
+    margin: 0;
+    font-size: 1.3em;
+    padding: 0;
+    min-width: 33px !important;
+    width: 33px !important;
+    z-index: 10;
+    height: 33px !important;
+
+    ::v-deep .v-icon {
+      font-size: 0.9em;
+      color: #6d6d6d;
+    }
+
+    &.g-btn {
+      position: absolute;
+    }
+
+    &__collapsed {
+      top: 10px !important;
+    }
+  }
+
+  .fix-inline {
+    padding-right: 7px;
+    padding-left: 7px;
+
+    .remove-btn {
+      right: 0;
+    }
+  }
+
+  .fieldset-activator {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+  }
 </style>
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index e219bce..28aacbe 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -1,24 +1,36 @@
 <template>
-	<v-flex xs12>
-		<v-layout row wrap>
-			<v-flex :class="[flex, flex !== 'xs12' ? 'fix-inline': '']" v-for="(val, index) in model[field.key]" :key="index"
-							style="position: relative;">
-				<g-field-object :field="createObjectArrayField(field.fields, index)" :model="model[field.key]"
-												:in-array="true" :rootModel="rootModel" :path="genPath(field.key)" :no-layout="noLayout">
-					<v-btn slot="action" small depressed class="remove-btn" @click="model[field.key].splice(index, 1)">
-						<v-icon>delete</v-icon>
-					</v-btn>
-				</g-field-object>
-			</v-flex>
-		</v-layout>
-		<v-btn color="blue lighten-2" outline small @click="addObjectItem()" v-if="!field.addable">
-			Add {{getLabel(field)}}
-		</v-btn>
-	</v-flex>
+  <g-col xs12>
+    <g-row>
+      <g-col :class="[flex, flex !== 'col-xs-12' ? 'fix-inline': '']" v-for="(val, index) in model[field.key]"
+             :key="index"
+             style="position: relative">
+        <g-field-object :field="createObjectArrayField(field.fields, index)" :model="model[field.key]"
+                        :in-array="true" :rootModel="rootModel" :path="genPath(field.key)" :no-layout="noLayout">
+          <template #action="{collapse}">
+            <g-btn icon depressed :class="collapse ? 'remove-btn__collapsed' : ''"
+                   class="remove-btn" @click="model[field.key].splice(index, 1)">
+              <g-icon>delete</g-icon>
+            </g-btn>
+          </template>
+        </g-field-object>
+      </g-col>
+    </g-row>
+    <g-btn textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">
+      ADD {{getLabel(field).toUpperCase()}}
+    </g-btn>
+  </g-col>
 </template>
 
 <script>
-  import { _fieldsFactory, _modelFactory, addObjectItem, flexFactory, genPath, getLabel, labelFactory } from './FormFactory';
+  import {
+    _fieldsFactory,
+    _modelFactory,
+    addObjectItem,
+    flexFactory,
+    genPath,
+    getLabel,
+    labelFactory
+  } from './FormFactory';
   import _ from 'lodash';
 
   export default {
@@ -29,11 +41,11 @@
     },
     setup(props, context) {
       const _model = _modelFactory(props);
-      const flex = flexFactory(props)
+      const flex = flexFactory(props);
       const label = labelFactory(props);
       const _fields = _fieldsFactory(props);
 
-      return { _model, flex, label, _fields }
+      return {_model, flex, label, _fields}
     },
     computed: {},
     methods: {
@@ -41,7 +53,7 @@
       getLabel,
       addObjectItem,
       createObjectArrayField(fields, index) {
-        return { key: index, type: 'object', label: this.label, fields };
+        return {key: index, type: 'object', label: this.label, fields};
       },
     }
   }
diff --git a/src/form/GFieldSimpleArray.vue b/src/form/GFieldSimpleArray.vue
index 78b4fe2..d7b64df 100644
--- a/src/form/GFieldSimpleArray.vue
+++ b/src/form/GFieldSimpleArray.vue
@@ -1,21 +1,21 @@
 <template>
-	<fragment>
-		<v-flex class="xs12" v-for="(val, index) in model[field.key]" :key="index">
-			<g-field @remove-field="_model.splice(index, 1)" :in-array="true" :no-layout="false"
-							 :path="genPath(field.key)" :root-model="rootModel"
-							 :field="createArrayField(field.fields, index)" :model="model[field.key]"></g-field>
-		</v-flex>
-		<v-flex class="xs12">
-			<v-btn color="blue lighten-2" outline small @click="addItem()">
-				Add {{label}}
-			</v-btn>
-			<slot name="btn-append"></slot>
-		</v-flex>
-	</fragment>
+  <fragment>
+    <g-col xs12 v-for="(val, index) in model[field.key]" :key="index">
+      <g-field @remove-field="_model.splice(index, 1)" :in-array="true" :no-layout="false"
+               :path="genPath(field.key)" :root-model="rootModel"
+               :field="createArrayField(field.fields, index)" :model="model[field.key]"></g-field>
+    </g-col>
+    <g-col xs12>
+      <g-btn textColor="blue lighten-2" outlined small @click="addItem()">
+        Add {{label}}
+      </g-btn>
+      <slot name="btn-append"></slot>
+    </g-col>
+  </fragment>
 </template>
 
 <script>
-  import { _fieldsFactory, _modelFactory, flexFactory, genPath, labelFactory } from './FormFactory';
+  import {_fieldsFactory, _modelFactory, flexFactory, genPath, labelFactory} from './FormFactory';
   import _ from 'lodash';
 
   export default {
@@ -30,13 +30,13 @@
       const label = labelFactory(props);
       const _fields = _fieldsFactory(props);
 
-      return { _model, flex, label, _fields }
+      return {_model, flex, label, _fields}
     },
     computed: {},
     methods: {
       genPath,
       createArrayField(fields, $index) {
-        return _.assign(_.cloneDeep(fields[0]), { key: $index, flex: this.field.flex, label: this.label });
+        return _.assign(_.cloneDeep(fields[0]), {key: $index, flex: this.field.flex, label: this.label});
       },
       addItem() {
         if (!this.model[this.field.key]) this.$set(this.model, this.field.key, []);
diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index 40fd54d..806770b 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -1,58 +1,59 @@
 <template>
-	<v-flex xs12>
-		<table class="v-datatable v-table theme--light v-gfield-table"
-					 v-if="model[field.key] && model[field.key].length > 0">
-			<thead>
-			<tr>
-				<th v-if="field.expansion" style="width: 15px"></th>
-				<th v-for="_field in mainFields">{{getLabel(_field)}}</th>
-				<th>X</th>
-			</tr>
-			</thead>
-
-			<tbody>
-			<template v-for="(val, index) in model[field.key]">
-				<tr class="text-md-center">
-					<td v-if="field.expansion" style="width: 15px" @click="toggleRowDetail(index)">
-						<v-icon>keyboard_arrow_{{rowDetail === index ? 'down': 'right'}}</v-icon>
-					</td>
-					<td v-for="_field in mainFields" class="input-group-sm">
-						<g-field :field="makeTableCell(_field)" :model="model[field.key][index]"
-										 :root-model="rootModel" :path="genPath(field.key, index)"/>
-					</td>
-					<td>
-						<v-icon @click="model[field.key].splice(index, 1)">delete</v-icon>
-					</td>
-				</tr>
-				<VExpandTransition>
-					<tr v-if="field.expansion" v-show="rowDetail === index" class="g-expansion"
-							style="border-bottom: 1px solid rgba(0,0,0,0.12);background-color: #f3f3f3;">
-						<td :colspan="field.fields.length + 2" style="height: 0 !important;">
-							<VExpandTransition>
-								<v-card v-show="rowDetail === index" flat
-												style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
-									<v-card-text>
-										<g-field :fields="expansionFields" :model="model[field.key][index]"
-														 :root-model="rootModel" :path="genPath(field.key, index)"/>
-									</v-card-text>
-								</v-card>
-							</VExpandTransition>
-						</td>
-					</tr>
-				</VExpandTransition>
-			</template>
-
-			</tbody>
-
-		</table>
-		<v-btn color="blue lighten-2" outline small @click="addObjectItem()" v-if="!field.addable">Add {{getLabel(field)}}
-		</v-btn>
-		<slot name="btn-append"></slot>
-	</v-flex>
+  <g-col xs12>
+    <table class="v-datatable v-table theme--light v-gfield-table"
+           v-if="model[field.key] && model[field.key].length > 0">
+      <thead>
+      <tr>
+        <th v-if="field.expansion" style="width: 15px"></th>
+        <th v-for="_field in mainFields">{{getLabel(_field)}}</th>
+        <th>X</th>
+      </tr>
+      </thead>
+
+      <tbody>
+      <template v-for="(val, index) in model[field.key]">
+        <tr class="text-md-center">
+          <td v-if="field.expansion" style="width: 15px" @click="toggleRowDetail(index)">
+            <g-icon>keyboard_arrow_{{rowDetail === index ? 'down': 'right'}}</g-icon>
+          </td>
+          <td v-for="_field in mainFields" class="input-group-sm">
+            <g-field :field="makeTableCell(_field)" :model="model[field.key][index]"
+                     :root-model="rootModel" :path="genPath(field.key, index)"/>
+          </td>
+          <td>
+            <g-icon @click="model[field.key].splice(index, 1)">delete</g-icon>
+          </td>
+        </tr>
+        <GExpandTransition>
+          <tr v-if="field.expansion" v-show="rowDetail === index" class="g-expansion"
+              style="border-bottom: 1px solid rgba(0,0,0,0.12);background-color: #f3f3f3;">
+            <td :colspan="field.fields.length + 2" style="height: 0 !important;">
+              <GExpandTransition>
+                <g-card v-show="rowDetail === index" flat
+                        style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
+                  <g-card-text>
+                    <g-field :fields="expansionFields" :model="model[field.key][index]"
+                             :root-model="rootModel" :path="genPath(field.key, index)"/>
+                  </g-card-text>
+                </g-card>
+              </GExpandTransition>
+            </td>
+          </tr>
+        </GExpandTransition>
+      </template>
+
+      </tbody>
+
+    </table>
+    <g-btn textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">Add
+      {{getLabel(field)}}
+    </g-btn>
+    <slot name="btn-append"></slot>
+  </g-col>
 </template>
 
 <script>
-  import { _modelFactory, addObjectItem, flexFactory, genPath, getLabel, labelFactory } from './FormFactory';
+  import {_modelFactory, addObjectItem, flexFactory, genPath, getLabel, labelFactory} from './FormFactory';
   import _ from 'lodash';
 
   export default {
@@ -66,7 +67,7 @@
       const flex = flexFactory(props)
       const label = labelFactory(props);
 
-      return { _model, flex, label, getLabel }
+      return {_model, flex, label, getLabel}
     },
     computed: {
       mainFields() {
@@ -90,62 +91,62 @@
         }
       },
       makeTableCell(field) {
-        return _.assign(field, { tableCell: true });
+        return _.assign(field, {tableCell: true});
       },
     }
   }
 </script>
 
 <style lang="scss" scoped>
-	table.v-table tbody td:not(:nth-child(1)) {
-		padding: 0 10px;
-	}
-
-	.v-datatable.v-table thead tr {
-		height: 40px;
-	}
-
-	.v-datatable.v-table tbody td {
-		height: 44px;
-		padding: 0 10px !important;
-
-		.v-text-field .v-input__append-inner {
-			padding-left: 0 !important;
-		}
-	}
-
-	.v-datatable.v-table th {
-		padding: 0 18px;
-	}
-
-	.theme--light.v-table {
-		//background-color: transparent;
-	}
-
-	.fix-inline {
-		padding-right: 7px;
-		padding-left: 7px;
-
-		.remove-btn {
-			right: 7px;
-		}
-	}
+  table.v-table tbody td:not(:nth-child(1)) {
+    padding: 0 10px;
+  }
+
+  .v-datatable.v-table thead tr {
+    height: 40px;
+  }
+
+  .v-datatable.v-table tbody td {
+    height: 44px;
+    padding: 0 10px !important;
+
+    .v-text-field .v-input__append-inner {
+      padding-left: 0 !important;
+    }
+  }
+
+  .v-datatable.v-table th {
+    padding: 0 18px;
+  }
+
+  .theme--light.v-table {
+    //background-color: transparent;
+  }
+
+  .fix-inline {
+    padding-right: 7px;
+    padding-left: 7px;
+
+    .remove-btn {
+      right: 7px;
+    }
+  }
 </style>
 
 <style lang="scss">
-	.tab-wrapper {
-		.v-tabs__bar {
-			position: sticky;
-			top: 0;
-			z-index: 10;
-		}
-
-		.v-window {
-			height: calc(100% - 50px)
-		}
-
-		&, .v-window__container, .v-window-item {
-			height: 100%
-		}
-	}
+  .tab-wrapper {
+    .v-tabs__bar {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+    }
+
+    .v-window {
+      height: calc(100% - 50px)
+    }
+
+    &, .v-window__container, .v-window-item {
+      height: 100%
+    }
+  }
 </style>
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 57db505..81c2b7b 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -1,58 +1,57 @@
 <template>
-	<v-flex :class="[flex,paddingClass]" v-if="inputType === 'switch'">
-		<v-switch color="success" :label="field.tableCell ? '': label" v-model="internalValue"/>
-	</v-flex>
-	<v-flex :class="[flex,paddingClass]" v-else-if="inputType === 'checkbox'">
-		<v-checkbox color="success" :label="field.tableCell ? '': label" v-model="internalValue"/>
-	</v-flex>
-	<v-flex :class="[flex,paddingClass]" v-else-if="inputType === 'select' || inputType === 'select:number'">
-		<component :is="field.notOnlyValueInOptions ? 'v-combobox': 'v-autocomplete'" v-model="internalValue" :items="options"
-							 :item-text="field.itemText" :item-value="field.itemValue"
-							 :chips="field.chips" :small-chips="field.chips"
-							 :label="field.tableCell ? '': label" clearable
-							 @change="onChange"
-							 :return-object="!!field.returnObject"
-							 :menu-props="{'z-index': 1000, 'closeOnContentClick': true}">
-			<v-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</v-icon>
-		</component>
-	</v-flex>
-	<v-flex :class="[flex,paddingClass]"
-					v-else-if="inputType === 'multiSelect' || inputType === 'multiSelect:number'">
-		<v-combobox
-				v-model="internalValue"
-				:item-text="field.itemText" :item-value="field.itemValue"
-				:items="options"
-				hide-selected
-				:label="field.tableCell ? '': label"
-				multiple
-				small-chips
-				deletable-chips
-				:return-object="!!field.returnObject"
-				:menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
-		>
-			<v-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</v-icon>
-		</v-combobox>
-	</v-flex>
-	<input v-else-if="field.tableCell" :type="inputType" v-model="internalValue"
-				 class="form-control">
-	<v-flex :class="[flex,paddingClass]" v-else>
-		<v-text-field v-model="internalValue" :label="label" :type="inputType">
-			<v-icon slot="append" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</v-icon>
-			<v-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</v-icon>
-		</v-text-field>
-	</v-flex>
+  <g-col :class="[flex,paddingClass]" v-if="inputType === 'switch'">
+    <g-switch :label="field.tableCell ? '': label" v-model="internalValue"/>
+  </g-col>
+  <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'checkbox'">
+    <g-checkbox :label="field.tableCell ? '': label" v-model="internalValue"/>
+  </g-col>
+  <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'select' || inputType === 'select:number'">
+    <component :is="field.notOnlyValueInOptions ? 'g-combobox': 'g-autocomplete'" v-model="internalValue"
+               :items="options"
+               :item-text="field.itemText" :item-value="field.itemValue"
+               :chips="field.chips" :small-chips="field.chips"
+               :label="field.tableCell ? '': label" clearable
+               @change="onChange"
+               :return-object="!!field.returnObject"
+               :menu-props="{'z-index': 1000, 'closeOnContentClick': true}">
+      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+    </component>
+  </g-col>
+  <g-col :class="[flex,paddingClass]"
+         v-else-if="inputType === 'multiSelect' || inputType === 'multiSelect:number'">
+    <g-combobox
+        v-model="internalValue"
+        :item-text="field.itemText" :item-value="field.itemValue"
+        :items="options"
+        hide-selected
+        :label="field.tableCell ? '': label"
+        multiple
+        small-chips
+        deletable-chips
+        :return-object="!!field.returnObject"
+        :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
+    >
+      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+    </g-combobox>
+  </g-col>
+  <input v-else-if="field.tableCell" :type="inputType" v-model="internalValue" class="form-control">
+  <g-col :class="[flex,paddingClass]" v-else>
+    <g-text-field v-model="internalValue" :label="label" :type="inputType">
+      <g-icon slot="append" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</g-icon>
+      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+    </g-text-field>
+  </g-col>
 </template>
 <script>
   //not required but this baseField has a lot of useful stuff already in it, check it out
-  import { Fragment } from 'vue-fragment';
-  import { upperFirst, get } from 'lodash-es';
-  import { VFlex, VSwitch, VSelect, VTextField, VIcon } from 'vuetify/lib';
-  import dayjs from 'dayjs'
+  import {Fragment} from 'vue-fragment';
+  import {upperFirst, get} from 'lodash-es';
+  import dayjs from 'dayjs';
 
-  const _ = { upperFirst, get };
+  const _ = {upperFirst, get};
 
   export default {
-    components: { Fragment, VFlex, VSwitch, VSelect, VTextField, VIcon },
+    components: {Fragment},
     name: 'GInput',
     props: ['model', 'field', 'inArray', 'noFlex', 'rootModel', 'path', 'noLayout'],
     computed: {
@@ -101,14 +100,14 @@
         }
         if (this.inputType.includes('number')) {
           return this.field.options.map(opt => {
-            if (typeof opt === 'object') return Object.assign(opt, { value: parseFloat(opt.value) });
+            if (typeof opt === 'object') return Object.assign(opt, {value: parseFloat(opt.value)});
             return parseFloat(opt);
           });
         }
         return this.field.options;
       },
       flex() {
-        return this.noLayout ? 'xs12' : this.field.flex;
+        return this.noLayout ? 'col-xs-12' : this.field.flex;
       }
     },
     created() {
@@ -145,65 +144,65 @@
 </script>
 
 <style lang="scss">
-	@import "~bootstrap/scss/functions";
-	@import "~bootstrap/scss/variables";
-	@import "~bootstrap/scss/mixins";
-	@import "~bootstrap/scss/forms";
+  @import "~bootstrap/scss/functions";
+  @import "~bootstrap/scss/variables";
+  @import "~bootstrap/scss/mixins";
+  @import "~bootstrap/scss/forms";
 
-	.v-input--switch .v-input__slot {
-		margin-bottom: 0 !important;
-	}
+  .v-input--switch .v-input__slot {
+    margin-bottom: 0 !important;
+  }
 
-	.v-input--selection-controls {
-		margin-top: 20px !important;
-	}
+  .v-input--selection-controls {
+    margin-top: 20px !important;
+  }
 
-	.v-text-field.v-text-field--solo .v-input__control {
+  .v-text-field.v-text-field--solo .v-input__control {
 
-	}
+  }
 
-	.v-select__slot {
-		.v-input__icon--clear .v-icon {
-			color: #d3d3d3 !important;
-		}
-	}
+  .v-select__slot {
+    .v-input__icon--clear .v-icon {
+      color: #d3d3d3 !important;
+    }
+  }
 
-	table tr:not(.g-expansion) {
-		.v-select__slot {
-			//height: calc(2.25rem + 2px);
-			padding-left: 10px;
-			border-radius: 4px;
-			border: 1px solid #0000002e;
-			background-color: white;
+  table tr:not(.g-expansion) {
+    .v-select__slot {
+      //height: calc(2.25rem + 2px);
+      padding-left: 10px;
+      border-radius: 4px;
+      border: 1px solid #0000002e;
+      background-color: white;
 
-			.v-input__icon--clear {
-				display: none !important;
-				color: #d3d3d3 !important;
-			}
+      .v-input__icon--clear {
+        display: none !important;
+        color: #d3d3d3 !important;
+      }
 
-			input {
-				font-size: 1rem;
-			}
+      input {
+        font-size: 1rem;
+      }
 
-			.v-input__icon.v-input__icon--append {
-				width: 12px !important;
-				min-width: 12px;
-				padding-right: 9px;
-			}
-		}
+      .v-input__icon.v-input__icon--append {
+        width: 12px !important;
+        min-width: 12px;
+        padding-right: 9px;
+      }
+    }
 
-		.v-input__slot {
-			&:before {
-				border: none !important;
-			}
-		}
+    .v-input__slot {
+      &:before {
+        border: none !important;
+      }
+    }
 
-		.v-select {
-			padding-top: 4px;
-		}
+    .v-select {
+      padding-top: 4px;
+    }
 
-		.v-text-field__details {
-			display: none;
-		}
-	}
+    .v-text-field__details {
+      display: none;
+    }
+  }
 </style>
diff --git a/src/main.js b/src/main.js
index 9ff029c..c787dbe 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,10 +8,12 @@ import GFieldChoice from './form/GFieldChoice';
 import GFieldChoiceArray from './form/GFieldChoiceArray';
 import GFieldObjectArray from './form/GFieldObjectArray';
 import GFieldObject from './form/GFieldObject';
+import GigaComponents from "./plugins/giga-components";
 
 let GForm = {
   install(Vue, options) {
     //Vue.yourMethod = (value) => value
+    Vue.use(GigaComponents);
     Vue.use(VueColumnsResizable);
     Vue.component('GField', GField);
     Vue.component('GFieldSimpleArray', GFieldSimpleArray);
diff --git a/src/plugins/giga-components.js b/src/plugins/giga-components.js
new file mode 100644
index 0000000..62aee2b
--- /dev/null
+++ b/src/plugins/giga-components.js
@@ -0,0 +1,7 @@
+import Vue from 'vue';
+import GigaComponents from "pos-vue-framework";
+import 'pos-vue-framework/src/style/main.scss';
+
+Vue.use(GigaComponents, {});
+
+export default GigaComponents;
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
deleted file mode 100644
index c6bb482..0000000
--- a/src/plugins/vuetify.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import Vue from 'vue'
-import Vuetify from 'vuetify'
-import 'vuetify/src/stylus/app.styl'
-
-Vue.use(Vuetify, {
-   customProperties: true,
-   iconfont: 'md',
-})
diff --git a/src/stories/FormStory2.vue b/src/stories/FormStory2.vue
index a96fe53..7e751f1 100644
--- a/src/stories/FormStory2.vue
+++ b/src/stories/FormStory2.vue
@@ -1,78 +1,26 @@
-<!--<template>
-	<v-app>
-		<v-layout row wrap style="width: 70%;padding: 20px">
-			<g-field :fields="fields" :model="model" :tabs="tabs"></g-field>
-			<br><br>
-			<div>
-				{{model}}
-			</div>
-		</v-layout>
-	</v-app>
-</template>-->
-
 <script>
-  //import _ from 'lodash';
-  //import {VApp} from 'vuetify/lib';
   import GForm from '../main';
-  //import GForm from '../../dist/GForm.umd';
   import Vue from 'vue';
-  import { Fragment } from 'vue-fragment';
-  import {
-    VTabs,
-    VTab,
-    VTabItem,
-    VLayout,
-    VFlex,
-    VMenu,
-    VBtn,
-    VList,
-    VListTile,
-    VListTileTitle,
-    VIcon,
-    VExpandTransition
-  } from 'vuetify/lib';
+  import {Fragment} from 'vue-fragment';
   import RenderVNodes from '../components/RenderVNodes';
-  import TestLayout from './TestLayout';
-
 
   Vue.use(GForm);
 
   export default {
     name: 'form-story2',
-    components: {
-      Fragment, VTabs, VTab, VTabItem, VLayout, VFlex,
-      VMenu, VBtn, VList, VListTile, VListTileTitle, VIcon,
-      RenderVNodes, VExpandTransition, TestLayout
-    },
+    components: {Fragment, RenderVNodes},
     data() {
       return {
         dialog: false,
         model: {
           name: 'test',
-          //nr: 3,
-          //addressArray0: {},
-          /*addressArray1: [
-						{ street: 'a1', city: 'b1' },
-						{ street: 'a2', city: 'b2' }
-					],*/
-          //addressArray2: ['a', 'b'],
           addressArray3: [
-            { street: 'a1', city: 'b1' },
-            { street: 'a2', city: 'b2' }
+            {street: 'a1', city: 'b1'},
+            {street: 'a2', city: 'b2'}
           ],
-          /*layout: {
-						layoutType: 'linear',
-						linearName: 'linear1'
-					},*/
           //choice at root
           type: 'linear',
           linearName: 'test',
-          /*optionsChoice: "simple",
-					options: [ "a", "v" ]*/
-          /*layout2: [
-						{ type: 'linear', linearName: 'asdf' },
-						{ type: 'grid', gridName: 'asdf' }
-					]*/
         },
         tabs: {
           Simple: ['addressArray2'],
@@ -84,59 +32,54 @@
           Options: ['options'],
         },
         fields: [
-          { key: 'name', type: 'input', flex: 'md6', default: 'name' },
-          { key: 'nr', type: 'input@number', flex: 'md6', addable: true },
-          { key: 'switch', type: 'input', inputType: 'switch', flex: 'md6' },
+          {key: 'name', type: 'input', flex: 'md-6', default: 'name'},
+          {key: 'nr', type: 'input@number', flex: 'md-6', addable: true},
+          {key: 'switch', type: 'input', inputType: 'switch', flex: 'md-6'},
           {
-            key: 'sex', type: 'input', inputType: 'select', flex: 'md6',
-            options: [{ text: 'male', value: 0 }, { text: 'female', value: 1 }]
+            key: 'sex', type: 'input', inputType: 'select', flex: 'md-6', itemText: 'text', itemValue: 'value', sex: '',
+            options: [{text: 'male', value: 0}, {text: 'female', value: 1}]
           },
           {
-            key: 'sexFn', type: 'input', inputType: 'select', flex: 'md6',
+            key: 'sexFn', type: 'input', inputType: 'select', flex: 'md-6',
             options: (formState) => {
-              return [{ text: 'male', value: 0 }, { text: 'female', value: 1 }];
+              return [{text: 'male', value: 0}, {text: 'female', value: 1}];
             }
           },
-          { key: 'date', type: 'input@datetime-local', flex: 'md6' },
+          {key: 'date', type: 'input@datetime-local', flex: 'md-6'},
           {
             key: 'address', type: 'object',
-            fields: [{ key: 'street', type: 'input', flex: 'md6' }, { key: 'city', type: 'input', flex: 'md6' },]
+            fields: [{key: 'street', type: 'input', flex: 'md-6'}, {key: 'city', type: 'input', flex: 'md-6'},]
           },
-          /*{
-            key: 'addressArray0', type: 'object', label: 'Address0',
-            noPanel: true,
-            fields: [{ key: 'street', type: 'input', flex: 'md6' }, { key: 'city', type: 'input', flex: 'md6' },]
-          },*/
           {
-            key: 'addressArray1', type: 'array', label: 'Address1',
-            fields: [{ key: 'street', type: 'input', flex: 'md6' }, { key: 'city', type: 'input', flex: 'md6' },]
+            key: 'addressArray1', type: 'array', label: 'Address1', flex: 'md-3',
+            fields: [{key: 'street', type: 'input', flex: 'md-6'}, {key: 'city', type: 'input', flex: 'md-6'},]
           },
           {
             key: 'addressArray2', type: 'array', label: 'Address2',
-            fields: [{ type: 'input', flex: 'md12' }]
+            fields: [{type: 'input', flex: 'md-12'}]
           },
           {
             key: 'addressArray3', type: 'tableArray', label: 'Address3',
-            fields: [{ key: 'street', type: 'input', flex: 'md6' }, { key: 'city', type: 'input', flex: 'md6' },]
+            fields: [{key: 'street', type: 'input', flex: 'md-6'}, {key: 'city', type: 'input', flex: 'md-6'},]
           },
           {
             key: 'layout', type: 'choice', choiceKey: 'layoutType',
             fields: [{
               key: 'linear', type: 'object',
-              fields: [{ key: 'linearName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'linearName', type: 'input', flex: 'md-12'}]
             }, {
               key: 'grid', type: 'object',
-              fields: [{ key: 'gridName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'gridName', type: 'input', flex: 'md-12'}]
             }]
           },
           {
             key: 'layout2', type: 'choiceArray', label: 'Layout', choiceKey: 'type',
             fields: [{
               choiceName: 'linear', type: 'object',
-              fields: [{ key: 'linearName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'linearName', type: 'input', flex: 'md-12'}]
             }, {
               choiceName: 'grid', type: 'object',
-              fields: [{ key: 'gridName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'gridName', type: 'input', flex: 'md-12'}]
             }]
           },
           {
@@ -144,10 +87,10 @@
             fields: [{
               //todo: use choiceName instead of key
               choiceName: 'linear', type: 'object',
-              fields: [{ key: 'linearName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'linearName', type: 'input', flex: 'md-12'}]
             }, {
               choiceName: 'grid', type: 'object',
-              fields: [{ key: 'gridName', type: 'input', flex: 'md12' }]
+              fields: [{key: 'gridName', type: 'input', flex: 'md-12'}]
             }]
           },
           {
@@ -155,10 +98,10 @@
             key: 'options', type: 'choice', choiceKeyOutside: true, choiceKey: 'optionsChoice',
             fields: [{
               choiceName: 'simple', type: 'array',
-              fields: [{ key: 'simple', type: 'input', flex: 'md12' }]
+              fields: [{key: 'simple', type: 'input', flex: 'md-12'}]
             }, {
               choiceName: 'textValue', type: 'tableArray',
-              fields: [{ key: 'text', type: 'input', flex: 'md12' }, { key: 'value', type: 'input', flex: 'md12' }]
+              fields: [{key: 'text', type: 'input', flex: 'md-12'}, {key: 'value', type: 'input', flex: 'md-12'}]
             }]
           }
         ]
@@ -168,62 +111,47 @@
       const genComp = function () {
         const fields = this.fields;
         const model = this.model;
-        const _fields = <g-field path="deep" tabs={this.tabs} fields={fields} propsModel={model}></g-field>
-        /*{_fields.map((field, index) => {
-					const path = field.data.attrs.path;
-					return <template slot={path}>{field}</template>
-				})}*/
-        /*const content = <test-layout>
-          {_fields}
-        </test-layout>*/
+        const _fields = <g-field path="deep" tabs={this.tabs} fields={fields} propsModel={model}/>
 
-        return <v-app>
-          <v-layout row wrap style="width: 90%;padding: 20px">
+        return <div data-app>
+          <g-row style="width: 90%;padding: 20px">
             {_fields}
             <br/><br/>
-            <v-flex xs12>
+            <g-row class="col-xs-12">
               <div>
                 {JSON.stringify(model)}
               </div>
-            </v-flex>
-          </v-layout>
-        </v-app>
+            </g-row>
+          </g-row>
+        </div>
       }
       return {
         genComp
       }
     },
     render(h) {
-      //const { fields, model, tabs } = this;
       return this.genComp.bind(this)();
     }
   }
 </script>
 
 <style scoped lang="scss">
-	.keyboard-container {
-		display: grid;
-		/*@formatter:off*/
-		grid-template:
-				'header header header header' 1fr
-				'step step step step' 0.9fr
-				'input input input input' 0.7fr
-				'btn7 btn8 btn9 bsp' 1fr
-				'btn4 btn5 btn6 abc' 1fr
-				'btn1 btn2 btn3 ok' 1fr
-				'logout btn0 cancel ok' 1fr/
+  .keyboard-container {
+    display: grid;
+    /*@formatter:off*/
+    grid-template: 'header header header header' 1fr 'step step step step' 0.9fr 'input input input input' 0.7fr 'btn7 btn8 btn9 bsp' 1fr 'btn4 btn5 btn6 abc' 1fr 'btn1 btn2 btn3 ok' 1fr 'logout btn0 cancel ok' 1fr/
       	1fr 1fr 1fr 1fr;
-		/*@formatter:on*/
-		grid-gap: 2px 2px;
+    /*@formatter:on*/
+    grid-gap: 2px 2px;
 
-		.key {
-			background-color: #313131 !important;
-			color: white;
-			font-size: 1.3em;
-			font-weight: 400;
-			height: 100%;
-			width: 100%;
-			margin: 0;
-		}
-	}
+    .key {
+      background-color: #313131 !important;
+      color: white;
+      font-size: 1.3em;
+      font-weight: 400;
+      height: 100%;
+      width: 100%;
+      margin: 0;
+    }
+  }
 </style>

From 74ae07127c123e1684e8f2249938271bf0ae8712 Mon Sep 17 00:00:00 2001
From: Lam Phan Dang <lam.phan@gigasouce.io>
Date: Mon, 25 Nov 2019 10:04:54 +0700
Subject: [PATCH 02/24] Create .gitmodules

---
 .gitmodules | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .gitmodules

diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..1d2b0fe
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,4 @@
+[submodule "pos-vue-framework"]
+  path = pos-vue-framework
+  url = git@github.com:gigasource/pos-vue-framework.git
+  branch = master

From fa74058c49c94b89c05f6c3b3dfc4dc311abfef7 Mon Sep 17 00:00:00 2001
From: Lam Phan Dang <lam.phan@gigasouce.io>
Date: Mon, 25 Nov 2019 10:11:01 +0700
Subject: [PATCH 03/24] Update .gitmodules

---
 .gitmodules | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.gitmodules b/.gitmodules
index 1d2b0fe..fa4dd69 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,4 +1,4 @@
 [submodule "pos-vue-framework"]
-  path = pos-vue-framework
-  url = git@github.com:gigasource/pos-vue-framework.git
-  branch = master
+	path = pos-vue-framework
+	url = git@github.com:gigasource/pos-vue-framework.git
+	branch = master

From 4083a7058acc2d6012338f17170f99e74d435a4d Mon Sep 17 00:00:00 2001
From: Lam Phan Dang <lam.phan@gigasouce.io>
Date: Mon, 25 Nov 2019 10:38:57 +0700
Subject: [PATCH 04/24] Update GFieldTableArray.vue

Update CSS to look like original gform
---
 src/form/GFieldTableArray.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index 806770b..23dbb4b 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -64,7 +64,7 @@
     }),
     setup(props, context) {
       const _model = _modelFactory(props);
-      const flex = flexFactory(props)
+      const flex = flexFactory(props);
       const label = labelFactory(props);
 
       return {_model, flex, label, getLabel}
@@ -98,8 +98,20 @@
 </script>
 
 <style lang="scss" scoped>
-  table.v-table tbody td:not(:nth-child(1)) {
-    padding: 0 10px;
+  table.v-table {
+    border-collapse: collapse;
+
+    tbody td:not(:nth-child(1)) {
+      padding: 0 10px;
+    }
+
+    thead tr:first-child, tbody tr:not(:last-child) {
+      border-bottom: 1px solid rgba(0,0,0,0.12);
+    }
+
+    .form-control {
+      border: 1px solid #ced4da;
+    }
   }
 
   .v-datatable.v-table thead tr {

From 7e0dfd20e63b8fccc5ae97f1a3bf74038a373a99 Mon Sep 17 00:00:00 2001
From: Lam Phan Dang <lam.phan@gigasouce.io>
Date: Tue, 26 Nov 2019 17:27:50 +0700
Subject: [PATCH 05/24] Update styles

---
 src/form/GField.vue            |  2 +-
 src/form/GFieldChoice.vue      |  6 ++++--
 src/form/GFieldObjectArray.vue |  2 +-
 src/form/GFieldTableArray.vue  | 17 +++++++++++++++++
 src/form/GInput.vue            | 11 ++++++-----
 5 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index f5207b5..62693b2 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -12,7 +12,7 @@
     </template>
   </g-tabs>
 
-  <g-row :fill-height="fillHeight" v-else-if="fields">
+  <g-row no-gutters :fill-height="fillHeight" v-else-if="fields">
     <g-field v-for="(_field, index) in getFormFields()" :key="_field.key + index"
              :path="path"
              :field="_field" :model="model" :rootModel="_rootModel" :no-layout="noLayout"
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 5ddeb86..53d0aae 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -132,6 +132,8 @@
   }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+  .fieldset__collapsed .remove-btn {
+      top: 10px !important;
+  }
 </style>
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index 28aacbe..f3b19b2 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -1,6 +1,6 @@
 <template>
   <g-col xs12>
-    <g-row>
+    <g-row no-gutters>
       <g-col :class="[flex, flex !== 'col-xs-12' ? 'fix-inline': '']" v-for="(val, index) in model[field.key]"
              :key="index"
              style="position: relative">
diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index 23dbb4b..d6c43ac 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -162,3 +162,20 @@
     }
   }
 </style>
+
+<style lang="scss" scoped>
+  table {
+    &.v-table {
+      border-radius: 2px;
+      border-collapse: collapse;
+      border-spacing: 0;
+      width: 100%;
+      max-width: 100%;
+    }
+
+    &.theme--light.v-table {
+      background-color: #fff;
+      color: rgba(0, 0, 0, 0.87);
+    }
+  }
+</style>
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 81c2b7b..0773094 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -13,8 +13,9 @@
                :label="field.tableCell ? '': label" clearable
                @change="onChange"
                :return-object="!!field.returnObject"
-               :menu-props="{'z-index': 1000, 'closeOnContentClick': true}">
-      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+               :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
+               clearIconColor="#d3d3d3">
+      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </component>
   </g-col>
   <g-col :class="[flex,paddingClass]"
@@ -31,14 +32,14 @@
         :return-object="!!field.returnObject"
         :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
     >
-      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </g-combobox>
   </g-col>
   <input v-else-if="field.tableCell" :type="inputType" v-model="internalValue" class="form-control">
   <g-col :class="[flex,paddingClass]" v-else>
     <g-text-field v-model="internalValue" :label="label" :type="inputType">
-      <g-icon slot="append" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</g-icon>
-      <g-icon slot="append" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+      <g-icon slot="appendInner" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</g-icon>
+      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </g-text-field>
   </g-col>
 </template>

From 008eec195375ce579778b3a3fb2a304c055eb6dd Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Mon, 16 Dec 2019 16:45:32 +0700
Subject: [PATCH 06/24] Update migration code

---
 src/form/GField.vue            | 14 ++++--
 src/form/GFieldChoice.vue      |  4 +-
 src/form/GFieldChoiceArray.vue |  2 +-
 src/form/GFieldObjectArray.vue |  2 +-
 src/form/GInput.vue            | 86 ++++++----------------------------
 5 files changed, 28 insertions(+), 80 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 62693b2..a527c56 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -1,10 +1,11 @@
 <template>
-  <g-tabs style="width: 100%" v-if="tabs" :items="tabsData" :class="{'tab-wrapper': fillHeight}" v-model="activeTab">
+  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="tabsData" :class="{'tab-wrapper': fillHeight}"
+          v-model="activeTab">
     <template #tab="{item}">
       <g-tab :key="item.name" :item="item">{{item.name}}</g-tab>
     </template>
     <template #default>
-      <g-tab-item v-for="tab in tabsData" :key="tab.name" style="padding-top: 20px;" :item="tab">
+      <g-tab-item v-for="tab in tabsData" :key="tab.name" style="padding-top: 20px" :item="tab">
         <g-field :fields="tab.fields" :model="model" :path="path" :no-layout="noLayout" :fill-height="fillHeight"
                  :rootModel="_rootModel"/>
       </g-tab-item>
@@ -19,9 +20,9 @@
              v-show="isVisible(_field)"/>
     <g-col xs12>
       <g-chip v-for="(addField, index) in getAddFields()" v-show="isVisible(addField)" :key="addField.key + index"
-              backgroundColor="#e5efff" textColor="#1080ec" @click="addNullValue(addField)">
+              backgroundColor="#e5efff" textColor="primary" @click="addNullValue(addField)">
         <g-avatar class="g-avatar__left">
-          <g-icon>add_circle</g-icon>
+          <g-icon color="primary">add_circle</g-icon>
         </g-avatar>
         {{addField.label || addField.key}}
       </g-chip>
@@ -151,3 +152,8 @@
     },
   };
 </script>
+<style scoped lang="scss">
+  ::v-deep .g-tab-items {
+    overflow: visible;
+  }
+</style>
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 53d0aae..ec97a2e 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -25,7 +25,7 @@
         </g-btn>
       </template>
       <g-list :items="_fields">
-        <template #listItem="{item}">
+        <template #list-item="{item}">
           <g-list-item :item="item" @singleItemClick="selectChoice(item)">
             <g-list-item-content>
               <g-list-item-text>{{ getChoiceName(item) }}</g-list-item-text>
@@ -134,6 +134,6 @@
 
 <style lang="scss">
   .fieldset__collapsed .remove-btn {
-      top: 10px !important;
+    top: 10px !important;
   }
 </style>
diff --git a/src/form/GFieldChoiceArray.vue b/src/form/GFieldChoiceArray.vue
index 5905116..4416d76 100644
--- a/src/form/GFieldChoiceArray.vue
+++ b/src/form/GFieldChoiceArray.vue
@@ -15,7 +15,7 @@
           </g-btn>
         </template>
         <g-list :items="_fields">
-          <template #listItem="{item}">
+          <template #list-item="{item}">
             <g-list-item :item="item" @singleItemClick="selectChoiceInArray(item)">
               <g-list-item-content>
                 <g-list-item-text>{{ getChoiceName(item) }}</g-list-item-text>
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index f3b19b2..cff7145 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -15,7 +15,7 @@
         </g-field-object>
       </g-col>
     </g-row>
-    <g-btn textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">
+    <g-btn class="ma-2" textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">
       ADD {{getLabel(field).toUpperCase()}}
     </g-btn>
   </g-col>
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 0773094..a513a23 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -15,31 +15,30 @@
                :return-object="!!field.returnObject"
                :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
                clearIconColor="#d3d3d3">
-      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+      <g-icon slot="append-inner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </component>
   </g-col>
   <g-col :class="[flex,paddingClass]"
          v-else-if="inputType === 'multiSelect' || inputType === 'multiSelect:number'">
     <g-combobox
-        v-model="internalValue"
-        :item-text="field.itemText" :item-value="field.itemValue"
-        :items="options"
-        hide-selected
-        :label="field.tableCell ? '': label"
-        multiple
-        small-chips
-        deletable-chips
-        :return-object="!!field.returnObject"
-        :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
-    >
-      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+      v-model="internalValue"
+      :item-text="field.itemText" :item-value="field.itemValue"
+      :items="options"
+      hide-selected
+      :label="field.tableCell ? '': label"
+      multiple
+      small-chips
+      deletable-chips
+      :return-object="!!field.returnObject"
+      :menu-props="{'z-index': 1000, 'closeOnContentClick': true}">
+      <g-icon slot="append-inner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </g-combobox>
   </g-col>
   <input v-else-if="field.tableCell" :type="inputType" v-model="internalValue" class="form-control">
   <g-col :class="[flex,paddingClass]" v-else>
     <g-text-field v-model="internalValue" :label="label" :type="inputType">
-      <g-icon slot="appendInner" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</g-icon>
-      <g-icon slot="appendInner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
+      <g-icon slot="append-inner" v-if="field.addable" style="opacity: 0.4" @click.stop="clearValue()">clear</g-icon>
+      <g-icon slot="append-inner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </g-text-field>
   </g-col>
 </template>
@@ -149,61 +148,4 @@
   @import "~bootstrap/scss/variables";
   @import "~bootstrap/scss/mixins";
   @import "~bootstrap/scss/forms";
-
-  .v-input--switch .v-input__slot {
-    margin-bottom: 0 !important;
-  }
-
-  .v-input--selection-controls {
-    margin-top: 20px !important;
-  }
-
-  .v-text-field.v-text-field--solo .v-input__control {
-
-  }
-
-  .v-select__slot {
-    .v-input__icon--clear .v-icon {
-      color: #d3d3d3 !important;
-    }
-  }
-
-  table tr:not(.g-expansion) {
-    .v-select__slot {
-      //height: calc(2.25rem + 2px);
-      padding-left: 10px;
-      border-radius: 4px;
-      border: 1px solid #0000002e;
-      background-color: white;
-
-      .v-input__icon--clear {
-        display: none !important;
-        color: #d3d3d3 !important;
-      }
-
-      input {
-        font-size: 1rem;
-      }
-
-      .v-input__icon.v-input__icon--append {
-        width: 12px !important;
-        min-width: 12px;
-        padding-right: 9px;
-      }
-    }
-
-    .v-input__slot {
-      &:before {
-        border: none !important;
-      }
-    }
-
-    .v-select {
-      padding-top: 4px;
-    }
-
-    .v-text-field__details {
-      display: none;
-    }
-  }
 </style>

From 74014118705ca137571b207ce1d364dc77f23102 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Tue, 17 Dec 2019 18:40:32 +0700
Subject: [PATCH 07/24] Update styles

---
 src/form/GField.vue            |  2 +-
 src/form/GFieldChoice.vue      |  8 ++++----
 src/form/GFieldObject.vue      |  4 ++--
 src/form/GFieldObjectArray.vue |  4 ++--
 src/form/GFieldTableArray.vue  | 13 ++++++++-----
 src/form/GInput.vue            |  4 ++--
 6 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index a527c56..59bfe98 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -5,7 +5,7 @@
       <g-tab :key="item.name" :item="item">{{item.name}}</g-tab>
     </template>
     <template #default>
-      <g-tab-item v-for="tab in tabsData" :key="tab.name" style="padding-top: 20px" :item="tab">
+      <g-tab-item class="pt-3" v-for="tab in tabsData" :key="tab.name" :item="tab">
         <g-field :fields="tab.fields" :model="model" :path="path" :no-layout="noLayout" :fill-height="fillHeight"
                  :rootModel="_rootModel"/>
       </g-tab-item>
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index ec97a2e..65762a1 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -5,13 +5,13 @@
         <g-field :field="choiceField" :model="choiceModel" @remove-field="removeChoice" :in-array="true"
                  :root-model="rootModel" :path="choicePath" :no-layout="noLayout">
           <template slot="action">
-            <g-btn icon depressed class="remove-btn" @click="removeChoice()">
-              <g-icon>delete</g-icon>
+            <g-btn small icon depressed class="remove-btn" @click="removeChoice()">
+              <g-icon :size="20">delete</g-icon>
             </g-btn>
           </template>
           <template slot="btn-append">
-            <g-btn v-if="!inArray" icon depressed textColor="gray" @click="removeChoice()">
-              <g-icon>delete_outline</g-icon>
+            <g-btn small v-if="!inArray" icon depressed textColor="gray" @click="removeChoice()">
+              <g-icon :size="20">delete_outline</g-icon>
             </g-btn>
           </template>
         </g-field>
diff --git a/src/form/GFieldObject.vue b/src/form/GFieldObject.vue
index 8c55dff..d91c681 100644
--- a/src/form/GFieldObject.vue
+++ b/src/form/GFieldObject.vue
@@ -4,8 +4,8 @@
               style="position: relative">
       <div v-if="collapse" @click="collapse = !collapse" class="fieldset-activator"></div>
       <slot name="action" :collapse="collapse">
-        <g-btn icon depressed class="remove-btn" @click="model[field.key] = undefined">
-          <g-icon>delete</g-icon>
+        <g-btn small icon depressed class="remove-btn" @click="model[field.key] = undefined">
+          <g-icon :size="20">delete</g-icon>
         </g-btn>
       </slot>
       <legend :class="collapse ? 'legend__collapsed' : ''" v-if="label">
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index cff7145..75d520b 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -7,9 +7,9 @@
         <g-field-object :field="createObjectArrayField(field.fields, index)" :model="model[field.key]"
                         :in-array="true" :rootModel="rootModel" :path="genPath(field.key)" :no-layout="noLayout">
           <template #action="{collapse}">
-            <g-btn icon depressed :class="collapse ? 'remove-btn__collapsed' : ''"
+            <g-btn small icon depressed :class="collapse ? 'remove-btn__collapsed' : ''"
                    class="remove-btn" @click="model[field.key].splice(index, 1)">
-              <g-icon>delete</g-icon>
+              <g-icon :size="20">delete</g-icon>
             </g-btn>
           </template>
         </g-field-object>
diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index d6c43ac..ffb7624 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -3,7 +3,7 @@
     <table class="v-datatable v-table theme--light v-gfield-table"
            v-if="model[field.key] && model[field.key].length > 0">
       <thead>
-      <tr>
+      <tr class="table-header">
         <th v-if="field.expansion" style="width: 15px"></th>
         <th v-for="_field in mainFields">{{getLabel(_field)}}</th>
         <th>X</th>
@@ -29,8 +29,7 @@
               style="border-bottom: 1px solid rgba(0,0,0,0.12);background-color: #f3f3f3;">
             <td :colspan="field.fields.length + 2" style="height: 0 !important;">
               <GExpandTransition>
-                <g-card v-show="rowDetail === index" flat
-                        style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
+                <g-card v-show="rowDetail === index" flat style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
                   <g-card-text>
                     <g-field :fields="expansionFields" :model="model[field.key][index]"
                              :root-model="rootModel" :path="genPath(field.key, index)"/>
@@ -41,11 +40,10 @@
           </tr>
         </GExpandTransition>
       </template>
-
       </tbody>
 
     </table>
-    <g-btn textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">Add
+    <g-btn class="ma-2" textColor="blue lighten-2" outlined small @click="addObjectItem()" v-if="!field.addable">Add
       {{getLabel(field)}}
     </g-btn>
     <slot name="btn-append"></slot>
@@ -177,5 +175,10 @@
       background-color: #fff;
       color: rgba(0, 0, 0, 0.87);
     }
+
+    .table-header {
+      color: rgba(0, 0, 0, 0.54);
+      font-size: 0.75rem;
+    }
   }
 </style>
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index a513a23..ca88430 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -2,8 +2,8 @@
   <g-col :class="[flex,paddingClass]" v-if="inputType === 'switch'">
     <g-switch :label="field.tableCell ? '': label" v-model="internalValue"/>
   </g-col>
-  <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'checkbox'">
-    <g-checkbox :label="field.tableCell ? '': label" v-model="internalValue"/>
+  <g-col :class="[flex,paddingClass]" class="row-flex align-items-center" v-else-if="inputType === 'checkbox'">
+    <g-checkbox color="primary" :label="field.tableCell ? '': label" v-model="internalValue"/>
   </g-col>
   <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'select' || inputType === 'select:number'">
     <component :is="field.notOnlyValueInOptions ? 'g-combobox': 'g-autocomplete'" v-model="internalValue"

From 69b905f42f0ab377dda10a02b867f744bb5ddaca Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Wed, 18 Dec 2019 16:17:56 +0700
Subject: [PATCH 08/24] Update styles for table

---
 src/form/GFieldTableArray.vue | 69 +++++++++++++++++++----------------
 src/form/GInput.vue           | 38 +++++++++++++++++++
 2 files changed, 75 insertions(+), 32 deletions(-)

diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index ffb7624..96d67f0 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -1,6 +1,6 @@
 <template>
   <g-col xs12>
-    <table class="v-datatable v-table theme--light v-gfield-table"
+    <table class="g-datatable g-table theme--light gfield-table"
            v-if="model[field.key] && model[field.key].length > 0">
       <thead>
       <tr class="table-header">
@@ -29,7 +29,8 @@
               style="border-bottom: 1px solid rgba(0,0,0,0.12);background-color: #f3f3f3;">
             <td :colspan="field.fields.length + 2" style="height: 0 !important;">
               <GExpandTransition>
-                <g-card v-show="rowDetail === index" flat style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
+                <g-card v-show="rowDetail === index" flat
+                        style="width: 100%;margin-top: 5px;margin-bottom: 5px;border: solid 1px #d3d3d375;">
                   <g-card-text>
                     <g-field :fields="expansionFields" :model="model[field.key][index]"
                              :root-model="rootModel" :path="genPath(field.key, index)"/>
@@ -96,7 +97,13 @@
 </script>
 
 <style lang="scss" scoped>
-  table.v-table {
+  table.g-table ::v-deep {
+    .g-tf-wrapper {
+      margin: 8px 0;
+    }
+  }
+
+  table.g-table {
     border-collapse: collapse;
 
     tbody td:not(:nth-child(1)) {
@@ -104,7 +111,7 @@
     }
 
     thead tr:first-child, tbody tr:not(:last-child) {
-      border-bottom: 1px solid rgba(0,0,0,0.12);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     }
 
     .form-control {
@@ -112,12 +119,12 @@
     }
   }
 
-  .v-datatable.v-table thead tr {
-    height: 40px;
+  .g-datatable.g-table thead tr {
+    height: 40px !important;
   }
 
-  .v-datatable.v-table tbody td {
-    height: 44px;
+  .g-datatable.g-table tbody td {
+    height: 44px !important;
     padding: 0 10px !important;
 
     .v-text-field .v-input__append-inner {
@@ -125,11 +132,11 @@
     }
   }
 
-  .v-datatable.v-table th {
+  .g-datatable.g-table th {
     padding: 0 18px;
   }
 
-  .theme--light.v-table {
+  .theme--light.g-table {
     //background-color: transparent;
   }
 
@@ -141,29 +148,9 @@
       right: 7px;
     }
   }
-</style>
 
-<style lang="scss">
-  .tab-wrapper {
-    .v-tabs__bar {
-      position: sticky;
-      top: 0;
-      z-index: 10;
-    }
-
-    .v-window {
-      height: calc(100% - 50px)
-    }
-
-    &, .v-window__container, .v-window-item {
-      height: 100%
-    }
-  }
-</style>
-
-<style lang="scss" scoped>
   table {
-    &.v-table {
+    &.g-table {
       border-radius: 2px;
       border-collapse: collapse;
       border-spacing: 0;
@@ -171,7 +158,7 @@
       max-width: 100%;
     }
 
-    &.theme--light.v-table {
+    &.theme--light.g-table {
       background-color: #fff;
       color: rgba(0, 0, 0, 0.87);
     }
@@ -182,3 +169,21 @@
     }
   }
 </style>
+
+<style lang="scss">
+  .tab-wrapper {
+    .v-tabs__bar {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+    }
+
+    .v-window {
+      height: calc(100% - 50px)
+    }
+
+    &, .v-window__container, .v-window-item {
+      height: 100%
+    }
+  }
+</style>
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index ca88430..7bcfbc2 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -148,4 +148,42 @@
   @import "~bootstrap/scss/variables";
   @import "~bootstrap/scss/mixins";
   @import "~bootstrap/scss/forms";
+
+  table.gfield-table tr:not(.g-expansion) {
+    .g-combobox, .g-autocomplete {
+      .g-tf-wrapper {
+        height: 38px;
+        border-radius: 4px;
+        border: 1px solid #ced4da;
+        background-color: white;
+      }
+
+      .g-tf-input {
+        font-size: 0.9rem;
+        padding-left: 10px;
+      }
+
+      .g-tf {
+        .inputGroup {
+          min-width: 80px;
+        }
+
+        &::before {
+          display: none;
+        }
+      }
+
+      fieldset {
+        border: none;
+      }
+
+      .g-tf-append__inner {
+        padding-left: 0;
+
+        i:first-child {
+          display: none !important;
+        }
+      }
+    }
+  }
 </style>

From 5447e3f21f79a30f8328004705dfdfacfb602717 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Thu, 19 Dec 2019 11:18:08 +0700
Subject: [PATCH 09/24] Update style for DatePicker in gform

---
 src/form/GInput.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 7bcfbc2..ec4ad62 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -13,8 +13,7 @@
                :label="field.tableCell ? '': label" clearable
                @change="onChange"
                :return-object="!!field.returnObject"
-               :menu-props="{'z-index': 1000, 'closeOnContentClick': true}"
-               clearIconColor="#d3d3d3">
+               :menu-props="{'z-index': 1000, 'closeOnContentClick': true}">
       <g-icon slot="append-inner" v-if="inArray" @click.stop="removeField">delete_outline</g-icon>
     </component>
   </g-col>
@@ -150,7 +149,7 @@
   @import "~bootstrap/scss/forms";
 
   table.gfield-table tr:not(.g-expansion) {
-    .g-combobox, .g-autocomplete {
+    .g-combobox, .g-autocomplete, .g-date-picker {
       .g-tf-wrapper {
         height: 38px;
         border-radius: 4px;
@@ -180,7 +179,7 @@
       .g-tf-append__inner {
         padding-left: 0;
 
-        i:first-child {
+        .g-icon__clear {
           display: none !important;
         }
       }

From 1aa92ec5df318c07ca4d2da43800579c3b06bc48 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Thu, 19 Dec 2019 16:23:01 +0700
Subject: [PATCH 10/24] Update fill-height prop in g-row: use class instead of
 prop

---
 src/form/GField.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 59bfe98..5b2ac72 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -13,7 +13,7 @@
     </template>
   </g-tabs>
 
-  <g-row no-gutters :fill-height="fillHeight" v-else-if="fields">
+  <g-row no-gutters :class="fillHeight ? 'fill-height' : ''" v-else-if="fields">
     <g-field v-for="(_field, index) in getFormFields()" :key="_field.key + index"
              :path="path"
              :field="_field" :model="model" :rootModel="_rootModel" :no-layout="noLayout"

From acadfc41fa50183ecd1cefd636b778ff9f00be19 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Sat, 21 Dec 2019 18:09:32 +0700
Subject: [PATCH 11/24] Update style for GFieldObject & add local storage to
 remember collapse states

---
 src/form/GField.vue            |  3 +-
 src/form/GFieldChoice.vue      | 67 ++++++++++++++++++++++++++++------
 src/form/GFieldChoiceArray.vue |  4 +-
 src/form/GFieldObject.vue      | 65 ++++++++++++++++++---------------
 src/form/GFieldObjectArray.vue |  9 +++--
 5 files changed, 99 insertions(+), 49 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 5b2ac72..5169427 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -31,7 +31,7 @@
 
   <!--todo: object navigate-->
   <component v-else :is="type" v-on="$listeners"
-             :rootModel="_rootModel" :path="path"
+             :rootModel="_rootModel" :path="path" :collapse-states="collapseStates"
              :model="model" :field="field" :in-array="inArray" :no-layout="noLayout">
     <slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot"/>
   </component>
@@ -69,6 +69,7 @@
       noLayout: Boolean,
       domain: String,
       fillHeight: Boolean,
+      collapseStates: Object,
     },
     data() {
       return {
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 65762a1..260cdb7 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -3,13 +3,28 @@
     <div v-if="choiceExist">
       <g-col xs12>
         <g-field :field="choiceField" :model="choiceModel" @remove-field="removeChoice" :in-array="true"
-                 :root-model="rootModel" :path="choicePath" :no-layout="noLayout">
-          <template slot="action">
-            <g-btn small icon depressed class="remove-btn" @click="removeChoice()">
-              <g-icon :size="20">delete</g-icon>
-            </g-btn>
+                 :root-model="rootModel" :path="choicePath" :no-layout="noLayout"
+                 :collapse-states="collapseStates" @toggle-collapse="saveCollapseState">
+          <template #action>
+            <g-card background-color="white" class="action-container" :elevation="0">
+              <g-btn xSmall icon @click="pushItemUp(field.key)">
+                <g-icon small>
+                  keyboard_arrow_up
+                </g-icon>
+              </g-btn>
+              <g-btn xSmall icon @click="pushItemDown(field.key)">
+                <g-icon small>
+                  keyboard_arrow_down
+                </g-icon>
+              </g-btn>
+              <g-btn xSmall icon @click="removeChoice()">
+                <g-icon small>
+                  delete
+                </g-icon>
+              </g-btn>
+            </g-card>
           </template>
-          <template slot="btn-append">
+          <template #btn-append>
             <g-btn small v-if="!inArray" icon depressed textColor="gray" @click="removeChoice()">
               <g-icon :size="20">delete_outline</g-icon>
             </g-btn>
@@ -52,6 +67,12 @@
   export default {
     name: 'GFieldChoice',
     props: ['model', 'field', 'inArray', 'rootModel', 'path', 'noLayout'],
+    initLocalStoragePath() {
+      return `${this.rootModel._id}/${this.field.key}/GFieldChoice/collapseStates`;
+    },
+    injectLocalStorage: {
+      collapseStates: {default: {}},
+    },
     data: function () {
       return {
         showMenu: false,
@@ -128,12 +149,34 @@
         this.$set(this.choiceModel, this.choiceKey, this.getChoiceName(choice));
       },
       getChoiceName,
+      saveCollapseState(key, collapse) {
+        if (!key) return
+
+        this.collapseStates[key] = collapse
+        this.$emit('saveLocalStorage');
+      },
+      pushItemDown(index) {
+        index = parseInt(index)
+        const itemsLength = this.model && this.model.length
+        if (!itemsLength || isNaN(index) || index === itemsLength - 1) return
+
+        const newModel = _.clone(this.model)
+        const temp = newModel[index]
+        newModel[index] = newModel[index + 1]
+        newModel[index + 1] = temp
+        this.$emit('update:model', newModel)
+      },
+      pushItemUp(index) {
+        index = parseInt(index)
+        const itemsLength = this.model && this.model.length
+        if (!itemsLength || isNaN(index) || index === 0) return
+
+        const newModel = _.clone(this.model)
+        const temp = newModel[index]
+        newModel[index] = newModel[index - 1]
+        newModel[index - 1] = temp
+        this.$emit('update:model', newModel)
+      }
     }
   }
 </script>
-
-<style lang="scss">
-  .fieldset__collapsed .remove-btn {
-    top: 10px !important;
-  }
-</style>
diff --git a/src/form/GFieldChoiceArray.vue b/src/form/GFieldChoiceArray.vue
index 4416d76..858e728 100644
--- a/src/form/GFieldChoiceArray.vue
+++ b/src/form/GFieldChoiceArray.vue
@@ -3,8 +3,8 @@
     <g-col :class="[flex]" v-for="(val, index) in model[field.key]" :key="index">
       <g-field-choice @remove-field="model[field.key].splice(index, 1)" :in-array="true"
                       :rootModel="rootModel" :path="genPath(field.key)"
-                      :field="createChoiceArrayField(index)" :model="model[field.key]"
-                      :no-layout="noLayout"></g-field-choice>
+                      :field="createChoiceArrayField(index)" :model.sync="model[field.key]"
+                      :no-layout="noLayout"/>
     </g-col>
     <g-col md12>
       <g-menu offset-y v-if="!inArray" z-index="1000" v-model="showMenu" :closeOnContentClick="true">
diff --git a/src/form/GFieldObject.vue b/src/form/GFieldObject.vue
index d91c681..d3e40c3 100644
--- a/src/form/GFieldObject.vue
+++ b/src/form/GFieldObject.vue
@@ -1,15 +1,21 @@
 <template>
   <g-col xs12 v-if="!noPanel">
     <fieldset :class="collapse ? 'fieldset__collapsed' : ''" v-show="_fields && _fields.length > 0"
-              style="position: relative">
-      <div v-if="collapse" @click="collapse = !collapse" class="fieldset-activator"></div>
-      <slot name="action" :collapse="collapse">
-        <g-btn small icon depressed class="remove-btn" @click="model[field.key] = undefined">
-          <g-icon :size="20">delete</g-icon>
-        </g-btn>
-      </slot>
+              style="position: relative" @mouseenter="showAction = true" @mouseleave="showAction = false">
+      <div v-if="collapse" @click="toggleCollapse" class="fieldset-activator"/>
+      <div v-show="showAction">
+        <slot name="action" :collapse="collapse">
+          <g-card background-color="white" class="action-container" :elevation="0">
+            <g-btn xSmall icon @click="model[field.key] = undefined">
+              <g-icon small>
+                delete
+              </g-icon>
+            </g-btn>
+          </g-card>
+        </slot>
+      </div>
       <legend :class="collapse ? 'legend__collapsed' : ''" v-if="label">
-        <span @click="collapse = !collapse">{{label}} {{collapse ? '+' : ''}}</span>
+        <span @click="toggleCollapse">{{label}} {{collapse ? '+' : ''}}</span>
       </legend>
 
       <GExpandTransition>
@@ -40,9 +46,10 @@
 
   export default {
     name: 'GFieldObject',
-    props: ['model', 'field', 'rootModel', 'path', 'noLayout'],
+    props: ['model', 'field', 'rootModel', 'path', 'noLayout', 'collapseStates'],
     data: () => ({
-      collapse: false
+      collapse: false,
+      showAction: false,
     }),
     setup(props, context) {
       const _model = _modelFactory(props);
@@ -52,6 +59,10 @@
 
       return {_model, flex, label, _fields}
     },
+    created() {
+      const key = `${this.model._id}/${this.path}`
+      if (this.collapseStates && this.collapseStates[key]) this.collapse = true
+    },
     computed: {
       noPanel() {
         return this.field.noPanel;
@@ -62,7 +73,11 @@
     },
     methods: {
       getLabel,
-    }
+      toggleCollapse() {
+        this.collapse = !this.collapse
+        this.$emit('toggle-collapse', `${this.model._id}/${this.path}`, this.collapse)
+      }
+    },
   }
 </script>
 
@@ -93,6 +108,11 @@
 
   .fieldset__collapsed {
     transform: translateY(16px);
+    margin-bottom: 30px;
+
+    ::v-deep .action-container {
+      top: -22px !important;
+    }
   }
 
   .legend__collapsed {
@@ -105,39 +125,24 @@
     box-shadow: 0 1px 1px 0 #9c9c9c;
   }
 
-  ::v-deep .remove-btn {
+  ::v-deep .action-container {
     position: absolute;
     right: 0;
-    top: 16px;
+    top: -6px;
     margin: 0;
-    font-size: 1.3em;
     padding: 0;
-    min-width: 33px !important;
-    width: 33px !important;
     z-index: 10;
-    height: 33px !important;
-
-    ::v-deep .v-icon {
-      font-size: 0.9em;
-      color: #6d6d6d;
-    }
+    line-height: 1;
+    border: 1px solid rgb(238, 238, 238);
 
     &.g-btn {
       position: absolute;
     }
-
-    &__collapsed {
-      top: 10px !important;
-    }
   }
 
   .fix-inline {
     padding-right: 7px;
     padding-left: 7px;
-
-    .remove-btn {
-      right: 0;
-    }
   }
 
   .fieldset-activator {
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index 75d520b..9dafc04 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -7,10 +7,11 @@
         <g-field-object :field="createObjectArrayField(field.fields, index)" :model="model[field.key]"
                         :in-array="true" :rootModel="rootModel" :path="genPath(field.key)" :no-layout="noLayout">
           <template #action="{collapse}">
-            <g-btn small icon depressed :class="collapse ? 'remove-btn__collapsed' : ''"
-                   class="remove-btn" @click="model[field.key].splice(index, 1)">
-              <g-icon :size="20">delete</g-icon>
-            </g-btn>
+            <g-card background-color="white" class="action-container" :elevation="0">
+              <g-btn xSmall icon @click="model[field.key].splice(index, 1)">
+                <g-icon small>delete</g-icon>
+              </g-btn>
+            </g-card>
           </template>
         </g-field-object>
       </g-col>

From e75d80635701d5822e92fc258172f4c1e56743dc Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Sat, 21 Dec 2019 18:23:20 +0700
Subject: [PATCH 12/24] Add null check & update CSS

---
 src/form/GFieldChoice.vue | 2 +-
 src/form/GFieldObject.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 260cdb7..71d7a8f 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -150,7 +150,7 @@
       },
       getChoiceName,
       saveCollapseState(key, collapse) {
-        if (!key) return
+        if (!key || !this.collapseStates) return
 
         this.collapseStates[key] = collapse
         this.$emit('saveLocalStorage');
diff --git a/src/form/GFieldObject.vue b/src/form/GFieldObject.vue
index d3e40c3..995f1f9 100644
--- a/src/form/GFieldObject.vue
+++ b/src/form/GFieldObject.vue
@@ -126,7 +126,7 @@
   }
 
   ::v-deep .action-container {
-    position: absolute;
+    position: absolute !important;
     right: 0;
     top: -6px;
     margin: 0;

From 6da1cea3ea7c2d9b2e08c1988ac5c344fd244eb1 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Mon, 23 Dec 2019 09:50:01 +0700
Subject: [PATCH 13/24] Update CSS

---
 src/form/GInput.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index ec4ad62..3ccd82e 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -151,7 +151,7 @@
   table.gfield-table tr:not(.g-expansion) {
     .g-combobox, .g-autocomplete, .g-date-picker {
       .g-tf-wrapper {
-        height: 38px;
+        min-height: 38px;
         border-radius: 4px;
         border: 1px solid #ced4da;
         background-color: white;

From 87f07b17306241b23b4c9e45019adc0cf2af0368 Mon Sep 17 00:00:00 2001
From: Anh <anhoev@yahoo.de>
Date: Mon, 23 Dec 2019 14:52:59 +0700
Subject: [PATCH 14/24] fix key for field

---
 src/form/GField.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 5169427..abf018d 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -14,7 +14,7 @@
   </g-tabs>
 
   <g-row no-gutters :class="fillHeight ? 'fill-height' : ''" v-else-if="fields">
-    <g-field v-for="(_field, index) in getFormFields()" :key="_field.key + index"
+    <g-field v-for="(_field, index) in getFormFields()" :key="'field_' + _field.key + '_' + index"
              :path="path"
              :field="_field" :model="model" :rootModel="_rootModel" :no-layout="noLayout"
              v-show="isVisible(_field)"/>
@@ -38,11 +38,11 @@
 </template>
 
 <script>
-  import {Fragment} from 'vue-fragment';
-  import {upperFirst, filter, values, assign, cloneDeep, map} from 'lodash-es';
+  import { Fragment } from 'vue-fragment';
+  import { upperFirst, filter, values, assign, cloneDeep, map } from 'lodash-es';
   import Vue from 'vue';
 
-  const _ = {upperFirst, filter, values, assign, cloneDeep, map};
+  const _ = { upperFirst, filter, values, assign, cloneDeep, map };
 
   import {
     _modelFactory,
@@ -84,7 +84,7 @@
       const label = labelFactory(props);
       const _rootModel = _rootModelFactory(props);
 
-      return {_model, flex, label, getLabel, _rootModel}
+      return { _model, flex, label, getLabel, _rootModel }
     },
     computed: {
       type() {
@@ -121,8 +121,8 @@
       },
       getTabs() {
         const basic = _.filter(this.fields, f => ![].concat(..._.values(this.tabs)).includes(f.key)).map(f => f.key);
-        return _.map(_.assign({}, basic.length > 0 ? {basic} : {}, this.tabs), (tabFields, name) => {
-          return {name, fields: _.filter(this.fields, f => tabFields.includes(f.key))};
+        return _.map(_.assign({}, basic.length > 0 ? { basic } : {}, this.tabs), (tabFields, name) => {
+          return { name, fields: _.filter(this.fields, f => tabFields.includes(f.key)) };
         });
       },
       isVisible(field) {

From 36eff596ab54685248a8612eef0f55af54df18f0 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Mon, 23 Dec 2019 17:59:06 +0700
Subject: [PATCH 15/24] Make GTabs items reactive

---
 src/form/GField.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index abf018d..96f69f6 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -1,11 +1,11 @@
 <template>
-  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="tabsData" :class="{'tab-wrapper': fillHeight}"
+  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="Object.keys(getTabs())" :class="{'tab-wrapper': fillHeight}"
           v-model="activeTab">
-    <template #tab="{item}">
-      <g-tab :key="item.name" :item="item">{{item.name}}</g-tab>
+    <template #tabs>
+      <g-tab v-for="(tab, index) in getTabs()" :item="`${index}`" :key="tab.name">{{tab.name}}</g-tab>
     </template>
     <template #default>
-      <g-tab-item class="pt-3" v-for="tab in tabsData" :key="tab.name" :item="tab">
+      <g-tab-item class="pt-3" v-for="(tab, index) in getTabs()" :key="tab.name" :item="`${index}`">
         <g-field :fields="tab.fields" :model="model" :path="path" :no-layout="noLayout" :fill-height="fillHeight"
                  :rootModel="_rootModel"/>
       </g-tab-item>
@@ -73,8 +73,7 @@
     },
     data() {
       return {
-        tabsData: Array,
-        activeTab: Object,
+        activeTab: '0',
       }
     },
     domain: ':domain',
@@ -142,9 +141,6 @@
       }
     },
     created() {
-      this.tabsData = this.getTabs();
-      this.activeTab = this.tabsData[0];
-
       if (this.fields) {
         this.fields.forEach(this.setProperty);
       } else if (!this.fields && this.field) {

From ea89f8227e88de869800d79ee7c032f3450adc8e Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Thu, 26 Dec 2019 16:14:32 +0700
Subject: [PATCH 16/24] Move GFieldObject collapse state history from
 GFieldChoice to GFieldObject

---
 src/form/GField.vue            | 17 ++++++++--------
 src/form/GFieldChoice.vue      | 15 +-------------
 src/form/GFieldObject.vue      | 14 +++++++++----
 src/form/GFieldObjectArray.vue | 36 ++++++++++++++++++++++++++++++++++
 4 files changed, 56 insertions(+), 26 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 96f69f6..93471a8 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -1,5 +1,6 @@
 <template>
-  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="Object.keys(getTabs())" :class="{'tab-wrapper': fillHeight}"
+  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="Object.keys(getTabs())"
+          :class="{'tab-wrapper': fillHeight}"
           v-model="activeTab">
     <template #tabs>
       <g-tab v-for="(tab, index) in getTabs()" :item="`${index}`" :key="tab.name">{{tab.name}}</g-tab>
@@ -31,18 +32,18 @@
 
   <!--todo: object navigate-->
   <component v-else :is="type" v-on="$listeners"
-             :rootModel="_rootModel" :path="path" :collapse-states="collapseStates"
+             :rootModel="_rootModel" :path="path"
              :model="model" :field="field" :in-array="inArray" :no-layout="noLayout">
     <slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot"/>
   </component>
 </template>
 
 <script>
-  import { Fragment } from 'vue-fragment';
-  import { upperFirst, filter, values, assign, cloneDeep, map } from 'lodash-es';
+  import {Fragment} from 'vue-fragment';
+  import {upperFirst, filter, values, assign, cloneDeep, map} from 'lodash-es';
   import Vue from 'vue';
 
-  const _ = { upperFirst, filter, values, assign, cloneDeep, map };
+  const _ = {upperFirst, filter, values, assign, cloneDeep, map};
 
   import {
     _modelFactory,
@@ -83,7 +84,7 @@
       const label = labelFactory(props);
       const _rootModel = _rootModelFactory(props);
 
-      return { _model, flex, label, getLabel, _rootModel }
+      return {_model, flex, label, getLabel, _rootModel}
     },
     computed: {
       type() {
@@ -120,8 +121,8 @@
       },
       getTabs() {
         const basic = _.filter(this.fields, f => ![].concat(..._.values(this.tabs)).includes(f.key)).map(f => f.key);
-        return _.map(_.assign({}, basic.length > 0 ? { basic } : {}, this.tabs), (tabFields, name) => {
-          return { name, fields: _.filter(this.fields, f => tabFields.includes(f.key)) };
+        return _.map(_.assign({}, basic.length > 0 ? {basic} : {}, this.tabs), (tabFields, name) => {
+          return {name, fields: _.filter(this.fields, f => tabFields.includes(f.key))};
         });
       },
       isVisible(field) {
diff --git a/src/form/GFieldChoice.vue b/src/form/GFieldChoice.vue
index 71d7a8f..dafe1d6 100644
--- a/src/form/GFieldChoice.vue
+++ b/src/form/GFieldChoice.vue
@@ -3,8 +3,7 @@
     <div v-if="choiceExist">
       <g-col xs12>
         <g-field :field="choiceField" :model="choiceModel" @remove-field="removeChoice" :in-array="true"
-                 :root-model="rootModel" :path="choicePath" :no-layout="noLayout"
-                 :collapse-states="collapseStates" @toggle-collapse="saveCollapseState">
+                 :root-model="rootModel" :path="choicePath" :no-layout="noLayout">
           <template #action>
             <g-card background-color="white" class="action-container" :elevation="0">
               <g-btn xSmall icon @click="pushItemUp(field.key)">
@@ -67,12 +66,6 @@
   export default {
     name: 'GFieldChoice',
     props: ['model', 'field', 'inArray', 'rootModel', 'path', 'noLayout'],
-    initLocalStoragePath() {
-      return `${this.rootModel._id}/${this.field.key}/GFieldChoice/collapseStates`;
-    },
-    injectLocalStorage: {
-      collapseStates: {default: {}},
-    },
     data: function () {
       return {
         showMenu: false,
@@ -149,12 +142,6 @@
         this.$set(this.choiceModel, this.choiceKey, this.getChoiceName(choice));
       },
       getChoiceName,
-      saveCollapseState(key, collapse) {
-        if (!key || !this.collapseStates) return
-
-        this.collapseStates[key] = collapse
-        this.$emit('saveLocalStorage');
-      },
       pushItemDown(index) {
         index = parseInt(index)
         const itemsLength = this.model && this.model.length
diff --git a/src/form/GFieldObject.vue b/src/form/GFieldObject.vue
index 995f1f9..a4405ad 100644
--- a/src/form/GFieldObject.vue
+++ b/src/form/GFieldObject.vue
@@ -46,7 +46,13 @@
 
   export default {
     name: 'GFieldObject',
-    props: ['model', 'field', 'rootModel', 'path', 'noLayout', 'collapseStates'],
+    props: ['model', 'field', 'rootModel', 'path', 'noLayout'],
+    initLocalStoragePath() {
+      return `${this.rootModel._id}/${this.field.key ? this.field.key : 'no-key'}/${this.path}/GFieldObject/collapseState`;
+    },
+    injectLocalStorage: {
+      collapseHistory: {default: false},
+    },
     data: () => ({
       collapse: false,
       showAction: false,
@@ -60,8 +66,7 @@
       return {_model, flex, label, _fields}
     },
     created() {
-      const key = `${this.model._id}/${this.path}`
-      if (this.collapseStates && this.collapseStates[key]) this.collapse = true
+      this.collapse = this.collapseHistory
     },
     computed: {
       noPanel() {
@@ -75,7 +80,8 @@
       getLabel,
       toggleCollapse() {
         this.collapse = !this.collapse
-        this.$emit('toggle-collapse', `${this.model._id}/${this.path}`, this.collapse)
+        this.collapseHistory = this.collapse
+        this.$emit('saveLocalStorage')
       }
     },
   }
diff --git a/src/form/GFieldObjectArray.vue b/src/form/GFieldObjectArray.vue
index 9dafc04..89882cc 100644
--- a/src/form/GFieldObjectArray.vue
+++ b/src/form/GFieldObjectArray.vue
@@ -8,6 +8,16 @@
                         :in-array="true" :rootModel="rootModel" :path="genPath(field.key)" :no-layout="noLayout">
           <template #action="{collapse}">
             <g-card background-color="white" class="action-container" :elevation="0">
+              <g-btn xSmall icon @click="pushItemUp(index)">
+                <g-icon small>
+                  keyboard_arrow_up
+                </g-icon>
+              </g-btn>
+              <g-btn xSmall icon @click="pushItemDown(index)">
+                <g-icon small>
+                  keyboard_arrow_down
+                </g-icon>
+              </g-btn>
               <g-btn xSmall icon @click="model[field.key].splice(index, 1)">
                 <g-icon small>delete</g-icon>
               </g-btn>
@@ -56,6 +66,32 @@
       createObjectArrayField(fields, index) {
         return {key: index, type: 'object', label: this.label, fields};
       },
+      pushItemDown(index) {
+        const model = this.model[this.field.key]
+        index = parseInt(index)
+        const itemsLength = model && model.length
+        if (!itemsLength || isNaN(index) || index === itemsLength - 1) return
+
+        const newModel = _.clone(model)
+        const temp = newModel[index]
+        newModel[index] = newModel[index + 1]
+        newModel[index + 1] = temp
+
+        model.splice(0, model.length, ...newModel)
+      },
+      pushItemUp(index) {
+        const model = this.model[this.field.key]
+        index = parseInt(index)
+        const itemsLength = model && model.length
+        if (!itemsLength || isNaN(index) || index === 0) return
+
+        const newModel = _.clone(model)
+        const temp = newModel[index]
+        newModel[index] = newModel[index - 1]
+        newModel[index - 1] = temp
+
+        model.splice(0, model.length, ...newModel)
+      }
     }
   }
 </script>

From a5b2533bac189a7ee25669a5743937031ba73ab2 Mon Sep 17 00:00:00 2001
From: Anh <anhoev@yahoo.de>
Date: Thu, 26 Dec 2019 17:46:36 +0700
Subject: [PATCH 17/24] removable for checkbox/switch

---
 src/form/GInput.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 3ccd82e..d23fff8 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -1,9 +1,17 @@
 <template>
   <g-col :class="[flex,paddingClass]" v-if="inputType === 'switch'">
-    <g-switch :label="field.tableCell ? '': label" v-model="internalValue"/>
+    <g-switch :label="field.tableCell ? '': label" v-model="internalValue">
+      <template #label v-if="inArray">
+        {{field.tableCell ? '': label}} (<g-icon slot="append-inner"  @click.stop="removeField">clear</g-icon>)
+      </template>
+    </g-switch>
   </g-col>
   <g-col :class="[flex,paddingClass]" class="row-flex align-items-center" v-else-if="inputType === 'checkbox'">
-    <g-checkbox color="primary" :label="field.tableCell ? '': label" v-model="internalValue"/>
+    <g-checkbox color="primary" :label="field.tableCell ? '': label" v-model="internalValue">
+      <template #label v-if="inArray">
+        {{field.tableCell ? '': label}} (<g-icon slot="append-inner"  @click.stop="removeField">clear</g-icon>)
+      </template>
+    </g-checkbox>
   </g-col>
   <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'select' || inputType === 'select:number'">
     <component :is="field.notOnlyValueInOptions ? 'g-combobox': 'g-autocomplete'" v-model="internalValue"

From 0f25b2f83a19dc9bbfe06d036c1bb6284791e4b6 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Sat, 11 Jan 2020 10:51:30 +0700
Subject: [PATCH 18/24] Add lazy load for GFieldTableArray

---
 src/form/GFieldTableArray.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/form/GFieldTableArray.vue b/src/form/GFieldTableArray.vue
index 96d67f0..c40d0bf 100644
--- a/src/form/GFieldTableArray.vue
+++ b/src/form/GFieldTableArray.vue
@@ -25,7 +25,8 @@
           </td>
         </tr>
         <GExpandTransition>
-          <tr v-if="field.expansion" v-show="rowDetail === index" class="g-expansion"
+          <tr v-if="field.expansion && (!field.lazy || rowDetail === index || expansionInitialized[index])"
+              v-show="rowDetail === index" class="g-expansion"
               style="border-bottom: 1px solid rgba(0,0,0,0.12);background-color: #f3f3f3;">
             <td :colspan="field.fields.length + 2" style="height: 0 !important;">
               <GExpandTransition>
@@ -59,7 +60,8 @@
     name: 'GFieldTableArray',
     props: ['model', 'field', 'rootModel', 'path'],
     data: () => ({
-      rowDetail: null
+      rowDetail: null,
+      expansionInitialized: [],
     }),
     setup(props, context) {
       const _model = _modelFactory(props);
@@ -87,6 +89,7 @@
           this.rowDetail = null;
         } else {
           this.rowDetail = index;
+          this.expansionInitialized[index] = true
         }
       },
       makeTableCell(field) {

From a43174d5d46bf8dadf6171c454834cc30756bd70 Mon Sep 17 00:00:00 2001
From: anhoev <anhoev@yahoo.de>
Date: Wed, 26 Feb 2020 21:03:28 +0700
Subject: [PATCH 19/24] use lodash instead of lodash-es

---
 package.json                         | 2 +-
 src/components/ChoiceArrayHandler.js | 2 +-
 src/components/ChoiceHandler.js      | 2 +-
 src/components/GField.vue            | 2 +-
 src/components/GFieldOld.vue         | 2 +-
 src/components/GInput.vue            | 2 +-
 src/components/GTreeFactory.js       | 2 +-
 src/components/ObjectArrayHandler.js | 2 +-
 src/components/ObjectHandler.js      | 2 +-
 src/components/SimpleArrayHandler.js | 2 +-
 src/components/TableArrayHandler.js  | 2 +-
 src/components/utils.js              | 2 +-
 src/form/GField.vue                  | 2 +-
 src/form/GInput.vue                  | 2 +-
 14 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 500531d..fa03ce9 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "storybook": "start-storybook -p 8000"
   },
   "module": "src/main.js",
-  "main": "dist/GForm.common.js",
+  "main": "src/main.js",
   "peerDependencies": {
     "bootstrap": "^4.1.3",
     "lodash": "latest",
diff --git a/src/components/ChoiceArrayHandler.js b/src/components/ChoiceArrayHandler.js
index 8b07bc9..d54d590 100644
--- a/src/components/ChoiceArrayHandler.js
+++ b/src/components/ChoiceArrayHandler.js
@@ -1,5 +1,5 @@
 import { _fields, getChoiceName, getLabel, getValueFromPathFactory } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
 
diff --git a/src/components/ChoiceHandler.js b/src/components/ChoiceHandler.js
index bd947e3..a9d462d 100644
--- a/src/components/ChoiceHandler.js
+++ b/src/components/ChoiceHandler.js
@@ -1,5 +1,5 @@
 import { _fields, getChoiceName, getLabel, getFields } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
 import { reactive, set as vSet, ref } from '@vue/composition-api';
diff --git a/src/components/GField.vue b/src/components/GField.vue
index 973c2b6..936445f 100644
--- a/src/components/GField.vue
+++ b/src/components/GField.vue
@@ -23,7 +23,7 @@
   import ObjectArrayHandler from './ObjectArrayHandler';
   import { _fields, genField, getChoiceName, getLabel, getValueFromPathFactory, makeAddable } from './utils';
   import ChoiceHandler from './ChoiceHandler';
-  import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+  import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
   import ChoiceArrayHandler from './ChoiceArrayHandler';
   import TableArrayHandler from './TableArrayHandler';
   import ObjectHandler from './ObjectHandler';
diff --git a/src/components/GFieldOld.vue b/src/components/GFieldOld.vue
index 7a4c670..d17b9da 100644
--- a/src/components/GFieldOld.vue
+++ b/src/components/GFieldOld.vue
@@ -188,7 +188,7 @@
 
 <script>
   import { Fragment } from 'vue-fragment';
-  import { upperFirst, filter, values, assign, cloneDeep, map } from 'lodash-es';
+  import { upperFirst, filter, values, assign, cloneDeep, map } from 'lodash';
 
   const _ = { upperFirst, filter, values, assign, cloneDeep, map };
 
diff --git a/src/components/GInput.vue b/src/components/GInput.vue
index ecfd6c0..2b40979 100644
--- a/src/components/GInput.vue
+++ b/src/components/GInput.vue
@@ -45,7 +45,7 @@
 <script>
   //not required but this baseField has a lot of useful stuff already in it, check it out
   import { Fragment } from 'vue-fragment';
-  import { upperFirst, get } from 'lodash-es';
+  import { upperFirst, get } from 'lodash';
   import { VFlex, VSwitch, VSelect, VTextField, VIcon } from 'vuetify/lib';
   import dayjs from 'dayjs'
 
diff --git a/src/components/GTreeFactory.js b/src/components/GTreeFactory.js
index b5dae5a..2396435 100644
--- a/src/components/GTreeFactory.js
+++ b/src/components/GTreeFactory.js
@@ -1,6 +1,6 @@
 import { reactive, set, computed } from '@vue/composition-api'
 import traverse from 'traverse'
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set as lodashSet } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set as lodashSet } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set: lodashSet };
 
diff --git a/src/components/ObjectArrayHandler.js b/src/components/ObjectArrayHandler.js
index 412fa97..4e16fef 100644
--- a/src/components/ObjectArrayHandler.js
+++ b/src/components/ObjectArrayHandler.js
@@ -1,5 +1,5 @@
 import { getLabel, getValueFromPathFactory } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
 
diff --git a/src/components/ObjectHandler.js b/src/components/ObjectHandler.js
index 40c0a9c..75b4922 100644
--- a/src/components/ObjectHandler.js
+++ b/src/components/ObjectHandler.js
@@ -1,5 +1,5 @@
 import { getLabel, getValueFromPathFactory, makeAddable, getFields } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
 
diff --git a/src/components/SimpleArrayHandler.js b/src/components/SimpleArrayHandler.js
index a930dd5..156fe6c 100644
--- a/src/components/SimpleArrayHandler.js
+++ b/src/components/SimpleArrayHandler.js
@@ -1,5 +1,5 @@
 import { getLabel, getValueFromPathFactory } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
 
diff --git a/src/components/TableArrayHandler.js b/src/components/TableArrayHandler.js
index 29b2498..96a0919 100644
--- a/src/components/TableArrayHandler.js
+++ b/src/components/TableArrayHandler.js
@@ -1,5 +1,5 @@
 import { genField, getLabel, getValueFromPathFactory } from './utils';
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 import Vue from 'vue';
 import { reactive, set as vSet, ref } from '@vue/composition-api';
 
diff --git a/src/components/utils.js b/src/components/utils.js
index 6781949..3d047f0 100644
--- a/src/components/utils.js
+++ b/src/components/utils.js
@@ -1,4 +1,4 @@
-import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash-es';
+import { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty } from 'lodash';
 import { reactive, set as vSet, ref } from '@vue/composition-api';
 
 const _ = { upperFirst, filter, values, assign, cloneDeep, map, get, set, isNil, isEmpty };
diff --git a/src/form/GField.vue b/src/form/GField.vue
index 93471a8..651cca8 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -40,7 +40,7 @@
 
 <script>
   import {Fragment} from 'vue-fragment';
-  import {upperFirst, filter, values, assign, cloneDeep, map} from 'lodash-es';
+  import {upperFirst, filter, values, assign, cloneDeep, map} from 'lodash';
   import Vue from 'vue';
 
   const _ = {upperFirst, filter, values, assign, cloneDeep, map};
diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index d23fff8..1dfaff4 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -52,7 +52,7 @@
 <script>
   //not required but this baseField has a lot of useful stuff already in it, check it out
   import {Fragment} from 'vue-fragment';
-  import {upperFirst, get} from 'lodash-es';
+  import {upperFirst, get} from 'lodash';
   import dayjs from 'dayjs';
 
   const _ = {upperFirst, get};

From 0e07d6699d3b41e4a98d3d98697266caa2d4a5ff Mon Sep 17 00:00:00 2001
From: transse04731 <triracle@gmail.com>
Date: Fri, 13 Mar 2020 14:37:06 +0700
Subject: [PATCH 20/24] add metadata to GField.vue

---
 src/form/GField.vue | 21 +++++++++++++++++++--
 src/main.js         | 10 ++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 651cca8..0c7a4b0 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -14,6 +14,8 @@
     </template>
   </g-tabs>
 
+  <g-field :path="path" v-else-if="metadata" :fields="resolveMetadata()" :model="model" :no-layout="noLayout"/>
+
   <g-row no-gutters :class="fillHeight ? 'fill-height' : ''" v-else-if="fields">
     <g-field v-for="(_field, index) in getFormFields()" :key="'field_' + _field.key + '_' + index"
              :path="path"
@@ -33,7 +35,7 @@
   <!--todo: object navigate-->
   <component v-else :is="type" v-on="$listeners"
              :rootModel="_rootModel" :path="path"
-             :model="model" :field="field" :in-array="inArray" :no-layout="noLayout">
+             :model="model" :field="field" :in-array="inArray" :no-layout="noLayout" :fields="fields">
     <slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot"/>
   </component>
 </template>
@@ -63,6 +65,7 @@
       model: null,
       rootModel: null,
       path: String,
+      metadata: null,
       fields: Array,
       field: Object,
       tabs: null,
@@ -71,6 +74,7 @@
       domain: String,
       fillHeight: Boolean,
       collapseStates: Object,
+      preprocess: Array | String
     },
     data() {
       return {
@@ -83,7 +87,6 @@
       const flex = flexFactory(props);
       const label = labelFactory(props);
       const _rootModel = _rootModelFactory(props);
-
       return {_model, flex, label, getLabel, _rootModel}
     },
     computed: {
@@ -139,6 +142,20 @@
             this.$set(this.model, field.key);
           }
         }
+      },
+      resolveMetadata() {
+        const preprocess = this.preprocess;
+        let result = this.fields;
+        if (preprocess) {
+          if (Array.isArray(preprocess)) {
+            preprocess.forEach(process => {
+              result = Vue.$gform.preprocess[process](this.metadata, result);
+            });
+          } else {
+            result = Vue.$gform.preprocess[preprocess](this.metadata, result);
+          }
+        }
+        return result;
       }
     },
     created() {
diff --git a/src/main.js b/src/main.js
index c787dbe..6f861e2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,12 +8,10 @@ import GFieldChoice from './form/GFieldChoice';
 import GFieldChoiceArray from './form/GFieldChoiceArray';
 import GFieldObjectArray from './form/GFieldObjectArray';
 import GFieldObject from './form/GFieldObject';
-import GigaComponents from "./plugins/giga-components";
 
 let GForm = {
   install(Vue, options) {
     //Vue.yourMethod = (value) => value
-    Vue.use(GigaComponents);
     Vue.use(VueColumnsResizable);
     Vue.component('GField', GField);
     Vue.component('GFieldSimpleArray', GFieldSimpleArray);
@@ -33,12 +31,16 @@ let GForm = {
             return rule.component;
           }
         }
-      }
-    }
+      },
+      preprocess: {}
+    };
 
     Vue.addDynamicFormResolver = function (resolver) {
       Vue.$gform.resolver = resolver;
     }
+    Vue.addPreprocess = function (key, process) {
+      Vue.$gform.preprocess[key] = process;
+    }
     Vue.addField = function (match, component) {
       Vue.component(component.name, component);
       if (typeof match === 'function') {

From 85dab4ad7152deae4d6a9c927b3ad7cf1c12c2fa Mon Sep 17 00:00:00 2001
From: transse04731 <triracle@gmail.com>
Date: Tue, 17 Mar 2020 10:28:06 +0700
Subject: [PATCH 21/24] change type preprocess to bool

---
 src/form/GField.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/form/GField.vue b/src/form/GField.vue
index 0c7a4b0..1ab0efa 100644
--- a/src/form/GField.vue
+++ b/src/form/GField.vue
@@ -1,5 +1,7 @@
 <template>
-  <g-tabs slider-color="primary" style="width: 100%" v-if="tabs" :items="Object.keys(getTabs())"
+  <g-field :path="path" v-if="metadata" :fields="resolveMetadata()" :model="model" :no-layout="noLayout"/>
+
+  <g-tabs slider-color="primary" style="width: 100%" v-else-if="tabs" :items="Object.keys(getTabs())"
           :class="{'tab-wrapper': fillHeight}"
           v-model="activeTab">
     <template #tabs>
@@ -14,8 +16,6 @@
     </template>
   </g-tabs>
 
-  <g-field :path="path" v-else-if="metadata" :fields="resolveMetadata()" :model="model" :no-layout="noLayout"/>
-
   <g-row no-gutters :class="fillHeight ? 'fill-height' : ''" v-else-if="fields">
     <g-field v-for="(_field, index) in getFormFields()" :key="'field_' + _field.key + '_' + index"
              :path="path"
@@ -74,7 +74,7 @@
       domain: String,
       fillHeight: Boolean,
       collapseStates: Object,
-      preprocess: Array | String
+      preprocess: [Boolean, String]
     },
     data() {
       return {
@@ -147,13 +147,7 @@
         const preprocess = this.preprocess;
         let result = this.fields;
         if (preprocess) {
-          if (Array.isArray(preprocess)) {
-            preprocess.forEach(process => {
-              result = Vue.$gform.preprocess[process](this.metadata, result);
-            });
-          } else {
-            result = Vue.$gform.preprocess[preprocess](this.metadata, result);
-          }
+          result = Vue.$gform.preprocess[typeof preprocess === 'string' ? preprocess : 'normalize'](this.metadata, result);
         }
         return result;
       }

From 293c60bdf9d59c9c7408f2e32c44975407876b1b Mon Sep 17 00:00:00 2001
From: anhoev <anhoev@yahoo.de>
Date: Wed, 25 Mar 2020 18:16:47 +0700
Subject: [PATCH 22/24] add allowDuplicates for combobox

---
 src/form/GInput.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 1dfaff4..31fbcfe 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -30,6 +30,7 @@
     <g-combobox
       v-model="internalValue"
       :item-text="field.itemText" :item-value="field.itemValue"
+      :allowDuplicates="field.allowDuplicates"
       :items="options"
       hide-selected
       :label="field.tableCell ? '': label"

From a3943aaa78e90ebfb23ff265532a79d4868c4e67 Mon Sep 17 00:00:00 2001
From: anhoev <anhoev@yahoo.de>
Date: Mon, 30 Mar 2020 10:50:01 +0700
Subject: [PATCH 23/24] add normalize for select

---
 src/form/GInput.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/form/GInput.vue b/src/form/GInput.vue
index 31fbcfe..06c6904 100644
--- a/src/form/GInput.vue
+++ b/src/form/GInput.vue
@@ -15,6 +15,7 @@
   </g-col>
   <g-col :class="[flex,paddingClass]" v-else-if="inputType === 'select' || inputType === 'select:number'">
     <component :is="field.notOnlyValueInOptions ? 'g-combobox': 'g-autocomplete'" v-model="internalValue"
+               :normalize="field.normalize"
                :items="options"
                :item-text="field.itemText" :item-value="field.itemValue"
                :chips="field.chips" :small-chips="field.chips"
@@ -29,6 +30,7 @@
          v-else-if="inputType === 'multiSelect' || inputType === 'multiSelect:number'">
     <g-combobox
       v-model="internalValue"
+      :normalize="field.normalize"
       :item-text="field.itemText" :item-value="field.itemValue"
       :allowDuplicates="field.allowDuplicates"
       :items="options"

From 92482d0afbb541f457cffdaacbc4500d2ca27e07 Mon Sep 17 00:00:00 2001
From: danglam105 <danglam105@gmail.com>
Date: Mon, 4 Jan 2021 17:27:10 +0700
Subject: [PATCH 24/24] Add Jest snapshot tests

---
 babel.config.js                               |    6 +-
 jest.config.js                                |   19 +
 package-lock.json                             | 4879 +++++++++++++----
 package.json                                  |    5 +-
 .../__snapshots__/type-array.test.js.snap     |   10 +
 .../type-choice-array.test.js.snap            |   13 +
 .../__snapshots__/type-choice.test.js.snap    |   12 +
 .../__snapshots__/type-date.test.js.snap      |   17 +
 .../__snapshots__/type-input.test.js.snap     |   17 +
 .../type-number-input.test.js.snap            |   20 +
 .../__snapshots__/type-object.test.js.snap    |   48 +
 .../__snapshots__/type-select.test.js.snap    |   25 +
 .../__snapshots__/type-switch.test.js.snap    |    7 +
 .../type-table-array.test.js.snap             |   39 +
 test/jest/g-field/common.js                   |   30 +
 test/jest/g-field/type-array.test.js          |   11 +
 test/jest/g-field/type-choice-array.test.js   |   17 +
 test/jest/g-field/type-choice.test.js         |   17 +
 test/jest/g-field/type-date.test.js           |    8 +
 test/jest/g-field/type-input.test.js          |    8 +
 test/jest/g-field/type-number-input.test.js   |    9 +
 test/jest/g-field/type-object.test.js         |   11 +
 test/jest/g-field/type-select.test.js         |   11 +
 test/jest/g-field/type-switch.test.js         |    8 +
 test/jest/g-field/type-table-array.test.js    |   11 +
 test/jest/jest-style-mock.js                  |    1 +
 26 files changed, 4208 insertions(+), 1051 deletions(-)
 create mode 100644 jest.config.js
 create mode 100644 test/jest/g-field/__snapshots__/type-array.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-choice-array.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-choice.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-date.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-input.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-number-input.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-object.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-select.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-switch.test.js.snap
 create mode 100644 test/jest/g-field/__snapshots__/type-table-array.test.js.snap
 create mode 100644 test/jest/g-field/common.js
 create mode 100644 test/jest/g-field/type-array.test.js
 create mode 100644 test/jest/g-field/type-choice-array.test.js
 create mode 100644 test/jest/g-field/type-choice.test.js
 create mode 100644 test/jest/g-field/type-date.test.js
 create mode 100644 test/jest/g-field/type-input.test.js
 create mode 100644 test/jest/g-field/type-number-input.test.js
 create mode 100644 test/jest/g-field/type-object.test.js
 create mode 100644 test/jest/g-field/type-select.test.js
 create mode 100644 test/jest/g-field/type-switch.test.js
 create mode 100644 test/jest/g-field/type-table-array.test.js
 create mode 100644 test/jest/jest-style-mock.js

diff --git a/babel.config.js b/babel.config.js
index 5729aec..4ae7a6a 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,9 +1,7 @@
 module.exports = {
   presets: [
     'vca-jsx',
-    ['@vue/app',
-      {
-        "useBuiltIns": "entry"
-      }]
+    "@babel/preset-env",
+    ['@vue/app', { "useBuiltIns": "entry" }],
   ]
 }
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..4af7c67
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,19 @@
+const { defaults } = require('jest-config');
+
+module.exports = {
+  verbose: true,
+  preset: defaults.preset,
+  testMatch: [ "**/test/jest/**/*.test.js", ],
+  moduleFileExtensions: [
+    "js",
+    "json",
+    "vue",
+  ],
+  transform: {
+    ".*\\.(vue)$": "vue-jest",
+    ".*\\.(js)$": "babel-jest",
+  },
+  moduleNameMapper: {
+    '\\.(css|scss)$': '<rootDir>/test/jest/jest-style-mock.js',
+  }
+}
diff --git a/package-lock.json b/package-lock.json
index 7038d01..7cf8917 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,102 +13,204 @@
         "@babel/highlight": "^7.0.0"
       }
     },
+    "@babel/compat-data": {
+      "version": "7.12.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.12.7.tgz",
+      "integrity": "sha512-YaxPMGs/XIWtYqrdEOZOCPsVWfEoriXopnsz3/i7apYPXQ3698UFhS6dVT1KN5qOsWmVgw/FOrmQgpRaZayGsw==",
+      "dev": true
+    },
     "@babel/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-Rm0HGw101GY8FTzpWSyRbki/jzq+/PkNQJ+nSulrdY6gFGOsNseCqD6KHRYe2E+EdzuBdr2pxCp6s4Uk6eJ+XQ==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.5.5",
-        "@babel/generator": "^7.6.4",
-        "@babel/helpers": "^7.6.2",
-        "@babel/parser": "^7.6.4",
-        "@babel/template": "^7.6.0",
-        "@babel/traverse": "^7.6.3",
-        "@babel/types": "^7.6.3",
-        "convert-source-map": "^1.1.0",
+      "version": "7.12.10",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.10.tgz",
+      "integrity": "sha512-eTAlQKq65zHfkHZV0sIVODCPGVgoo1HdBlbSLi9CqOzuZanMv2ihzY+4paiKr1mH+XmYESMAmJ/dpZ68eN6d8w==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/generator": "^7.12.10",
+        "@babel/helper-module-transforms": "^7.12.1",
+        "@babel/helpers": "^7.12.5",
+        "@babel/parser": "^7.12.10",
+        "@babel/template": "^7.12.7",
+        "@babel/traverse": "^7.12.10",
+        "@babel/types": "^7.12.10",
+        "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
-        "json5": "^2.1.0",
-        "lodash": "^4.17.13",
-        "resolve": "^1.3.2",
+        "gensync": "^1.0.0-beta.1",
+        "json5": "^2.1.2",
+        "lodash": "^4.17.19",
         "semver": "^5.4.1",
         "source-map": "^0.5.0"
       },
       "dependencies": {
         "@babel/code-frame": {
-          "version": "7.5.5",
-          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz",
-          "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+          "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
           "dev": true,
           "requires": {
-            "@babel/highlight": "^7.0.0"
+            "@babel/highlight": "^7.10.4"
           }
         },
         "@babel/generator": {
-          "version": "7.6.4",
-          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.6.4.tgz",
-          "integrity": "sha512-jsBuXkFoZxk0yWLyGI9llT9oiQ2FeTASmRFE32U+aaDTfoE92t78eroO7PTpU/OrYq38hlcDM6vbfLDaOLy+7w==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz",
+          "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==",
           "dev": true,
           "requires": {
-            "@babel/types": "^7.6.3",
+            "@babel/types": "^7.12.11",
             "jsesc": "^2.5.1",
-            "lodash": "^4.17.13",
             "source-map": "^0.5.0"
           }
         },
+        "@babel/helper-function-name": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz",
+          "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.10",
+            "@babel/template": "^7.12.7",
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz",
+          "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz",
+          "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.5"
+          }
+        },
+        "@babel/helper-module-transforms": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz",
+          "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.12.1",
+            "@babel/helper-replace-supers": "^7.12.1",
+            "@babel/helper-simple-access": "^7.12.1",
+            "@babel/helper-split-export-declaration": "^7.11.0",
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/traverse": "^7.12.1",
+            "@babel/types": "^7.12.1",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/helper-simple-access": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz",
+          "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.1"
+          }
+        },
         "@babel/helper-split-export-declaration": {
-          "version": "7.4.4",
-          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz",
-          "integrity": "sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz",
+          "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==",
           "dev": true,
           "requires": {
-            "@babel/types": "^7.4.4"
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
           }
         },
         "@babel/parser": {
-          "version": "7.6.4",
-          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.6.4.tgz",
-          "integrity": "sha512-D8RHPW5qd0Vbyo3qb+YjO5nvUVRTXFLQ/FsDxJU2Nqz4uB5EnUN0ZQSEYpvTIbRuttig1XbHWU5oMeQwQSAA+A==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+          "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==",
           "dev": true
         },
         "@babel/template": {
-          "version": "7.6.0",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.6.0.tgz",
-          "integrity": "sha512-5AEH2EXD8euCk446b7edmgFdub/qfH1SN6Nii3+fyXP807QRx9Q73A2N5hNwRRslC2H9sNzaFhsPubkS4L8oNQ==",
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz",
+          "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==",
           "dev": true,
           "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "@babel/parser": "^7.6.0",
-            "@babel/types": "^7.6.0"
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.12.7",
+            "@babel/types": "^7.12.7"
           }
         },
         "@babel/traverse": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.6.3.tgz",
-          "integrity": "sha512-unn7P4LGsijIxaAJo/wpoU11zN+2IaClkQAxcJWBNCMS6cmVh802IyLHNkAjQ0iYnRS3nnxk5O3fuXW28IMxTw==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
+          "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
           "dev": true,
           "requires": {
-            "@babel/code-frame": "^7.5.5",
-            "@babel/generator": "^7.6.3",
-            "@babel/helper-function-name": "^7.1.0",
-            "@babel/helper-split-export-declaration": "^7.4.4",
-            "@babel/parser": "^7.6.3",
-            "@babel/types": "^7.6.3",
+            "@babel/code-frame": "^7.12.11",
+            "@babel/generator": "^7.12.11",
+            "@babel/helper-function-name": "^7.12.11",
+            "@babel/helper-split-export-declaration": "^7.12.11",
+            "@babel/parser": "^7.12.11",
+            "@babel/types": "^7.12.12",
             "debug": "^4.1.0",
             "globals": "^11.1.0",
-            "lodash": "^4.17.13"
+            "lodash": "^4.17.19"
           }
         },
         "@babel/types": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.6.3.tgz",
-          "integrity": "sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
           "dev": true,
           "requires": {
-            "esutils": "^2.0.2",
-            "lodash": "^4.17.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
             "to-fast-properties": "^2.0.0"
           }
+        },
+        "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"
+          }
+        },
+        "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"
+          }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        },
+        "minimist": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+          "dev": true
         }
       }
     },
@@ -244,6 +346,51 @@
         }
       }
     },
+    "@babel/helper-compilation-targets": {
+      "version": "7.12.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.5.tgz",
+      "integrity": "sha512-+qH6NrscMolUlzOYngSBMIOQpKUGPPsc61Bu5W10mg84LxZ7cmvnBHzARKbDoFxVvqqAbj6Tg6N7bSrWSPXMyw==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.12.5",
+        "@babel/helper-validator-option": "^7.12.1",
+        "browserslist": "^4.14.5",
+        "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "4.16.0",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.0.tgz",
+          "integrity": "sha512-/j6k8R0p3nxOC6kx5JGAxsnhc9ixaWJfYc+TNTzxg6+ARaESAvQGV7h0uNOB4t+pLQJZWzcrMxXOxjgsCj3dqQ==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001165",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.621",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.67"
+          }
+        },
+        "caniuse-lite": {
+          "version": "1.0.30001171",
+          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001171.tgz",
+          "integrity": "sha512-5Alrh8TTYPG9IH4UkRqEBZoEToWRLvPbSQokvzSz0lii8/FOWKG4keO1HoYfPWs8IF/NH/dyNPg1cmJGvV3Zlg==",
+          "dev": true
+        },
+        "electron-to-chromium": {
+          "version": "1.3.633",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.633.tgz",
+          "integrity": "sha512-bsVCsONiVX1abkWdH7KtpuDAhsQ3N3bjPYhROSAXE78roJKet0Y5wznA14JE9pzbwSZmSMAW6KiKYf1RvbTJkA==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.67",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz",
+          "integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/helper-create-class-features-plugin": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.6.0.tgz",
@@ -351,6 +498,88 @@
         }
       }
     },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.12.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.7.tgz",
+      "integrity": "sha512-idnutvQPdpbduutvi3JVfEgcVIHooQnhvhx0Nk9isOINOIGYkZea1Pk2JlJRiUnMefrlvr0vkByATBY/mB4vjQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.10.4",
+        "regexpu-core": "^4.7.1"
+      },
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.10.tgz",
+          "integrity": "sha512-XplmVbC1n+KY6jL8/fgLVXXUauDIB+lD5+GsQEh6F6GBF1dq1qy4DP4yXWzDKcoqXB3X58t61e85Fitoww4JVQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "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"
+          }
+        },
+        "regexpu-core": {
+          "version": "4.7.1",
+          "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz",
+          "integrity": "sha512-ywH2VUraA44DZQuRKzARmw6S66mr48pQVva4LBeRhcOltJ6hExvWly5ZjFLYo67xbIxb6W1q4bAGtgfEl20zfQ==",
+          "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"
+          }
+        },
+        "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"
+          }
+        },
+        "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
+        }
+      }
+    },
     "@babel/helper-define-map": {
       "version": "7.5.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.5.5.tgz",
@@ -427,6 +656,34 @@
         }
       }
     },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.12.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.7.tgz",
+      "integrity": "sha512-DCsuPyeWxeHgh1Dus7APn7iza42i/qXqiFPWyBDdOFtvS581JQePsc1F/nD+fHrcswhLlRc2UpYS1NwERxZhHw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.12.7"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        }
+      }
+    },
     "@babel/helper-module-imports": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.0.0.tgz",
@@ -487,6 +744,140 @@
         "@babel/types": "^7.0.0"
       }
     },
+    "@babel/helper-replace-supers": {
+      "version": "7.12.11",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.11.tgz",
+      "integrity": "sha512-q+w1cqmhL7R0FNzth/PLLp2N+scXEK/L2AHbXUyydxp828F4FEa5WcVoqui9vFRiHDQErj9Zof8azP32uGVTRA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-member-expression-to-functions": "^7.12.7",
+        "@babel/helper-optimise-call-expression": "^7.12.10",
+        "@babel/traverse": "^7.12.10",
+        "@babel/types": "^7.12.11"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+          "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz",
+          "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.11",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz",
+          "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.10",
+            "@babel/template": "^7.12.7",
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz",
+          "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz",
+          "integrity": "sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz",
+          "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+          "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz",
+          "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.12.7",
+            "@babel/types": "^7.12.7"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
+          "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.11",
+            "@babel/generator": "^7.12.11",
+            "@babel/helper-function-name": "^7.12.11",
+            "@babel/helper-split-export-declaration": "^7.12.11",
+            "@babel/parser": "^7.12.11",
+            "@babel/types": "^7.12.12",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        }
+      }
+    },
     "@babel/helper-simple-access": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.1.0.tgz",
@@ -497,6 +888,34 @@
         "@babel/types": "^7.0.0"
       }
     },
+    "@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz",
+      "integrity": "sha512-Mf5AUuhG1/OCChOJ/HcADmvcHM42WJockombn8ATJG3OnyiSxBK/Mm5x78BQWvmtXZKHgbjdGL2kin/HOLlZGA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.12.1"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        }
+      }
+    },
     "@babel/helper-split-export-declaration": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0.tgz",
@@ -506,6 +925,18 @@
         "@babel/types": "^7.0.0"
       }
     },
+    "@babel/helper-validator-identifier": {
+      "version": "7.12.11",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
+      "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==",
+      "dev": true
+    },
+    "@babel/helper-validator-option": {
+      "version": "7.12.11",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.12.11.tgz",
+      "integrity": "sha512-TBFCyj939mFSdeX7U7DDj32WtzYY7fDcalgq8v3fBZMNOJQNn7nOYzMaUCiPxPYfCup69mtIpqlKgMZLvQ8Xhw==",
+      "dev": true
+    },
     "@babel/helper-wrap-function": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.1.0.tgz",
@@ -519,92 +950,126 @@
       }
     },
     "@babel/helpers": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.6.2.tgz",
-      "integrity": "sha512-3/bAUL8zZxYs1cdX2ilEE0WobqbCmKWr/889lf2SS0PpDcpEIY8pb1CCyz0pEcX3pEb+MCbks1jIokz2xLtGTA==",
+      "version": "7.12.5",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz",
+      "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==",
       "dev": true,
       "requires": {
-        "@babel/template": "^7.6.0",
-        "@babel/traverse": "^7.6.2",
-        "@babel/types": "^7.6.0"
+        "@babel/template": "^7.10.4",
+        "@babel/traverse": "^7.12.5",
+        "@babel/types": "^7.12.5"
       },
       "dependencies": {
-        "@babel/generator": {
-          "version": "7.6.4",
-          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.6.4.tgz",
-          "integrity": "sha512-jsBuXkFoZxk0yWLyGI9llT9oiQ2FeTASmRFE32U+aaDTfoE92t78eroO7PTpU/OrYq38hlcDM6vbfLDaOLy+7w==",
+        "@babel/code-frame": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+          "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
           "dev": true,
           "requires": {
-            "@babel/types": "^7.6.3",
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz",
+          "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.11",
             "jsesc": "^2.5.1",
-            "lodash": "^4.17.13",
             "source-map": "^0.5.0"
           }
         },
+        "@babel/helper-function-name": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz",
+          "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.10",
+            "@babel/template": "^7.12.7",
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz",
+          "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
         "@babel/helper-split-export-declaration": {
-          "version": "7.4.4",
-          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz",
-          "integrity": "sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz",
+          "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==",
           "dev": true,
           "requires": {
-            "@babel/types": "^7.4.4"
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
           }
         },
         "@babel/parser": {
-          "version": "7.6.4",
-          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.6.4.tgz",
-          "integrity": "sha512-D8RHPW5qd0Vbyo3qb+YjO5nvUVRTXFLQ/FsDxJU2Nqz4uB5EnUN0ZQSEYpvTIbRuttig1XbHWU5oMeQwQSAA+A==",
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+          "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==",
           "dev": true
         },
         "@babel/template": {
-          "version": "7.6.0",
-          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.6.0.tgz",
-          "integrity": "sha512-5AEH2EXD8euCk446b7edmgFdub/qfH1SN6Nii3+fyXP807QRx9Q73A2N5hNwRRslC2H9sNzaFhsPubkS4L8oNQ==",
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz",
+          "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==",
           "dev": true,
           "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "@babel/parser": "^7.6.0",
-            "@babel/types": "^7.6.0"
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.12.7",
+            "@babel/types": "^7.12.7"
           }
         },
         "@babel/traverse": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.6.3.tgz",
-          "integrity": "sha512-unn7P4LGsijIxaAJo/wpoU11zN+2IaClkQAxcJWBNCMS6cmVh802IyLHNkAjQ0iYnRS3nnxk5O3fuXW28IMxTw==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
+          "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
           "dev": true,
           "requires": {
-            "@babel/code-frame": "^7.5.5",
-            "@babel/generator": "^7.6.3",
-            "@babel/helper-function-name": "^7.1.0",
-            "@babel/helper-split-export-declaration": "^7.4.4",
-            "@babel/parser": "^7.6.3",
-            "@babel/types": "^7.6.3",
+            "@babel/code-frame": "^7.12.11",
+            "@babel/generator": "^7.12.11",
+            "@babel/helper-function-name": "^7.12.11",
+            "@babel/helper-split-export-declaration": "^7.12.11",
+            "@babel/parser": "^7.12.11",
+            "@babel/types": "^7.12.12",
             "debug": "^4.1.0",
             "globals": "^11.1.0",
-            "lodash": "^4.17.13"
-          },
-          "dependencies": {
-            "@babel/code-frame": {
-              "version": "7.5.5",
-              "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz",
-              "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==",
-              "dev": true,
-              "requires": {
-                "@babel/highlight": "^7.0.0"
-              }
-            }
+            "lodash": "^4.17.19"
           }
         },
         "@babel/types": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.6.3.tgz",
-          "integrity": "sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
           "dev": true,
           "requires": {
-            "esutils": "^2.0.2",
-            "lodash": "^4.17.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
             "to-fast-properties": "^2.0.0"
           }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
         }
       }
     },
@@ -678,6 +1143,24 @@
         }
       }
     },
+    "@babel/plugin-proposal-export-namespace-from": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.1.tgz",
+      "integrity": "sha512-6CThGf0irEkzujYS5LQcjBx8j/4aQGiVv7J9+2f7pGfxqyKh3WnmVJYW3hdrQjyksErMGBPQrCnHfOtna+WLbw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-proposal-json-strings": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz",
@@ -688,6 +1171,60 @@
         "@babel/plugin-syntax-json-strings": "^7.2.0"
       }
     },
+    "@babel/plugin-proposal-logical-assignment-operators": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.1.tgz",
+      "integrity": "sha512-k8ZmVv0JU+4gcUGeCDZOGd0lCIamU/sMtIiX3UWnUc5yzgq6YUGyEolNYD+MLYKfSzgECPcqetVcJP9Afe/aCA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.1.tgz",
+      "integrity": "sha512-nZY0ESiaQDI1y96+jk6VxMOaL4LPo/QDHBqL+SF3/vl6dHkTwHlOI8L4ZwuRBHgakRBw5zsVylel7QPbbGuYgg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-proposal-numeric-separator": {
+      "version": "7.12.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.7.tgz",
+      "integrity": "sha512-8c+uy0qmnRTeukiGsjLGy6uVs/TFjJchGXUeBqlG4VWYOdJWkhhVPdQ3uHwbmalfJwv2JsV0qffXP4asRfL2SQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-proposal-object-rest-spread": {
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz",
@@ -719,6 +1256,148 @@
         "@babel/plugin-syntax-optional-catch-binding": "^7.2.0"
       }
     },
+    "@babel/plugin-proposal-optional-chaining": {
+      "version": "7.12.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.7.tgz",
+      "integrity": "sha512-4ovylXZ0PWmwoOvhU2vhnzVNnm88/Sm9nx7V8BPgMvAzn5zDou3/Awy0EjglyubVHasJj+XCEkr/r1X3P5elCA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-proposal-private-methods": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.1.tgz",
+      "integrity": "sha512-mwZ1phvH7/NHK6Kf8LP7MYDogGV+DKB1mryFOEwx5EBNQrosvIczzZFTUmWaeujd5xT6G1ELYWUz3CutMhjE1w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.12.1",
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+          "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.1.tgz",
+          "integrity": "sha512-hkL++rWeta/OVOBTRJc9a5Azh5mt5WgZUGAKMD8JM141YsE08K//bp1unBBieO6rUKkIPyUE0USQ30jAy3Sk1w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-member-expression-to-functions": "^7.12.1",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.12.1",
+            "@babel/helper-split-export-declaration": "^7.10.4"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz",
+          "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.10",
+            "@babel/template": "^7.12.7",
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz",
+          "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz",
+          "integrity": "sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz",
+          "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+          "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz",
+          "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.12.7",
+            "@babel/types": "^7.12.7"
+          }
+        },
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.6.2.tgz",
@@ -739,6 +1418,23 @@
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-syntax-class-properties": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.1.tgz",
+      "integrity": "sha512-U40A76x5gTwmESz+qiqssqmeEsKvcSyvtgktrm0uzcARAmM9I1jR221f6Oq+GmHrcD+LvZDag1UTOTe2fL3TeA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-syntax-decorators": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.2.0.tgz",
@@ -757,6 +1453,23 @@
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-syntax-json-strings": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.2.0.tgz",
@@ -775,13 +1488,72 @@
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@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"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.0.0.tgz",
-      "integrity": "sha512-5A0n4p6bIiVe5OvQPxBnesezsgFJdHhSs3uFSvaPdMqtsovajLZ+G2vZyvNe10EzJBWWo3AcHGKhAFUxqwp2dw==",
+      "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.0.0"
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-syntax-optional-catch-binding": {
@@ -793,6 +1565,40 @@
         "@babel/helper-plugin-utils": "^7.0.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"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.1.tgz",
+      "integrity": "sha512-i7ooMZFS+a/Om0crxZodrTzNEPJHZrlMVGMTEpFAj6rYY/bKCddB0Dk/YxfPuYXOopuhKk/e1jV6h+WUU9XN3A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-transform-arrow-functions": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.2.0.tgz",
@@ -1418,6 +2224,15 @@
         }
       }
     },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.1.tgz",
+      "integrity": "sha512-gYrHqs5itw6i4PflFX3OdBPMQdPbF4bj2REIUxlMRUFk0/ZOAIpDFuViuxPjUL7YC8UPnf+XG7/utJvqXdPKng==",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.14.2"
+      }
+    },
     "@babel/plugin-transform-reserved-words": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.2.0.tgz",
@@ -1474,6 +2289,23 @@
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-transform-unicode-escapes": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.1.tgz",
+      "integrity": "sha512-I8gNHJLIc7GdApm7wkVnStWssPNbSRMPtgHdmH3sRM1zopz09UWPS4x5V4n1yz/MIWTVnJ9sp6IkuXdWM4w+2Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "dependencies": {
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        }
+      }
+    },
     "@babel/plugin-transform-unicode-regex": {
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.6.2.tgz",
@@ -1486,149 +2318,816 @@
       }
     },
     "@babel/preset-env": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.6.3.tgz",
-      "integrity": "sha512-CWQkn7EVnwzlOdR5NOm2+pfgSNEZmvGjOhlCHBDq0J8/EStr+G+FvPEiz9B56dR6MoiUFjXhfE4hjLoAKKJtIQ==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-module-imports": "^7.0.0",
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@babel/plugin-proposal-async-generator-functions": "^7.2.0",
-        "@babel/plugin-proposal-dynamic-import": "^7.5.0",
-        "@babel/plugin-proposal-json-strings": "^7.2.0",
-        "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
-        "@babel/plugin-proposal-optional-catch-binding": "^7.2.0",
-        "@babel/plugin-proposal-unicode-property-regex": "^7.6.2",
-        "@babel/plugin-syntax-async-generators": "^7.2.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-        "@babel/plugin-syntax-json-strings": "^7.2.0",
-        "@babel/plugin-syntax-object-rest-spread": "^7.2.0",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.2.0",
-        "@babel/plugin-transform-arrow-functions": "^7.2.0",
-        "@babel/plugin-transform-async-to-generator": "^7.5.0",
-        "@babel/plugin-transform-block-scoped-functions": "^7.2.0",
-        "@babel/plugin-transform-block-scoping": "^7.6.3",
-        "@babel/plugin-transform-classes": "^7.5.5",
-        "@babel/plugin-transform-computed-properties": "^7.2.0",
-        "@babel/plugin-transform-destructuring": "^7.6.0",
-        "@babel/plugin-transform-dotall-regex": "^7.6.2",
-        "@babel/plugin-transform-duplicate-keys": "^7.5.0",
-        "@babel/plugin-transform-exponentiation-operator": "^7.2.0",
-        "@babel/plugin-transform-for-of": "^7.4.4",
-        "@babel/plugin-transform-function-name": "^7.4.4",
-        "@babel/plugin-transform-literals": "^7.2.0",
-        "@babel/plugin-transform-member-expression-literals": "^7.2.0",
-        "@babel/plugin-transform-modules-amd": "^7.5.0",
-        "@babel/plugin-transform-modules-commonjs": "^7.6.0",
-        "@babel/plugin-transform-modules-systemjs": "^7.5.0",
-        "@babel/plugin-transform-modules-umd": "^7.2.0",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.6.3",
-        "@babel/plugin-transform-new-target": "^7.4.4",
-        "@babel/plugin-transform-object-super": "^7.5.5",
-        "@babel/plugin-transform-parameters": "^7.4.4",
-        "@babel/plugin-transform-property-literals": "^7.2.0",
-        "@babel/plugin-transform-regenerator": "^7.4.5",
-        "@babel/plugin-transform-reserved-words": "^7.2.0",
-        "@babel/plugin-transform-shorthand-properties": "^7.2.0",
-        "@babel/plugin-transform-spread": "^7.6.2",
-        "@babel/plugin-transform-sticky-regex": "^7.2.0",
-        "@babel/plugin-transform-template-literals": "^7.4.4",
-        "@babel/plugin-transform-typeof-symbol": "^7.2.0",
-        "@babel/plugin-transform-unicode-regex": "^7.6.2",
-        "@babel/types": "^7.6.3",
-        "browserslist": "^4.6.0",
-        "core-js-compat": "^3.1.1",
-        "invariant": "^2.2.2",
-        "js-levenshtein": "^1.1.3",
+      "version": "7.12.11",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.11.tgz",
+      "integrity": "sha512-j8Tb+KKIXKYlDBQyIOy4BLxzv1NUOwlHfZ74rvW+Z0Gp4/cI2IMDPBWAgWceGcE7aep9oL/0K9mlzlMGxA8yNw==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.12.7",
+        "@babel/helper-compilation-targets": "^7.12.5",
+        "@babel/helper-module-imports": "^7.12.5",
+        "@babel/helper-plugin-utils": "^7.10.4",
+        "@babel/helper-validator-option": "^7.12.11",
+        "@babel/plugin-proposal-async-generator-functions": "^7.12.1",
+        "@babel/plugin-proposal-class-properties": "^7.12.1",
+        "@babel/plugin-proposal-dynamic-import": "^7.12.1",
+        "@babel/plugin-proposal-export-namespace-from": "^7.12.1",
+        "@babel/plugin-proposal-json-strings": "^7.12.1",
+        "@babel/plugin-proposal-logical-assignment-operators": "^7.12.1",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+        "@babel/plugin-proposal-numeric-separator": "^7.12.7",
+        "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.12.1",
+        "@babel/plugin-proposal-optional-chaining": "^7.12.7",
+        "@babel/plugin-proposal-private-methods": "^7.12.1",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.12.1",
+        "@babel/plugin-syntax-async-generators": "^7.8.0",
+        "@babel/plugin-syntax-class-properties": "^7.12.1",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-json-strings": "^7.8.0",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@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.12.1",
+        "@babel/plugin-transform-arrow-functions": "^7.12.1",
+        "@babel/plugin-transform-async-to-generator": "^7.12.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.12.1",
+        "@babel/plugin-transform-block-scoping": "^7.12.11",
+        "@babel/plugin-transform-classes": "^7.12.1",
+        "@babel/plugin-transform-computed-properties": "^7.12.1",
+        "@babel/plugin-transform-destructuring": "^7.12.1",
+        "@babel/plugin-transform-dotall-regex": "^7.12.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.12.1",
+        "@babel/plugin-transform-exponentiation-operator": "^7.12.1",
+        "@babel/plugin-transform-for-of": "^7.12.1",
+        "@babel/plugin-transform-function-name": "^7.12.1",
+        "@babel/plugin-transform-literals": "^7.12.1",
+        "@babel/plugin-transform-member-expression-literals": "^7.12.1",
+        "@babel/plugin-transform-modules-amd": "^7.12.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.12.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.12.1",
+        "@babel/plugin-transform-modules-umd": "^7.12.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.12.1",
+        "@babel/plugin-transform-new-target": "^7.12.1",
+        "@babel/plugin-transform-object-super": "^7.12.1",
+        "@babel/plugin-transform-parameters": "^7.12.1",
+        "@babel/plugin-transform-property-literals": "^7.12.1",
+        "@babel/plugin-transform-regenerator": "^7.12.1",
+        "@babel/plugin-transform-reserved-words": "^7.12.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.12.1",
+        "@babel/plugin-transform-spread": "^7.12.1",
+        "@babel/plugin-transform-sticky-regex": "^7.12.7",
+        "@babel/plugin-transform-template-literals": "^7.12.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.12.10",
+        "@babel/plugin-transform-unicode-escapes": "^7.12.1",
+        "@babel/plugin-transform-unicode-regex": "^7.12.1",
+        "@babel/preset-modules": "^0.1.3",
+        "@babel/types": "^7.12.11",
+        "core-js-compat": "^3.8.0",
         "semver": "^5.5.0"
       },
       "dependencies": {
-        "@babel/plugin-syntax-dynamic-import": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz",
-          "integrity": "sha512-mVxuJ0YroI/h/tbFTPGZR8cv6ai+STMKNBq0f8hFxsxWjl94qqhsb+wXbpNMDPU3cfR1TIsVFzU3nXyZMqyK4w==",
+        "@babel/code-frame": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+          "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
           "dev": true,
           "requires": {
-            "@babel/helper-plugin-utils": "^7.0.0"
+            "@babel/highlight": "^7.10.4"
           }
         },
-        "@babel/plugin-syntax-object-rest-spread": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz",
-          "integrity": "sha512-t0JKGgqk2We+9may3t0xDdmneaXmyxq0xieYcKHxIsrJO64n1OiMWNUtc5gQK1PA0NpdCRrtZp4z+IUaKugrSA==",
+        "@babel/generator": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz",
+          "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==",
           "dev": true,
           "requires": {
-            "@babel/helper-plugin-utils": "^7.0.0"
+            "@babel/types": "^7.12.11",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
           }
         },
-        "@babel/plugin-transform-regenerator": {
-          "version": "7.4.5",
-          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.4.5.tgz",
-          "integrity": "sha512-gBKRh5qAaCWntnd09S8QC7r3auLCqq5DI6O0DlfoyDjslSBVqBibrMdsqO+Uhmx3+BlOmE/Kw1HFxmGbv0N9dA==",
+        "@babel/helper-annotate-as-pure": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.10.tgz",
+          "integrity": "sha512-XplmVbC1n+KY6jL8/fgLVXXUauDIB+lD5+GsQEh6F6GBF1dq1qy4DP4yXWzDKcoqXB3X58t61e85Fitoww4JVQ==",
           "dev": true,
           "requires": {
-            "regenerator-transform": "^0.14.0"
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-builder-binary-assignment-operator-visitor": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz",
+          "integrity": "sha512-L0zGlFrGWZK4PbT8AszSfLTM5sDU1+Az/En9VrdT8/LmEiJt4zXt+Jve9DCAnQcbqDhCI+29y/L93mrDzddCcg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-explode-assignable-expression": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-create-class-features-plugin": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.1.tgz",
+          "integrity": "sha512-hkL++rWeta/OVOBTRJc9a5Azh5mt5WgZUGAKMD8JM141YsE08K//bp1unBBieO6rUKkIPyUE0USQ30jAy3Sk1w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-member-expression-to-functions": "^7.12.1",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.12.1",
+            "@babel/helper-split-export-declaration": "^7.10.4"
+          }
+        },
+        "@babel/helper-define-map": {
+          "version": "7.10.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.10.5.tgz",
+          "integrity": "sha512-fMw4kgFB720aQFXSVaXr79pjjcW5puTCM16+rECJ/plGS+zByelE8l9nCpV1GibxTnFVmUuYG9U8wYfQHdzOEQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/types": "^7.10.5",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/helper-explode-assignable-expression": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.12.1.tgz",
+          "integrity": "sha512-dmUwH8XmlrUpVqgtZ737tK88v07l840z9j3OEhCLwKTkjlvKpfqXVIZ0wpK3aeOxspwGrf/5AP5qLx4rO3w5rA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.1"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz",
+          "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.12.10",
+            "@babel/template": "^7.12.7",
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz",
+          "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-hoist-variables": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz",
+          "integrity": "sha512-wljroF5PgCk2juF69kanHVs6vrLwIPNp6DLD+Lrl3hoQ3PpPPikaDRNFA+0t81NOoMt2DL6WW/mdU8k4k6ZzuA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/helper-module-imports": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz",
+          "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.5"
+          }
+        },
+        "@babel/helper-module-transforms": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz",
+          "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.12.1",
+            "@babel/helper-replace-supers": "^7.12.1",
+            "@babel/helper-simple-access": "^7.12.1",
+            "@babel/helper-split-export-declaration": "^7.11.0",
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/traverse": "^7.12.1",
+            "@babel/types": "^7.12.1",
+            "lodash": "^4.17.19"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz",
+          "integrity": "sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.10"
+          }
+        },
+        "@babel/helper-plugin-utils": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+          "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==",
+          "dev": true
+        },
+        "@babel/helper-remap-async-to-generator": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.1.tgz",
+          "integrity": "sha512-9d0KQCRM8clMPcDwo8SevNs+/9a8yWVVmaE80FGJcEP8N1qToREmWEGnBn8BUlJhYRFz6fqxeRL1sl5Ogsed7A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-annotate-as-pure": "^7.10.4",
+            "@babel/helper-wrap-function": "^7.10.4",
+            "@babel/types": "^7.12.1"
+          }
+        },
+        "@babel/helper-simple-access": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz",
+          "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.1"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz",
+          "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.11"
+          }
+        },
+        "@babel/helper-wrap-function": {
+          "version": "7.12.3",
+          "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.12.3.tgz",
+          "integrity": "sha512-Cvb8IuJDln3rs6tzjW3Y8UeelAOdnpB8xtQ4sme2MSZ9wOxrbThporC0y/EtE16VAtoyEfLM404Xr1e0OOp+ow==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/template": "^7.10.4",
+            "@babel/traverse": "^7.10.4",
+            "@babel/types": "^7.10.4"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.10.4",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
+          "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "chalk": "^2.0.0",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.12.11",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+          "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==",
+          "dev": true
+        },
+        "@babel/plugin-proposal-async-generator-functions": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.12.tgz",
+          "integrity": "sha512-nrz9y0a4xmUrRq51bYkWJIO5SBZyG2ys2qinHsN0zHDHVsUaModrkpyWWWXfGqYQmOL3x9sQIcTNN/pBGpo09A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-remap-async-to-generator": "^7.12.1",
+            "@babel/plugin-syntax-async-generators": "^7.8.0"
+          }
+        },
+        "@babel/plugin-proposal-class-properties": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.1.tgz",
+          "integrity": "sha512-cKp3dlQsFsEs5CWKnN7BnSHOd0EOW8EKpEjkoz1pO2E5KzIDNV9Ros1b0CnmbVgAGXJubOYVBOGCT1OmJwOI7w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-class-features-plugin": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-proposal-dynamic-import": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz",
+          "integrity": "sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/plugin-syntax-dynamic-import": "^7.8.0"
+          }
+        },
+        "@babel/plugin-proposal-json-strings": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.1.tgz",
+          "integrity": "sha512-GoLDUi6U9ZLzlSda2Df++VSqDJg3CG+dR0+iWsv6XRw1rEq+zwt4DirM9yrxW6XWaTpmai1cWJLMfM8qQJf+yw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/plugin-syntax-json-strings": "^7.8.0"
+          }
+        },
+        "@babel/plugin-proposal-object-rest-spread": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz",
+          "integrity": "sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+            "@babel/plugin-transform-parameters": "^7.12.1"
+          }
+        },
+        "@babel/plugin-proposal-optional-catch-binding": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.1.tgz",
+          "integrity": "sha512-hFvIjgprh9mMw5v42sJWLI1lzU5L2sznP805zeT6rySVRA0Y18StRhDqhSxlap0oVgItRsB6WSROp4YnJTJz0g==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/plugin-syntax-optional-catch-binding": "^7.8.0"
+          }
+        },
+        "@babel/plugin-proposal-unicode-property-regex": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.1.tgz",
+          "integrity": "sha512-MYq+l+PvHuw/rKUz1at/vb6nCnQ2gmJBNaM62z0OgH7B2W1D9pvkpYtlti9bGtizNIU1K3zm4bZF9F91efVY0w==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@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-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-transform-arrow-functions": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.1.tgz",
+          "integrity": "sha512-5QB50qyN44fzzz4/qxDPQMBCTHgxg3n0xRBLJUmBlLoU/sFvxVWGZF/ZUfMVDQuJUKXaBhbupxIzIfZ6Fwk/0A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-async-to-generator": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.1.tgz",
+          "integrity": "sha512-SDtqoEcarK1DFlRJ1hHRY5HvJUj5kX4qmtpMAm2QnhOlyuMC4TMdCRgW6WXpv93rZeYNeLP22y8Aq2dbcDRM1A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-remap-async-to-generator": "^7.12.1"
+          }
+        },
+        "@babel/plugin-transform-block-scoped-functions": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.1.tgz",
+          "integrity": "sha512-5OpxfuYnSgPalRpo8EWGPzIYf0lHBWORCkj5M0oLBwHdlux9Ri36QqGW3/LR13RSVOAoUUMzoPI/jpE4ABcHoA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-block-scoping": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.12.tgz",
+          "integrity": "sha512-VOEPQ/ExOVqbukuP7BYJtI5ZxxsmegTwzZ04j1aF0dkSypGo9XpDHuOrABsJu+ie+penpSJheDJ11x1BEZNiyQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-classes": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.1.tgz",
+          "integrity": "sha512-/74xkA7bVdzQTBeSUhLLJgYIcxw/dpEpCdRDiHgPJ3Mv6uC11UhjpOhl72CgqbBCmt1qtssCyB2xnJm1+PFjog==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-annotate-as-pure": "^7.10.4",
+            "@babel/helper-define-map": "^7.10.4",
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-optimise-call-expression": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.12.1",
+            "@babel/helper-split-export-declaration": "^7.10.4",
+            "globals": "^11.1.0"
+          }
+        },
+        "@babel/plugin-transform-computed-properties": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.1.tgz",
+          "integrity": "sha512-vVUOYpPWB7BkgUWPo4C44mUQHpTZXakEqFjbv8rQMg7TC6S6ZhGZ3otQcRH6u7+adSlE5i0sp63eMC/XGffrzg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-destructuring": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.1.tgz",
+          "integrity": "sha512-fRMYFKuzi/rSiYb2uRLiUENJOKq4Gnl+6qOv5f8z0TZXg3llUwUhsNNwrwaT/6dUhJTzNpBr+CUvEWBtfNY1cw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-dotall-regex": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.1.tgz",
+          "integrity": "sha512-B2pXeRKoLszfEW7J4Hg9LoFaWEbr/kzo3teWHmtFCszjRNa/b40f9mfeqZsIDLLt/FjwQ6pz/Gdlwy85xNckBA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-duplicate-keys": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.1.tgz",
+          "integrity": "sha512-iRght0T0HztAb/CazveUpUQrZY+aGKKaWXMJ4uf9YJtqxSUe09j3wteztCUDRHs+SRAL7yMuFqUsLoAKKzgXjw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-exponentiation-operator": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.1.tgz",
+          "integrity": "sha512-7tqwy2bv48q+c1EHbXK0Zx3KXd2RVQp6OC7PbwFNt/dPTAV3Lu5sWtWuAj8owr5wqtWnqHfl2/mJlUmqkChKug==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-builder-binary-assignment-operator-visitor": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-for-of": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.1.tgz",
+          "integrity": "sha512-Zaeq10naAsuHo7heQvyV0ptj4dlZJwZgNAtBYBnu5nNKJoW62m0zKcIEyVECrUKErkUkg6ajMy4ZfnVZciSBhg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-function-name": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.1.tgz",
+          "integrity": "sha512-JF3UgJUILoFrFMEnOJLJkRHSk6LUSXLmEFsA23aR2O5CSLUxbeUX1IZ1YQ7Sn0aXb601Ncwjx73a+FVqgcljVw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-function-name": "^7.10.4",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-literals": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.1.tgz",
+          "integrity": "sha512-+PxVGA+2Ag6uGgL0A5f+9rklOnnMccwEBzwYFL3EUaKuiyVnUipyXncFcfjSkbimLrODoqki1U9XxZzTvfN7IQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-member-expression-literals": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.1.tgz",
+          "integrity": "sha512-1sxePl6z9ad0gFMB9KqmYofk34flq62aqMt9NqliS/7hPEpURUCMbyHXrMPlo282iY7nAvUB1aQd5mg79UD9Jg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-modules-amd": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.1.tgz",
+          "integrity": "sha512-tDW8hMkzad5oDtzsB70HIQQRBiTKrhfgwC/KkJeGsaNFTdWhKNt/BiE8c5yj19XiGyrxpbkOfH87qkNg1YGlOQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-commonjs": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.1.tgz",
+          "integrity": "sha512-dY789wq6l0uLY8py9c1B48V8mVL5gZh/+PQ5ZPrylPYsnAvnEMjqsUXkuoDVPeVK+0VyGar+D08107LzDQ6pag==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-simple-access": "^7.12.1",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-systemjs": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.1.tgz",
+          "integrity": "sha512-Hn7cVvOavVh8yvW6fLwveFqSnd7rbQN3zJvoPNyNaQSvgfKmDBO9U1YL9+PCXGRlZD9tNdWTy5ACKqMuzyn32Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-hoist-variables": "^7.10.4",
+            "@babel/helper-module-transforms": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-validator-identifier": "^7.10.4",
+            "babel-plugin-dynamic-import-node": "^2.3.3"
+          }
+        },
+        "@babel/plugin-transform-modules-umd": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.1.tgz",
+          "integrity": "sha512-aEIubCS0KHKM0zUos5fIoQm+AZUMt1ZvMpqz0/H5qAQ7vWylr9+PLYurT+Ic7ID/bKLd4q8hDovaG3Zch2uz5Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-transforms": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-named-capturing-groups-regex": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.1.tgz",
+          "integrity": "sha512-tB43uQ62RHcoDp9v2Nsf+dSM8sbNodbEicbQNA53zHz8pWUhsgHSJCGpt7daXxRydjb0KnfmB+ChXOv3oADp1Q==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.1"
+          }
+        },
+        "@babel/plugin-transform-new-target": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.1.tgz",
+          "integrity": "sha512-+eW/VLcUL5L9IvJH7rT1sT0CzkdUTvPrXC2PXTn/7z7tXLBuKvezYbGdxD5WMRoyvyaujOq2fWoKl869heKjhw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-object-super": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.1.tgz",
+          "integrity": "sha512-AvypiGJH9hsquNUn+RXVcBdeE3KHPZexWRdimhuV59cSoOt5kFBmqlByorAeUlGG2CJWd0U+4ZtNKga/TB0cAw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-replace-supers": "^7.12.1"
+          }
+        },
+        "@babel/plugin-transform-parameters": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.12.1.tgz",
+          "integrity": "sha512-xq9C5EQhdPK23ZeCdMxl8bbRnAgHFrw5EOC3KJUsSylZqdkCaFEXxGSBuTSObOpiiHHNyb82es8M1QYgfQGfNg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-property-literals": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.1.tgz",
+          "integrity": "sha512-6MTCR/mZ1MQS+AwZLplX4cEySjCpnIF26ToWo942nqn8hXSm7McaHQNeGx/pt7suI1TWOWMfa/NgBhiqSnX0cQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-reserved-words": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.1.tgz",
+          "integrity": "sha512-pOnUfhyPKvZpVyBHhSBoX8vfA09b7r00Pmm1sH+29ae2hMTKVmSp4Ztsr8KBKjLjx17H0eJqaRC3bR2iThM54A==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-shorthand-properties": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.1.tgz",
+          "integrity": "sha512-GFZS3c/MhX1OusqB1MZ1ct2xRzX5ppQh2JU1h2Pnfk88HtFTM+TWQqJNfwkmxtPQtb/s1tk87oENfXJlx7rSDw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-spread": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.1.tgz",
+          "integrity": "sha512-vuLp8CP0BE18zVYjsEBZ5xoCecMK6LBMMxYzJnh01rxQRvhNhH1csMMmBfNo5tGpGO+NhdSNW2mzIvBu3K1fng==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4",
+            "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1"
+          }
+        },
+        "@babel/plugin-transform-sticky-regex": {
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.7.tgz",
+          "integrity": "sha512-VEiqZL5N/QvDbdjfYQBhruN0HYjSPjC4XkeqW4ny/jNtH9gcbgaqBIXYEZCNnESMAGs0/K/R7oFGMhOyu/eIxg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-template-literals": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.1.tgz",
+          "integrity": "sha512-b4Zx3KHi+taXB1dVRBhVJtEPi9h1THCeKmae2qP0YdUHIFhVjtpqqNfxeVAa1xeHVhAy4SbHxEwx5cltAu5apw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-typeof-symbol": {
+          "version": "7.12.10",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.10.tgz",
+          "integrity": "sha512-JQ6H8Rnsogh//ijxspCjc21YPd3VLVoYtAwv3zQmqAt8YGYUtdo5usNhdl4b9/Vir2kPFZl6n1h0PfUz4hJhaA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/plugin-transform-unicode-regex": {
+          "version": "7.12.1",
+          "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.1.tgz",
+          "integrity": "sha512-SqH4ClNngh/zGwHZOOQMTD+e8FGWexILV+ePMyiDJttAWRh5dhDL8rcl5lSgU3Huiq6Zn6pWTMvdPAb21Dwdyg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-create-regexp-features-plugin": "^7.12.1",
+            "@babel/helper-plugin-utils": "^7.10.4"
+          }
+        },
+        "@babel/template": {
+          "version": "7.12.7",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz",
+          "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.10.4",
+            "@babel/parser": "^7.12.7",
+            "@babel/types": "^7.12.7"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
+          "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.12.11",
+            "@babel/generator": "^7.12.11",
+            "@babel/helper-function-name": "^7.12.11",
+            "@babel/helper-split-export-declaration": "^7.12.11",
+            "@babel/parser": "^7.12.11",
+            "@babel/types": "^7.12.12",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.19"
           }
         },
         "@babel/types": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.6.3.tgz",
-          "integrity": "sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
           "dev": true,
           "requires": {
-            "esutils": "^2.0.2",
-            "lodash": "^4.17.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
             "to-fast-properties": "^2.0.0"
           }
         },
+        "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"
+          }
+        },
         "browserslist": {
-          "version": "4.7.2",
-          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.7.2.tgz",
-          "integrity": "sha512-uZavT/gZXJd2UTi9Ov7/Z340WOSQ3+m1iBVRUknf+okKxonL9P83S3ctiBDtuRmRu8PiCHjqyueqQ9HYlJhxiw==",
+          "version": "4.16.0",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.0.tgz",
+          "integrity": "sha512-/j6k8R0p3nxOC6kx5JGAxsnhc9ixaWJfYc+TNTzxg6+ARaESAvQGV7h0uNOB4t+pLQJZWzcrMxXOxjgsCj3dqQ==",
           "dev": true,
           "requires": {
-            "caniuse-lite": "^1.0.30001004",
-            "electron-to-chromium": "^1.3.295",
-            "node-releases": "^1.1.38"
+            "caniuse-lite": "^1.0.30001165",
+            "colorette": "^1.2.1",
+            "electron-to-chromium": "^1.3.621",
+            "escalade": "^3.1.1",
+            "node-releases": "^1.1.67"
           }
         },
         "caniuse-lite": {
-          "version": "1.0.30001006",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001006.tgz",
-          "integrity": "sha512-MXnUVX27aGs/QINz+QG1sWSLDr3P1A3Hq5EUWoIt0T7K24DuvMxZEnh3Y5aHlJW6Bz2aApJdSewdYLd8zQnUuw==",
+          "version": "1.0.30001171",
+          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001171.tgz",
+          "integrity": "sha512-5Alrh8TTYPG9IH4UkRqEBZoEToWRLvPbSQokvzSz0lii8/FOWKG4keO1HoYfPWs8IF/NH/dyNPg1cmJGvV3Zlg==",
           "dev": true
         },
-        "electron-to-chromium": {
-          "version": "1.3.296",
-          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.296.tgz",
-          "integrity": "sha512-s5hv+TSJSVRsxH190De66YHb50pBGTweT9XGWYu/LMR20KX6TsjFzObo36CjVAzM+PUeeKSBRtm/mISlCzeojQ==",
-          "dev": true
-        },
-        "node-releases": {
-          "version": "1.1.39",
-          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.39.tgz",
-          "integrity": "sha512-8MRC/ErwNCHOlAFycy9OPca46fQYUjbJRDcZTHVWIGXIjYLM73k70vv3WkYutVnM4cCo4hE0MqBVVZjP6vjISA==",
+        "core-js-compat": {
+          "version": "3.8.2",
+          "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.8.2.tgz",
+          "integrity": "sha512-LO8uL9lOIyRRrQmZxHZFl1RV+ZbcsAkFWTktn5SmH40WgLtSNYN4m4W2v9ONT147PxBY/XrRhrWq8TlvObyUjQ==",
           "dev": true,
           "requires": {
-            "semver": "^6.3.0"
+            "browserslist": "^4.16.0",
+            "semver": "7.0.0"
           },
           "dependencies": {
             "semver": {
-              "version": "6.3.0",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-              "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+              "version": "7.0.0",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+              "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
               "dev": true
             }
           }
         },
-        "regenerator-transform": {
-          "version": "0.14.1",
-          "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.1.tgz",
-          "integrity": "sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==",
+        "electron-to-chromium": {
+          "version": "1.3.633",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.633.tgz",
+          "integrity": "sha512-bsVCsONiVX1abkWdH7KtpuDAhsQ3N3bjPYhROSAXE78roJKet0Y5wznA14JE9pzbwSZmSMAW6KiKYf1RvbTJkA==",
+          "dev": true
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.67",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz",
+          "integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/preset-modules": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.4.tgz",
+      "integrity": "sha512-J36NhwnfdzpmH41M1DrnkkgAqhZaqr/NBdPfQ677mLzlaXo+oDiv1deyCDtgAhz8p328otdob0Du7+xgHGZbKg==",
+      "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"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
           "dev": true,
           "requires": {
-            "private": "^0.1.6"
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
           }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
         }
       }
     },
@@ -1721,6 +3220,163 @@
         "minimist": "^1.2.0"
       }
     },
+    "@emotion/cache": {
+      "version": "10.0.29",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
+      "integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
+      "dev": true,
+      "requires": {
+        "@emotion/sheet": "0.9.4",
+        "@emotion/stylis": "0.8.5",
+        "@emotion/utils": "0.11.3",
+        "@emotion/weak-memoize": "0.2.5"
+      }
+    },
+    "@emotion/core": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.1.1.tgz",
+      "integrity": "sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@emotion/cache": "^10.0.27",
+        "@emotion/css": "^10.0.27",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/sheet": "0.9.4",
+        "@emotion/utils": "0.11.3"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+          "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.7",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
+          "dev": true
+        }
+      }
+    },
+    "@emotion/css": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-10.0.27.tgz",
+      "integrity": "sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw==",
+      "dev": true,
+      "requires": {
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/utils": "0.11.3",
+        "babel-plugin-emotion": "^10.0.27"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "dev": true
+    },
+    "@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "dev": true,
+      "requires": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "dev": true
+    },
+    "@emotion/serialize": {
+      "version": "0.11.16",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz",
+      "integrity": "sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==",
+      "dev": true,
+      "requires": {
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/unitless": "0.7.5",
+        "@emotion/utils": "0.11.3",
+        "csstype": "^2.5.7"
+      }
+    },
+    "@emotion/sheet": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-0.9.4.tgz",
+      "integrity": "sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA==",
+      "dev": true
+    },
+    "@emotion/styled": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.0.27.tgz",
+      "integrity": "sha512-iK/8Sh7+NLJzyp9a5+vIQIXTYxfT4yB/OJbjzQanB2RZpvmzBQOHZWhpAMZWYEKRNNbsD6WfBw5sVWkb6WzS/Q==",
+      "dev": true,
+      "requires": {
+        "@emotion/styled-base": "^10.0.27",
+        "babel-plugin-emotion": "^10.0.27"
+      }
+    },
+    "@emotion/styled-base": {
+      "version": "10.0.31",
+      "resolved": "https://registry.npmjs.org/@emotion/styled-base/-/styled-base-10.0.31.tgz",
+      "integrity": "sha512-wTOE1NcXmqMWlyrtwdkqg87Mu6Rj1MaukEoEmEkHirO5IoHDJ8LgCQL4MjJODgxWxXibGR3opGp1p7YvkNEdXQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@emotion/is-prop-valid": "0.8.8",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/utils": "0.11.3"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+          "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.7",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
+          "dev": true
+        }
+      }
+    },
+    "@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==",
+      "dev": true
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "dev": true
+    },
+    "@emotion/utils": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz",
+      "integrity": "sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw==",
+      "dev": true
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
+      "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==",
+      "dev": true
+    },
     "@fortawesome/fontawesome-free": {
       "version": "5.11.2",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.11.2.tgz",
@@ -1766,10 +3422,102 @@
         "@hapi/hoek": "^8.3.0"
       }
     },
-    "@icons/material": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
-      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==",
+    "@icons/material": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
+      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==",
+      "dev": true
+    },
+    "@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "dev": true,
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.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": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.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
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        }
+      }
+    },
+    "@istanbuljs/schema": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.2.tgz",
+      "integrity": "sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==",
       "dev": true
     },
     "@jest/console": {
@@ -1819,12 +3567,42 @@
         "strip-ansi": "^5.0.0"
       },
       "dependencies": {
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
+          }
+        },
         "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
         },
+        "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
+        },
         "strip-ansi": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -1846,6 +3624,38 @@
         "@jest/transform": "^24.9.0",
         "@jest/types": "^24.9.0",
         "jest-mock": "^24.9.0"
+      },
+      "dependencies": {
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
+          }
+        },
+        "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
+        }
       }
     },
     "@jest/fake-timers": {
@@ -1888,91 +3698,424 @@
         "string-length": "^2.0.0"
       },
       "dependencies": {
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
+          }
+        },
+        "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
+        }
+      }
+    },
+    "@jest/source-map": {
+      "version": "24.9.0",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-24.9.0.tgz",
+      "integrity": "sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==",
+      "dev": true,
+      "requires": {
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.1.15",
+        "source-map": "^0.6.0"
+      },
+      "dependencies": {
+        "callsites": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+          "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
-        }
-      }
-    },
-    "@jest/source-map": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-24.9.0.tgz",
-      "integrity": "sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==",
-      "dev": true,
-      "requires": {
-        "callsites": "^3.0.0",
-        "graceful-fs": "^4.1.15",
-        "source-map": "^0.6.0"
-      },
-      "dependencies": {
-        "callsites": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+        }
+      }
+    },
+    "@jest/test-result": {
+      "version": "24.9.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-24.9.0.tgz",
+      "integrity": "sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==",
+      "dev": true,
+      "requires": {
+        "@jest/console": "^24.9.0",
+        "@jest/types": "^24.9.0",
+        "@types/istanbul-lib-coverage": "^2.0.0"
+      }
+    },
+    "@jest/test-sequencer": {
+      "version": "24.9.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz",
+      "integrity": "sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==",
+      "dev": true,
+      "requires": {
+        "@jest/test-result": "^24.9.0",
+        "jest-haste-map": "^24.9.0",
+        "jest-runner": "^24.9.0",
+        "jest-runtime": "^24.9.0"
+      }
+    },
+    "@jest/transform": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-26.6.2.tgz",
+      "integrity": "sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.1.0",
+        "@jest/types": "^26.6.2",
+        "babel-plugin-istanbul": "^6.0.0",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^1.4.0",
+        "fast-json-stable-stringify": "^2.0.0",
+        "graceful-fs": "^4.2.4",
+        "jest-haste-map": "^26.6.2",
+        "jest-regex-util": "^26.0.0",
+        "jest-util": "^26.6.2",
+        "micromatch": "^4.0.2",
+        "pirates": "^4.0.1",
+        "slash": "^3.0.0",
+        "source-map": "^0.6.1",
+        "write-file-atomic": "^3.0.0"
+      },
+      "dependencies": {
+        "@jest/types": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
+          "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-coverage": "^2.0.0",
+            "@types/istanbul-reports": "^3.0.0",
+            "@types/node": "*",
+            "@types/yargs": "^15.0.0",
+            "chalk": "^4.0.0"
+          }
+        },
+        "@types/istanbul-reports": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz",
+          "integrity": "sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-report": "*"
+          }
+        },
+        "@types/yargs": {
+          "version": "15.0.12",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.12.tgz",
+          "integrity": "sha512-f+fD/fQAo3BCbCDlrUpznF1A5Zp9rB0noS5vnoormHSIPFKL0Z2DcUJ3Gxp5ytH4uLRNxy7AwYUC9exZzqGMAw==",
+          "dev": true,
+          "requires": {
+            "@types/yargs-parser": "*"
+          }
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "anymatch": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+          "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+          "dev": true,
+          "requires": {
+            "normalize-path": "^3.0.0",
+            "picomatch": "^2.0.4"
+          }
+        },
+        "babel-plugin-istanbul": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.0.0.tgz",
+          "integrity": "sha512-AF55rZXpe7trmEylbaE1Gv54wn6rwU03aptvRoVIGP8YykoSxqdVLV1TfwflBCE/QtHmqtP8SWlTENqbK8GCSQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.0.0",
+            "@istanbuljs/load-nyc-config": "^1.0.0",
+            "@istanbuljs/schema": "^0.1.2",
+            "istanbul-lib-instrument": "^4.0.0",
+            "test-exclude": "^6.0.0"
+          }
+        },
+        "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"
+          }
+        },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "ci-info": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+          "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+          "dev": true
+        },
+        "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
+        },
+        "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"
+          }
+        },
+        "fsevents": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.2.1.tgz",
+          "integrity": "sha512-bTLYHSeC0UH/EFXS9KqWnXuOl/wHK5Z/d+ghd5AsFMYN7wIGkUCOJyzy88+wJKkZPGON8u4Z9f6U4FdgURE9qA==",
+          "dev": true,
+          "optional": 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"
+          }
+        },
+        "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": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "is-ci": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+          "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+          "dev": true,
+          "requires": {
+            "ci-info": "^2.0.0"
+          }
+        },
+        "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
+        },
+        "istanbul-lib-coverage": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.0.tgz",
+          "integrity": "sha512-UiUIqxMgRDET6eR+o5HbfRYP1l0hqkWOs7vNxC/mggutCMUIhWMm8gAHb8tHlyfD3/l6rlgNA5cKdDzEAf6hEg==",
+          "dev": true
+        },
+        "istanbul-lib-instrument": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
+          "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.7.5",
+            "@istanbuljs/schema": "^0.1.2",
+            "istanbul-lib-coverage": "^3.0.0",
+            "semver": "^6.3.0"
+          }
+        },
+        "jest-haste-map": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-26.6.2.tgz",
+          "integrity": "sha512-easWIJXIw71B2RdR8kgqpjQrbMRWQBgiBwXYEhtGUTaX+doCjBheluShdDMeR8IMfJiTqH4+zfhtg29apJf/8w==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^26.6.2",
+            "@types/graceful-fs": "^4.1.2",
+            "@types/node": "*",
+            "anymatch": "^3.0.3",
+            "fb-watchman": "^2.0.0",
+            "fsevents": "^2.1.2",
+            "graceful-fs": "^4.2.4",
+            "jest-regex-util": "^26.0.0",
+            "jest-serializer": "^26.6.2",
+            "jest-util": "^26.6.2",
+            "jest-worker": "^26.6.2",
+            "micromatch": "^4.0.2",
+            "sane": "^4.0.3",
+            "walker": "^1.0.7"
+          }
+        },
+        "jest-regex-util": {
+          "version": "26.0.0",
+          "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-26.0.0.tgz",
+          "integrity": "sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==",
+          "dev": true
+        },
+        "jest-serializer": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.6.2.tgz",
+          "integrity": "sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g==",
+          "dev": true,
+          "requires": {
+            "@types/node": "*",
+            "graceful-fs": "^4.2.4"
+          }
+        },
+        "jest-util": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-26.6.2.tgz",
+          "integrity": "sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^26.6.2",
+            "@types/node": "*",
+            "chalk": "^4.0.0",
+            "graceful-fs": "^4.2.4",
+            "is-ci": "^2.0.0",
+            "micromatch": "^4.0.2"
+          }
+        },
+        "jest-worker": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
+          "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+          "dev": true,
+          "requires": {
+            "@types/node": "*",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^7.0.0"
+          }
+        },
+        "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"
+          }
+        },
+        "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
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "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==",
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
           "dev": true
-        }
-      }
-    },
-    "@jest/test-result": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-24.9.0.tgz",
-      "integrity": "sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==",
-      "dev": true,
-      "requires": {
-        "@jest/console": "^24.9.0",
-        "@jest/types": "^24.9.0",
-        "@types/istanbul-lib-coverage": "^2.0.0"
-      }
-    },
-    "@jest/test-sequencer": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz",
-      "integrity": "sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==",
-      "dev": true,
-      "requires": {
-        "@jest/test-result": "^24.9.0",
-        "jest-haste-map": "^24.9.0",
-        "jest-runner": "^24.9.0",
-        "jest-runtime": "^24.9.0"
-      }
-    },
-    "@jest/transform": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
-      "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
-      "dev": true,
-      "requires": {
-        "@babel/core": "^7.1.0",
-        "@jest/types": "^24.9.0",
-        "babel-plugin-istanbul": "^5.1.0",
-        "chalk": "^2.0.1",
-        "convert-source-map": "^1.4.0",
-        "fast-json-stable-stringify": "^2.0.0",
-        "graceful-fs": "^4.1.15",
-        "jest-haste-map": "^24.9.0",
-        "jest-regex-util": "^24.9.0",
-        "jest-util": "^24.9.0",
-        "micromatch": "^3.1.10",
-        "pirates": "^4.0.1",
-        "realpath-native": "^1.1.0",
-        "slash": "^2.0.0",
-        "source-map": "^0.6.1",
-        "write-file-atomic": "2.4.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
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "test-exclude": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+          "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+          "dev": true,
+          "requires": {
+            "@istanbuljs/schema": "^0.1.2",
+            "glob": "^7.1.4",
+            "minimatch": "^3.0.4"
+          }
+        },
+        "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"
+          }
+        },
+        "write-file-atomic": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+          "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+          "dev": true,
+          "requires": {
+            "imurmurhash": "^0.1.4",
+            "is-typedarray": "^1.0.0",
+            "signal-exit": "^3.0.2",
+            "typedarray-to-buffer": "^3.1.5"
+          }
         }
       }
     },
@@ -1987,6 +4130,12 @@
         "@types/yargs": "^13.0.0"
       }
     },
+    "@juggle/resize-observer": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.2.0.tgz",
+      "integrity": "sha512-fsLxt0CHx2HCV9EL8lDoVkwHffsA0snUpddYjdLyXcG5E41xaamn9ZyQqOE9TUJdrRlH8/hjIf+UdOdDeKCUgg==",
+      "dev": true
+    },
     "@mdi/font": {
       "version": "4.5.95",
       "resolved": "https://registry.npmjs.org/@mdi/font/-/font-4.5.95.tgz",
@@ -3060,6 +5209,30 @@
         "ts-dedent": "^1.1.0"
       },
       "dependencies": {
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
+          }
+        },
         "core-js": {
           "version": "3.3.5",
           "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.3.5.tgz",
@@ -3179,6 +5352,12 @@
             "path-parse": "^1.0.6"
           }
         },
+        "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
+        },
         "type-fest": {
           "version": "0.5.2",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.5.2.tgz",
@@ -6548,264 +8727,131 @@
       }
     },
     "@storybook/source-loader": {
-      "version": "5.2.5",
-      "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-5.2.5.tgz",
-      "integrity": "sha512-XPhV4UhJq2h5anQn7ETuHQd/c/qQ/7qKxffVlAMQim4aXGqTKdMe0jHoziG4nyj0hMxWGjqbwHw69fCYI4pCog==",
-      "dev": true,
-      "requires": {
-        "@storybook/addons": "5.2.5",
-        "@storybook/router": "5.2.5",
-        "core-js": "^3.0.1",
-        "estraverse": "^4.2.0",
-        "global": "^4.3.2",
-        "loader-utils": "^1.2.3",
-        "prettier": "^1.16.4",
-        "prop-types": "^15.7.2",
-        "regenerator-runtime": "^0.12.1"
-      },
-      "dependencies": {
-        "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
-        },
-        "core-js": {
-          "version": "3.3.5",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.3.5.tgz",
-          "integrity": "sha512-0J3K+Par/ZydhKg8pEiTcK/9d65/nqJOzY62uMkjeBmt05fDOt/khUVjDdh8TpeIuGQDy1yLDDCjiWN/8pFIuw==",
-          "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"
-          }
-        },
-        "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"
-          }
-        },
-        "prettier": {
-          "version": "1.18.2",
-          "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.18.2.tgz",
-          "integrity": "sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==",
-          "dev": true
-        },
-        "prop-types": {
-          "version": "15.7.2",
-          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-          "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
-          "dev": true,
-          "requires": {
-            "loose-envify": "^1.4.0",
-            "object-assign": "^4.1.1",
-            "react-is": "^16.8.1"
-          }
-        }
-      }
-    },
-    "@storybook/theming": {
-      "version": "5.2.5",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-5.2.5.tgz",
-      "integrity": "sha512-PGZNYrRgAhXFJKnktFpyyKlaDXEhtTi5XPq5ASVJrsPW6l963Mk2EMKSm4TCTxIJhs0Kx4cv2MnNZFDqHf47eg==",
-      "dev": true,
-      "requires": {
-        "@emotion/core": "^10.0.14",
-        "@emotion/styled": "^10.0.14",
-        "@storybook/client-logger": "5.2.5",
-        "common-tags": "^1.8.0",
-        "core-js": "^3.0.1",
-        "deep-object-diff": "^1.1.0",
-        "emotion-theming": "^10.0.14",
-        "global": "^4.3.2",
-        "memoizerific": "^1.11.3",
-        "polished": "^3.3.1",
-        "prop-types": "^15.7.2",
-        "resolve-from": "^5.0.0"
-      },
-      "dependencies": {
-        "@babel/runtime": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
-          "integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
-          "dev": true,
-          "requires": {
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "@emotion/cache": {
-          "version": "10.0.19",
-          "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.19.tgz",
-          "integrity": "sha512-BoiLlk4vEsGBg2dAqGSJu0vJl/PgVtCYLBFJaEO8RmQzPugXewQCXZJNXTDFaRlfCs0W+quesayav4fvaif5WQ==",
-          "dev": true,
-          "requires": {
-            "@emotion/sheet": "0.9.3",
-            "@emotion/stylis": "0.8.4",
-            "@emotion/utils": "0.11.2",
-            "@emotion/weak-memoize": "0.2.4"
-          }
-        },
-        "@emotion/core": {
-          "version": "10.0.22",
-          "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.0.22.tgz",
-          "integrity": "sha512-7eoP6KQVUyOjAkE6y4fdlxbZRA4ILs7dqkkm6oZUJmihtHv0UBq98VgPirq9T8F9K2gKu0J/au/TpKryKMinaA==",
-          "dev": true,
-          "requires": {
-            "@babel/runtime": "^7.5.5",
-            "@emotion/cache": "^10.0.17",
-            "@emotion/css": "^10.0.22",
-            "@emotion/serialize": "^0.11.12",
-            "@emotion/sheet": "0.9.3",
-            "@emotion/utils": "0.11.2"
-          }
-        },
-        "@emotion/css": {
-          "version": "10.0.22",
-          "resolved": "https://registry.npmjs.org/@emotion/css/-/css-10.0.22.tgz",
-          "integrity": "sha512-8phfa5mC/OadBTmGpMpwykIVH0gFCbUoO684LUkyixPq4F1Wwri7fK5Xlm8lURNBrd2TuvTbPUGxFsGxF9UacA==",
-          "dev": true,
-          "requires": {
-            "@emotion/serialize": "^0.11.12",
-            "@emotion/utils": "0.11.2",
-            "babel-plugin-emotion": "^10.0.22"
-          }
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-5.2.5.tgz",
+      "integrity": "sha512-XPhV4UhJq2h5anQn7ETuHQd/c/qQ/7qKxffVlAMQim4aXGqTKdMe0jHoziG4nyj0hMxWGjqbwHw69fCYI4pCog==",
+      "dev": true,
+      "requires": {
+        "@storybook/addons": "5.2.5",
+        "@storybook/router": "5.2.5",
+        "core-js": "^3.0.1",
+        "estraverse": "^4.2.0",
+        "global": "^4.3.2",
+        "loader-utils": "^1.2.3",
+        "prettier": "^1.16.4",
+        "prop-types": "^15.7.2",
+        "regenerator-runtime": "^0.12.1"
+      },
+      "dependencies": {
+        "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
         },
-        "@emotion/hash": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.7.3.tgz",
-          "integrity": "sha512-14ZVlsB9akwvydAdaEnVnvqu6J2P6ySv39hYyl/aoB6w/V+bXX0tay8cF6paqbgZsN2n5Xh15uF4pE+GvE+itw==",
+        "core-js": {
+          "version": "3.3.5",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.3.5.tgz",
+          "integrity": "sha512-0J3K+Par/ZydhKg8pEiTcK/9d65/nqJOzY62uMkjeBmt05fDOt/khUVjDdh8TpeIuGQDy1yLDDCjiWN/8pFIuw==",
           "dev": true
         },
-        "@emotion/is-prop-valid": {
-          "version": "0.8.4",
-          "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.4.tgz",
-          "integrity": "sha512-QBW8h6wVQgeQ55F52rNaprEJxtVR+/ScOP8/V1ScSpPzKqHdFB9QVqby0Z50sqS8mcaeIl5vR1vQpKwJbIS6NQ==",
+        "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": {
-            "@emotion/memoize": "0.7.3"
+            "minimist": "^1.2.0"
           }
         },
-        "@emotion/memoize": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.3.tgz",
-          "integrity": "sha512-2Md9mH6mvo+ygq1trTeVp2uzAKwE2P7In0cRpD/M9Q70aH8L+rxMLbb3JCN2JoSWsV2O+DdFjfbbXoMoLBczow==",
-          "dev": true
-        },
-        "@emotion/serialize": {
-          "version": "0.11.14",
-          "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.14.tgz",
-          "integrity": "sha512-6hTsySIuQTbDbv00AnUO6O6Xafdwo5GswRlMZ5hHqiFx+4pZ7uGWXUQFW46Kc2taGhP89uXMXn/lWQkdyTosPA==",
+        "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": {
-            "@emotion/hash": "0.7.3",
-            "@emotion/memoize": "0.7.3",
-            "@emotion/unitless": "0.7.4",
-            "@emotion/utils": "0.11.2",
-            "csstype": "^2.5.7"
+            "big.js": "^5.2.2",
+            "emojis-list": "^2.0.0",
+            "json5": "^1.0.1"
           }
         },
-        "@emotion/sheet": {
-          "version": "0.9.3",
-          "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-0.9.3.tgz",
-          "integrity": "sha512-c3Q6V7Df7jfwSq5AzQWbXHa5soeE4F5cbqi40xn0CzXxWW9/6Mxq48WJEtqfWzbZtW9odZdnRAkwCQwN12ob4A==",
+        "prettier": {
+          "version": "1.18.2",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.18.2.tgz",
+          "integrity": "sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==",
           "dev": true
         },
-        "@emotion/styled": {
-          "version": "10.0.23",
-          "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.0.23.tgz",
-          "integrity": "sha512-gNr04eqBQ2iYUx8wFLZDfm3N8/QUOODu/ReDXa693uyQGy2OqA+IhPJk+kA7id8aOfwAsMuvZ0pJImEXXKtaVQ==",
+        "prop-types": {
+          "version": "15.7.2",
+          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+          "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
           "dev": true,
           "requires": {
-            "@emotion/styled-base": "^10.0.23",
-            "babel-plugin-emotion": "^10.0.23"
+            "loose-envify": "^1.4.0",
+            "object-assign": "^4.1.1",
+            "react-is": "^16.8.1"
           }
-        },
-        "@emotion/styled-base": {
-          "version": "10.0.23",
-          "resolved": "https://registry.npmjs.org/@emotion/styled-base/-/styled-base-10.0.23.tgz",
-          "integrity": "sha512-94QowN2S09nCXRz9dXBiMaEcUcXn9kHM8uFExpsspwswHWnkpFn6jTewotQEgI7RROnAXDZ8fvSTkCdqtn3sfw==",
+        }
+      }
+    },
+    "@storybook/theming": {
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.1.11.tgz",
+      "integrity": "sha512-zRChacVgKoU2BmpvwK1ntiF3KIpc8QblJT7IGiKfP/BNpy9gNeXbLPLk3g/tkHszOvVYtkaZhEXni4Od8tqy1A==",
+      "dev": true,
+      "requires": {
+        "@emotion/core": "^10.1.1",
+        "@emotion/is-prop-valid": "^0.8.6",
+        "@emotion/styled": "^10.0.23",
+        "@storybook/client-logger": "6.1.11",
+        "core-js": "^3.0.1",
+        "deep-object-diff": "^1.1.0",
+        "emotion-theming": "^10.0.19",
+        "global": "^4.3.2",
+        "memoizerific": "^1.11.3",
+        "polished": "^3.4.4",
+        "resolve-from": "^5.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+          "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
           "dev": true,
           "requires": {
-            "@babel/runtime": "^7.5.5",
-            "@emotion/is-prop-valid": "0.8.4",
-            "@emotion/serialize": "^0.11.14",
-            "@emotion/utils": "0.11.2"
+            "regenerator-runtime": "^0.13.4"
           }
         },
-        "@emotion/stylis": {
-          "version": "0.8.4",
-          "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.4.tgz",
-          "integrity": "sha512-TLmkCVm8f8gH0oLv+HWKiu7e8xmBIaokhxcEKPh1m8pXiV/akCiq50FvYgOwY42rjejck8nsdQxZlXZ7pmyBUQ==",
-          "dev": true
-        },
-        "@emotion/unitless": {
-          "version": "0.7.4",
-          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.4.tgz",
-          "integrity": "sha512-kBa+cDHOR9jpRJ+kcGMsysrls0leukrm68DmFQoMIWQcXdr2cZvyvypWuGYT7U+9kAExUE7+T7r6G3C3A6L8MQ==",
-          "dev": true
-        },
-        "@emotion/utils": {
-          "version": "0.11.2",
-          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.2.tgz",
-          "integrity": "sha512-UHX2XklLl3sIaP6oiMmlVzT0J+2ATTVpf0dHQVyPJHTkOITvXfaSqnRk6mdDhV9pR8T/tHc3cex78IKXssmzrA==",
-          "dev": true
-        },
-        "@emotion/weak-memoize": {
-          "version": "0.2.4",
-          "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.4.tgz",
-          "integrity": "sha512-6PYY5DVdAY1ifaQW6XYTnOMihmBVT27elqSjEoodchsGjzYlEsTQMcEhSud99kVawatyTZRTiVkJ/c6lwbQ7nA==",
-          "dev": true
-        },
-        "babel-plugin-emotion": {
-          "version": "10.0.23",
-          "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.0.23.tgz",
-          "integrity": "sha512-1JiCyXU0t5S2xCbItejCduLGGcKmF3POT0Ujbexog2MI4IlRcIn/kWjkYwCUZlxpON0O5FC635yPl/3slr7cKQ==",
+        "@storybook/client-logger": {
+          "version": "6.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.1.11.tgz",
+          "integrity": "sha512-dSc+VKLW1UaiMPMhlZYRqhynrrHdHFiBEgU28+8LcmoZ1yhZBwLkcKdSD4YTT0CbMJAG1/+NUW5kRI8Geeg+rA==",
           "dev": true,
           "requires": {
-            "@babel/helper-module-imports": "^7.0.0",
-            "@emotion/hash": "0.7.3",
-            "@emotion/memoize": "0.7.3",
-            "@emotion/serialize": "^0.11.14",
-            "babel-plugin-macros": "^2.0.0",
-            "babel-plugin-syntax-jsx": "^6.18.0",
-            "convert-source-map": "^1.5.0",
-            "escape-string-regexp": "^1.0.5",
-            "find-root": "^1.1.0",
-            "source-map": "^0.5.7"
+            "core-js": "^3.0.1",
+            "global": "^4.3.2"
           }
         },
         "core-js": {
-          "version": "3.3.5",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.3.5.tgz",
-          "integrity": "sha512-0J3K+Par/ZydhKg8pEiTcK/9d65/nqJOzY62uMkjeBmt05fDOt/khUVjDdh8TpeIuGQDy1yLDDCjiWN/8pFIuw==",
+          "version": "3.8.2",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.8.2.tgz",
+          "integrity": "sha512-FfApuSRgrR6G5s58casCBd9M2k+4ikuu4wbW6pJyYU7bd9zvFc9qf7vr5xmrZOhT9nn+8uwlH1oRR9jTnFoA3A==",
           "dev": true
         },
-        "prop-types": {
-          "version": "15.7.2",
-          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-          "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+        "polished": {
+          "version": "3.6.7",
+          "resolved": "https://registry.npmjs.org/polished/-/polished-3.6.7.tgz",
+          "integrity": "sha512-b4OViUOihwV0icb9PHmWbR+vPqaSzSAEbgLskvb7ANPATVXGiYv/TQFHQo65S53WU9i5EQ1I03YDOJW7K0bmYg==",
           "dev": true,
           "requires": {
-            "loose-envify": "^1.4.0",
-            "object-assign": "^4.1.1",
-            "react-is": "^16.8.1"
+            "@babel/runtime": "^7.9.2"
           }
         },
         "regenerator-runtime": {
-          "version": "0.13.3",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
-          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==",
+          "version": "0.13.7",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
           "dev": true
         },
         "resolve-from": {
@@ -6813,6 +8859,12 @@
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
           "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
           "dev": true
+        },
+        "ts-dedent": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.0.0.tgz",
+          "integrity": "sha512-DfxKjSFQfw9+uf7N9Cy8Ebx9fv5fquK4hZ6SD3Rzr+1jKP6AVA6H8+B5457ZpUs0JKsGpGqIevbpZ9DMQJDp1A==",
+          "dev": true
         }
       }
     },
@@ -8997,9 +11049,9 @@
       }
     },
     "@types/babel__core": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.3.tgz",
-      "integrity": "sha512-8fBo0UR2CcwWxeX7WIIgJ7lXjasFxoYgRnFHUj+hRvKkpiBJbxhdAPTCY6/ZKM0uxANFVzt4yObSLuTiTnazDA==",
+      "version": "7.1.12",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.12.tgz",
+      "integrity": "sha512-wMTHiiTiBAAPebqaPiPDLFA4LYPKr6Ph0Xq/6rq1Ur3v66HXyG+clfR9CNETkD7MQS8ZHvpQOtA53DLws5WAEQ==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.1.0",
@@ -9010,18 +11062,18 @@
       }
     },
     "@types/babel__generator": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.0.tgz",
-      "integrity": "sha512-c1mZUu4up5cp9KROs/QAw0gTeHrw/x7m52LcnvMxxOZ03DmLwPV0MlGmlgzV3cnSdjhJOZsj7E7FHeioai+egw==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.2.tgz",
+      "integrity": "sha512-MdSJnBjl+bdwkLskZ3NGFp9YcXGx5ggLpQQPqtgakVhsWK0hTtNYhjpZLlWQTviGTvF8at+Bvli3jV7faPdgeQ==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.0.0"
       }
     },
     "@types/babel__template": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.0.2.tgz",
-      "integrity": "sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==",
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.0.tgz",
+      "integrity": "sha512-NTPErx4/FiPCGScH7foPyr+/1Dkzkni+rHiYHHoTjvwou7AQzJkNeD60A9CXRy+ZEN2B1bggmkTMCDb+Mv5k+A==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.1.0",
@@ -9029,27 +11081,42 @@
       }
     },
     "@types/babel__traverse": {
-      "version": "7.0.7",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.0.7.tgz",
-      "integrity": "sha512-CeBpmX1J8kWLcDEnI3Cl2Eo6RfbGvzUctA+CjZUhOKDFbLfcr7fc4usEqLNWetrlJd7RhAkyYe2czXop4fICpw==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.11.0.tgz",
+      "integrity": "sha512-kSjgDMZONiIfSH1Nxcr5JIRMwUetDki63FSQfpTCz8ogF3Ulqm8+mr5f78dUYs6vMiB6gBusQqfQmBvHZj/lwg==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.3.0"
       },
       "dependencies": {
         "@babel/types": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.6.3.tgz",
-          "integrity": "sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==",
+          "version": "7.12.12",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+          "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
           "dev": true,
           "requires": {
-            "esutils": "^2.0.2",
-            "lodash": "^4.17.13",
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
             "to-fast-properties": "^2.0.0"
           }
+        },
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
         }
       }
     },
+    "@types/graceful-fs": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.4.tgz",
+      "integrity": "sha512-mWA/4zFQhfvOA8zWkXobwJvBD7vzcxgrOQ0J5CH1votGqdq9m7+FwtGaqyCZqC3NyyBkc9z4m+iry4LlqcMWJg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/history": {
       "version": "4.7.3",
       "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.3.tgz",
@@ -9087,6 +11154,12 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "@types/node": {
+      "version": "14.14.19",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.19.tgz",
+      "integrity": "sha512-4nhBPStMK04rruRVtVc6cDqhu7S9GZai0fpXgPXrFpcPX6Xul8xnrjSdGB4KPBVYG/R5+fXWdCM8qBoiULWGPQ==",
+      "dev": true
+    },
     "@types/normalize-package-data": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
@@ -9198,7 +11271,7 @@
       "dev": true
     },
     "@vue/babel-plugin-transform-vue-jsx": {
-      "version": "github:anhoev/babel-plugin-transform-vue-jsx#5cccef188494af575761977eb2ea14e57ba13e65",
+      "version": "github:anhoev/babel-plugin-transform-vue-jsx#081ac4f290d723670801969e12be154a2e01f971",
       "from": "github:anhoev/babel-plugin-transform-vue-jsx",
       "dev": true,
       "requires": {
@@ -9335,6 +11408,30 @@
         "@vue/babel-sugar-inject-h": "^1.0.0",
         "@vue/babel-sugar-v-model": "^1.1.1",
         "@vue/babel-sugar-v-on": "^1.1.0"
+      },
+      "dependencies": {
+        "@vue/babel-plugin-transform-vue-jsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.2.1.tgz",
+          "integrity": "sha512-HJuqwACYehQwh1fNT8f4kyzqlNMpBuUK4rSiSES5D4QsYncv5fxFsLyrxFPG2ksO7t5WP+Vgix6tt6yKClwPzA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.0.0",
+            "@babel/plugin-syntax-jsx": "^7.2.0",
+            "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
+            "html-tags": "^2.0.0",
+            "lodash.kebabcase": "^4.1.1",
+            "svg-tags": "^1.0.0"
+          },
+          "dependencies": {
+            "@vue/babel-helper-vue-jsx-merge-props": {
+              "version": "1.2.1",
+              "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
+              "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
+              "dev": true
+            }
+          }
+        }
       }
     },
     "@vue/babel-sugar-functional-vue": {
@@ -9400,6 +11497,28 @@
             "@babel/helper-plugin-utils": "^7.0.0"
           }
         },
+        "@vue/babel-plugin-transform-vue-jsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.2.1.tgz",
+          "integrity": "sha512-HJuqwACYehQwh1fNT8f4kyzqlNMpBuUK4rSiSES5D4QsYncv5fxFsLyrxFPG2ksO7t5WP+Vgix6tt6yKClwPzA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.0.0",
+            "@babel/plugin-syntax-jsx": "^7.2.0",
+            "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
+            "html-tags": "^2.0.0",
+            "lodash.kebabcase": "^4.1.1",
+            "svg-tags": "^1.0.0"
+          },
+          "dependencies": {
+            "@vue/babel-helper-vue-jsx-merge-props": {
+              "version": "1.2.1",
+              "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
+              "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
+              "dev": true
+            }
+          }
+        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -9428,6 +11547,26 @@
             "@babel/helper-plugin-utils": "^7.0.0"
           }
         },
+        "@vue/babel-helper-vue-jsx-merge-props": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
+          "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
+          "dev": true
+        },
+        "@vue/babel-plugin-transform-vue-jsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.2.1.tgz",
+          "integrity": "sha512-HJuqwACYehQwh1fNT8f4kyzqlNMpBuUK4rSiSES5D4QsYncv5fxFsLyrxFPG2ksO7t5WP+Vgix6tt6yKClwPzA==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-module-imports": "^7.0.0",
+            "@babel/plugin-syntax-jsx": "^7.2.0",
+            "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
+            "html-tags": "^2.0.0",
+            "lodash.kebabcase": "^4.1.1",
+            "svg-tags": "^1.0.0"
+          }
+        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -9654,13 +11793,14 @@
       }
     },
     "@vue/test-utils": {
-      "version": "1.0.0-beta.29",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-1.0.0-beta.29.tgz",
-      "integrity": "sha512-yX4sxEIHh4M9yAbLA/ikpEnGKMNBCnoX98xE1RwxfhQVcn0MaXNSj1Qmac+ZydTj6VBSEVukchBogXBTwc+9iA==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-1.1.2.tgz",
+      "integrity": "sha512-utbIL7zn9c+SjhybPwh48lpWCiluFCbP1yyRNAy1fQsw/6hiNFioaWy05FoVAFIZXC5WwBf+5r4ypfM1j/nI4A==",
       "dev": true,
       "requires": {
         "dom-event-types": "^1.0.0",
-        "lodash": "^4.17.4"
+        "lodash": "^4.17.15",
+        "pretty": "^2.0.0"
       }
     },
     "@webassemblyjs/ast": {
@@ -10048,9 +12188,9 @@
       "dev": true
     },
     "ansi-escapes": {
-      "version": "3.1.0",
-      "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
-      "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.2.0.tgz",
+      "integrity": "sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==",
       "dev": true
     },
     "ansi-html": {
@@ -10575,6 +12715,30 @@
         "slash": "^2.0.0"
       },
       "dependencies": {
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
+          }
+        },
         "chalk": {
           "version": "2.4.2",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -10585,6 +12749,12 @@
             "escape-string-regexp": "^1.0.5",
             "supports-color": "^5.3.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
         }
       }
     },
@@ -10705,6 +12875,24 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-emotion": {
+      "version": "10.0.33",
+      "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.0.33.tgz",
+      "integrity": "sha512-bxZbTTGz0AJQDHm8k6Rf3RQJ8tX2scsfsRyKVgAbiUPUNIRtlK+7JxP+TAd1kRLABFxe0CFm2VdK4ePkoA9FxQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/serialize": "^0.11.16",
+        "babel-plugin-macros": "^2.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^1.0.5",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7"
+      }
+    },
     "babel-plugin-istanbul": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz",
@@ -11298,6 +13486,15 @@
       "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg==",
       "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,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "block-stream": {
       "version": "0.0.9",
       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
@@ -11609,6 +13806,16 @@
         "unset-value": "^1.0.0"
       }
     },
+    "call-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.0.tgz",
+      "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.0"
+      }
+    },
     "call-me-maybe": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz",
@@ -11883,6 +14090,56 @@
         "tiny-emitter": "^2.0.0"
       }
     },
+    "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"
+      },
+      "dependencies": {
+        "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
+        },
+        "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"
+          }
+        },
+        "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"
+          }
+        },
+        "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"
+          }
+        }
+      }
+    },
     "clone": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
@@ -11906,6 +14163,17 @@
       "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
       "dev": true
     },
+    "coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dev": true,
+      "requires": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      }
+    },
     "code-point-at": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
@@ -11937,6 +14205,12 @@
       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
       "dev": true
     },
+    "colorette": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz",
+      "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==",
+      "dev": true
+    },
     "colors": {
       "version": "1.1.2",
       "resolved": "http://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
@@ -12010,6 +14284,37 @@
         "typedarray": "^0.0.6"
       }
     },
+    "condense-newlines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+      "integrity": "sha1-PemFVTE5R10yUCyDsC9gaE0kxV8=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-whitespace": "^0.3.0",
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.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"
+          }
+        }
+      }
+    },
     "config-chain": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.12.tgz",
@@ -13245,53 +15550,38 @@
       "dev": true
     },
     "css-selector-tokenizer": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz",
-      "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==",
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz",
+      "integrity": "sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==",
       "dev": true,
       "requires": {
-        "cssesc": "^0.1.0",
-        "fastparse": "^1.1.1",
-        "regexpu-core": "^1.0.0"
+        "cssesc": "^3.0.0",
+        "fastparse": "^1.1.2"
       },
       "dependencies": {
         "cssesc": {
-          "version": "0.1.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
-          "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
-          "dev": true
-        },
-        "jsesc": {
-          "version": "0.5.0",
-          "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+          "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
           "dev": true
-        },
-        "regexpu-core": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
-          "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
-          "dev": true,
-          "requires": {
-            "regenerate": "^1.2.1",
-            "regjsgen": "^0.2.0",
-            "regjsparser": "^0.1.4"
-          }
-        },
-        "regjsgen": {
-          "version": "0.2.0",
-          "resolved": "http://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
-          "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+        }
+      }
+    },
+    "css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dev": true,
+      "requires": {
+        "mdn-data": "2.0.4",
+        "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
-        },
-        "regjsparser": {
-          "version": "0.1.5",
-          "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
-          "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
-          "dev": true,
-          "requires": {
-            "jsesc": "~0.5.0"
-          }
         }
       }
     },
@@ -13307,6 +15597,39 @@
       "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
       "dev": true
     },
+    "csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "requires": {
+        "css-tree": "^1.1.2"
+      },
+      "dependencies": {
+        "css-tree": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.2.tgz",
+          "integrity": "sha512-wCoWush5Aeo48GLhfHPbmvZs59Z+M7k5+B1xDnXbdWNcEF423DoFdqSWE0PM5aNk5nI5cp1q7ms36zGApY/sKQ==",
+          "dev": true,
+          "requires": {
+            "mdn-data": "2.0.14",
+            "source-map": "^0.6.1"
+          }
+        },
+        "mdn-data": {
+          "version": "2.0.14",
+          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+          "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+          "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
+        }
+      }
+    },
     "cssom": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
@@ -13404,6 +15727,16 @@
       "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
       "dev": true
     },
+    "deasync": {
+      "version": "0.1.21",
+      "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.21.tgz",
+      "integrity": "sha512-kUmM8Y+PZpMpQ+B4AuOW9k2Pfx/mSupJtxOsLzmnHY2WqZUYRFccFn2RhzPAqt3Xb+sorK/badW2D4zNzqZz5w==",
+      "dev": true,
+      "requires": {
+        "bindings": "^1.5.0",
+        "node-addon-api": "^1.7.1"
+      }
+    },
     "debug": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.0.tgz",
@@ -13413,6 +15746,12 @@
         "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",
@@ -14056,6 +16395,12 @@
         "ext": "^1.1.2"
       }
     },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -14253,20 +16598,261 @@
         }
       }
     },
-    "expect": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-24.9.0.tgz",
-      "integrity": "sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==",
-      "dev": true,
-      "requires": {
-        "@jest/types": "^24.9.0",
-        "ansi-styles": "^3.2.0",
-        "jest-get-type": "^24.9.0",
-        "jest-matcher-utils": "^24.9.0",
-        "jest-message-util": "^24.9.0",
-        "jest-regex-util": "^24.9.0"
-      }
-    },
+    "expect": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-26.6.2.tgz",
+      "integrity": "sha512-9/hlOBkQl2l/PLHJx6JjoDF6xPKcJEsUlWKb23rKE7KzeDqUZKXKNMW27KIue5JMdBV9HgmoJPcc8HtO85t9IA==",
+      "dev": true,
+      "requires": {
+        "@jest/types": "^26.6.2",
+        "ansi-styles": "^4.0.0",
+        "jest-get-type": "^26.3.0",
+        "jest-matcher-utils": "^26.6.2",
+        "jest-message-util": "^26.6.2",
+        "jest-regex-util": "^26.0.0"
+      },
+      "dependencies": {
+        "@jest/types": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
+          "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-coverage": "^2.0.0",
+            "@types/istanbul-reports": "^3.0.0",
+            "@types/node": "*",
+            "@types/yargs": "^15.0.0",
+            "chalk": "^4.0.0"
+          }
+        },
+        "@types/istanbul-reports": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz",
+          "integrity": "sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-report": "*"
+          }
+        },
+        "@types/stack-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz",
+          "integrity": "sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==",
+          "dev": true
+        },
+        "@types/yargs": {
+          "version": "15.0.12",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.12.tgz",
+          "integrity": "sha512-f+fD/fQAo3BCbCDlrUpznF1A5Zp9rB0noS5vnoormHSIPFKL0Z2DcUJ3Gxp5ytH4uLRNxy7AwYUC9exZzqGMAw==",
+          "dev": true,
+          "requires": {
+            "@types/yargs-parser": "*"
+          }
+        },
+        "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.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.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"
+          }
+        },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "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
+        },
+        "diff-sequences": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.6.2.tgz",
+          "integrity": "sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==",
+          "dev": true
+        },
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+          "dev": 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"
+          }
+        },
+        "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": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "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
+        },
+        "jest-diff": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.6.2.tgz",
+          "integrity": "sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA==",
+          "dev": true,
+          "requires": {
+            "chalk": "^4.0.0",
+            "diff-sequences": "^26.6.2",
+            "jest-get-type": "^26.3.0",
+            "pretty-format": "^26.6.2"
+          }
+        },
+        "jest-get-type": {
+          "version": "26.3.0",
+          "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz",
+          "integrity": "sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==",
+          "dev": true
+        },
+        "jest-matcher-utils": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.6.2.tgz",
+          "integrity": "sha512-llnc8vQgYcNqDrqRDXWwMr9i7rS5XFiCwvh6DTP7Jqa2mqpcCBBlpCbn+trkG0KNhPu/h8rzyBkriOtBstvWhw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^4.0.0",
+            "jest-diff": "^26.6.2",
+            "jest-get-type": "^26.3.0",
+            "pretty-format": "^26.6.2"
+          }
+        },
+        "jest-message-util": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.6.2.tgz",
+          "integrity": "sha512-rGiLePzQ3AzwUshu2+Rn+UMFk0pHN58sOG+IaJbk5Jxuqo3NYO1U2/MIR4S1sKgsoYSXSzdtSa0TgrmtUwEbmA==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "@jest/types": "^26.6.2",
+            "@types/stack-utils": "^2.0.0",
+            "chalk": "^4.0.0",
+            "graceful-fs": "^4.2.4",
+            "micromatch": "^4.0.2",
+            "pretty-format": "^26.6.2",
+            "slash": "^3.0.0",
+            "stack-utils": "^2.0.2"
+          }
+        },
+        "jest-regex-util": {
+          "version": "26.0.0",
+          "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-26.0.0.tgz",
+          "integrity": "sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==",
+          "dev": true
+        },
+        "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"
+          }
+        },
+        "pretty-format": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
+          "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^26.6.2",
+            "ansi-regex": "^5.0.0",
+            "ansi-styles": "^4.0.0",
+            "react-is": "^17.0.1"
+          }
+        },
+        "react-is": {
+          "version": "17.0.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
+          "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==",
+          "dev": true
+        },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+          "dev": true
+        },
+        "stack-utils": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.3.tgz",
+          "integrity": "sha512-gL//fkxfWUsIlFL2Tl42Cl6+HFALEaB1FU76I/Fy+oZjRreP7OPMXFlGbxM7NQsI0ZpUfw76sHnv0WNYuTb7Iw==",
+          "dev": true,
+          "requires": {
+            "escape-string-regexp": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.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"
+          }
+        }
+      }
+    },
     "ext": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/ext/-/ext-1.1.2.tgz",
@@ -14542,6 +17128,12 @@
         }
       }
     },
+    "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
+    },
     "filesize": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
@@ -15391,12 +17983,43 @@
         }
       }
     },
+    "gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true
+    },
     "get-caller-file": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
       "dev": true
     },
+    "get-intrinsic": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.0.2.tgz",
+      "integrity": "sha512-aeX0vrFm21ILl3+JpFFRNe9aUvp6VFZb2/CTbgLb8j75kOhvoNYjt9d8KA/tJG4gSo8nzEDedRl0h7vDmBYRVg==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      },
+      "dependencies": {
+        "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
+        }
+      }
+    },
+    "get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "dev": true
+    },
     "get-stdin": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -15573,26 +18196,6 @@
       "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==",
       "dev": true
     },
-    "handlebars": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.5.1.tgz",
-      "integrity": "sha512-C29UoFzHe9yM61lOsIlCE5/mQVGrnIOrOq7maQl76L7tYPCgC1og0Ajt6uWnX4ZTxBPnjw+CUvawphwCfJgUnA==",
-      "dev": true,
-      "requires": {
-        "neo-async": "^2.6.0",
-        "optimist": "^0.6.1",
-        "source-map": "^0.6.1",
-        "uglify-js": "^3.1.4"
-      },
-      "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
-        }
-      }
-    },
     "har-schema": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
@@ -15773,6 +18376,12 @@
       "integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=",
       "dev": true
     },
+    "html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
     "html-tags": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
@@ -16001,60 +18610,6 @@
       "requires": {
         "pkg-dir": "^3.0.0",
         "resolve-cwd": "^2.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.0.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.0.0.tgz",
-          "integrity": "sha512-fl5s52lI5ahKCernzzIyAP0QAZbGIovtVHGwpcu1Jr/EpzLVDI2myISHwGqK7m8uQFugVWSrbxH7XnhGtvEc+A==",
-          "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.0.0",
-          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.0.0.tgz",
-          "integrity": "sha512-hMp0onDKIajHfIkdRk3P4CdCmErkYAxxDtP3Wx/4nZ3aGlau2VKh3mZpcuFkH27WQkL/3WBCPOktzA9ZOAnMQQ==",
-          "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"
-          }
-        }
       }
     },
     "imurmurhash": {
@@ -16424,6 +18979,12 @@
         "is-path-inside": "^1.0.0"
       }
     },
+    "is-negative-zero": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
+      "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
+      "dev": true
+    },
     "is-npm": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-1.0.0.tgz",
@@ -16534,6 +19095,12 @@
       "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
       "dev": true
     },
+    "is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha1-Fjnssb4DauxppUy7QBz77XEUq38=",
+      "dev": true
+    },
     "is-windows": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
@@ -16750,12 +19317,12 @@
       },
       "dependencies": {
         "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
           "dev": true,
           "requires": {
-            "ms": "^2.1.1"
+            "ms": "2.1.2"
           }
         },
         "make-dir": {
@@ -16768,6 +19335,12 @@
             "semver": "^5.6.0"
           }
         },
+        "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
+        },
         "pify": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
@@ -16792,12 +19365,12 @@
       }
     },
     "istanbul-reports": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.2.6.tgz",
-      "integrity": "sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==",
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.2.7.tgz",
+      "integrity": "sha512-uu1F/L1o5Y6LzPVSVZXNOoD/KXpJue9aeLRd0sM9uMXfZvzomB0WxVamWb5ue8kA2vVWEmW7EG+A5n3f1kqHKg==",
       "dev": true,
       "requires": {
-        "handlebars": "^4.1.2"
+        "html-escaper": "^2.0.0"
       }
     },
     "jest": {
@@ -16810,56 +19383,12 @@
         "jest-cli": "^24.9.0"
       },
       "dependencies": {
-        "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
-        },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "ci-info": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
           "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
           "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"
-          }
-        },
-        "decamelize": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-          "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-          "dev": true
-        },
-        "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"
-          }
-        },
-        "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
-        },
         "is-ci": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
@@ -16889,105 +19418,6 @@
             "realpath-native": "^1.1.0",
             "yargs": "^13.3.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.2.1",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.1.tgz",
-          "integrity": "sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==",
-          "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
-        },
-        "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
-        },
-        "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"
-          }
-        },
-        "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"
-          }
-        },
-        "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"
-          }
-        },
-        "yargs": {
-          "version": "13.3.0",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.0.tgz",
-          "integrity": "sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==",
-          "dev": true,
-          "requires": {
-            "cliui": "^5.0.0",
-            "find-up": "^3.0.0",
-            "get-caller-file": "^2.0.1",
-            "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.1"
-          }
-        },
-        "yargs-parser": {
-          "version": "13.1.1",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.1.tgz",
-          "integrity": "sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==",
-          "dev": true,
-          "requires": {
-            "camelcase": "^5.0.0",
-            "decamelize": "^1.2.0"
-          }
         }
       }
     },
@@ -17076,9 +19506,9 @@
       },
       "dependencies": {
         "acorn": {
-          "version": "5.7.3",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
-          "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+          "version": "5.7.4",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz",
+          "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==",
           "dev": true
         },
         "jsdom": {
@@ -17109,19 +19539,10 @@
             "w3c-hr-time": "^1.0.1",
             "webidl-conversions": "^4.0.2",
             "whatwg-encoding": "^1.0.3",
-            "whatwg-mimetype": "^2.1.0",
-            "whatwg-url": "^6.4.1",
-            "ws": "^5.2.0",
-            "xml-name-validator": "^3.0.0"
-          }
-        },
-        "ws": {
-          "version": "5.2.2",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-5.2.2.tgz",
-          "integrity": "sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "~1.0.0"
+            "whatwg-mimetype": "^2.1.0",
+            "whatwg-url": "^6.4.1",
+            "ws": "^5.2.0",
+            "xml-name-validator": "^3.0.0"
           }
         }
       }
@@ -17744,6 +20165,22 @@
         "jest-util": "^24.9.0",
         "pretty-format": "^24.9.0",
         "throat": "^4.0.0"
+      },
+      "dependencies": {
+        "expect": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/expect/-/expect-24.9.0.tgz",
+          "integrity": "sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^24.9.0",
+            "ansi-styles": "^3.2.0",
+            "jest-get-type": "^24.9.0",
+            "jest-matcher-utils": "^24.9.0",
+            "jest-message-util": "^24.9.0",
+            "jest-regex-util": "^24.9.0"
+          }
+        }
       }
     },
     "jest-leak-detector": {
@@ -17900,154 +20337,41 @@
         "yargs": "^13.3.0"
       },
       "dependencies": {
-        "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
-        },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "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"
-          }
-        },
-        "decamelize": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-          "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-          "dev": true
-        },
-        "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"
-          }
-        },
-        "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
-        },
-        "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.2.1",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.1.tgz",
-          "integrity": "sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==",
-          "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==",
+        "@jest/transform": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-24.9.0.tgz",
+          "integrity": "sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==",
           "dev": true,
           "requires": {
-            "p-limit": "^2.0.0"
+            "@babel/core": "^7.1.0",
+            "@jest/types": "^24.9.0",
+            "babel-plugin-istanbul": "^5.1.0",
+            "chalk": "^2.0.1",
+            "convert-source-map": "^1.4.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graceful-fs": "^4.1.15",
+            "jest-haste-map": "^24.9.0",
+            "jest-regex-util": "^24.9.0",
+            "jest-util": "^24.9.0",
+            "micromatch": "^3.1.10",
+            "pirates": "^4.0.1",
+            "realpath-native": "^1.1.0",
+            "slash": "^2.0.0",
+            "source-map": "^0.6.1",
+            "write-file-atomic": "2.4.1"
           }
         },
-        "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
-        },
-        "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==",
+        "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
         },
-        "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"
-          }
-        },
-        "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-bom": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
           "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
           "dev": true
-        },
-        "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"
-          }
-        },
-        "yargs": {
-          "version": "13.3.0",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.0.tgz",
-          "integrity": "sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==",
-          "dev": true,
-          "requires": {
-            "cliui": "^5.0.0",
-            "find-up": "^3.0.0",
-            "get-caller-file": "^2.0.1",
-            "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.1"
-          }
-        },
-        "yargs-parser": {
-          "version": "13.1.1",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.1.tgz",
-          "integrity": "sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==",
-          "dev": true,
-          "requires": {
-            "camelcase": "^5.0.0",
-            "decamelize": "^1.2.0"
-          }
         }
       }
     },
@@ -18087,6 +20411,20 @@
         "semver": "^6.2.0"
       },
       "dependencies": {
+        "expect": {
+          "version": "24.9.0",
+          "resolved": "https://registry.npmjs.org/expect/-/expect-24.9.0.tgz",
+          "integrity": "sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^24.9.0",
+            "ansi-styles": "^3.2.0",
+            "jest-get-type": "^24.9.0",
+            "jest-matcher-utils": "^24.9.0",
+            "jest-message-util": "^24.9.0",
+            "jest-regex-util": "^24.9.0"
+          }
+        },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -18105,9 +20443,9 @@
       }
     },
     "jest-transform-css": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/jest-transform-css/-/jest-transform-css-2.0.0.tgz",
-      "integrity": "sha512-KV5pD27qUltAVj0mZEVvqd+Ahe+WNPOVWKA1BRpIhBJ5OeUUOM46ivAznJrC5B1JrVNbMzWjPxnKl6QTsAAT3Q==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/jest-transform-css/-/jest-transform-css-2.1.0.tgz",
+      "integrity": "sha512-daar3G48riufHGCHAuwzLEhrTStWTYiZ7rskVJsTPDumLQ/LF2VCJa0jREHbJaCmAQiT5lQlXYqu+oIig91EeQ==",
       "dev": true,
       "requires": {
         "common-tags": "1.8.0",
@@ -18722,9 +21060,9 @@
       }
     },
     "lodash": {
-      "version": "4.17.15",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
       "dev": true
     },
     "lodash-es": {
@@ -18948,6 +21286,12 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "dev": true
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -19260,6 +21604,12 @@
         }
       }
     },
+    "moment": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
+      "dev": true
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -19345,6 +21695,12 @@
         "lower-case": "^1.1.1"
       }
     },
+    "node-addon-api": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.7.2.tgz",
+      "integrity": "sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==",
+      "dev": true
+    },
     "node-cache": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/node-cache/-/node-cache-4.2.1.tgz",
@@ -20338,6 +22694,12 @@
         }
       }
     },
+    "object-inspect": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz",
+      "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==",
+      "dev": true
+    },
     "object-keys": {
       "version": "1.0.12",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz",
@@ -20462,24 +22824,6 @@
         "is-wsl": "^1.1.0"
       }
     },
-    "optimist": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
-      "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
-      "dev": true,
-      "requires": {
-        "minimist": "~0.0.1",
-        "wordwrap": "~0.0.2"
-      },
-      "dependencies": {
-        "minimist": {
-          "version": "0.0.10",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
-          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
-          "dev": true
-        }
-      }
-    },
     "optionator": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
@@ -20753,6 +23097,12 @@
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
+    "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": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -20783,6 +23133,60 @@
         "node-modules-regexp": "^1.0.0"
       }
     },
+    "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",
@@ -20839,6 +23243,32 @@
       "integrity": "sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw==",
       "dev": true
     },
+    "pos-vue-framework": {
+      "version": "file:pos-vue-framework",
+      "dev": true,
+      "requires": {
+        "@fortawesome/fontawesome-free": "^5.11.2",
+        "@juggle/resize-observer": "^3.2.0",
+        "@mdi/font": "^4.5.95",
+        "@mdi/js": "^4.5.95",
+        "copy-to-clipboard": "^3.2.0",
+        "material-design-icons-iconfont": "^5.0.1",
+        "moment": "^2.24.0",
+        "queue": "^6.0.1",
+        "resolve-url-loader": "^3.1.0",
+        "vue-svg-loader": "^0.15.0",
+        "vue-template-compiler": "^2.6.10",
+        "vue-the-mask": "^0.11.1"
+      },
+      "dependencies": {
+        "material-design-icons-iconfont": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/material-design-icons-iconfont/-/material-design-icons-iconfont-5.0.1.tgz",
+          "integrity": "sha512-Xg6rIdGrfySTqiTZ6d+nQbcFepS6R4uKbJP0oAqyeZXJY/bX6mZDnOmmUJusqLXfhIwirs0c++a6JpqVa8RFvA==",
+          "dev": true
+        }
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -21074,6 +23504,28 @@
       "integrity": "sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==",
       "dev": true
     },
+    "pretty": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+      "integrity": "sha1-rbx5YLe7/iiaVX3F9zdhmiINBqU=",
+      "dev": true,
+      "requires": {
+        "condense-newlines": "^0.2.1",
+        "extend-shallow": "^2.0.1",
+        "js-beautify": "^1.6.12"
+      },
+      "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"
+          }
+        }
+      }
+    },
     "pretty-error": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
@@ -21164,13 +23616,13 @@
       }
     },
     "prompts": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.2.1.tgz",
-      "integrity": "sha512-VObPvJiWPhpZI6C5m60XOzTfnYg/xc/an+r9VYymj9WJW3B/DIH+REzjpAACPf8brwPeP+7vz3bIim3S+AaMjw==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.0.tgz",
+      "integrity": "sha512-awZAKrk3vN6CroQukBL+R9051a4R3zCZBlJm/HBfrSZ8iTpYix3VX1vU4mveiLpiwmOJT4wokTF9m6HUk4KqWQ==",
       "dev": true,
       "requires": {
         "kleur": "^3.0.3",
-        "sisteransi": "^1.0.3"
+        "sisteransi": "^1.0.5"
       }
     },
     "prop-types": {
@@ -21304,6 +23756,15 @@
       "integrity": "sha512-sluvZZ1YiTLD5jsqZcDmFyV2EwToyXZBfpoVOmktMmW+VEnhgakFHnasVph65fOjGPTWN0Nw3+XQaSeMayr0kg==",
       "dev": true
     },
+    "queue": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.1.tgz",
+      "integrity": "sha512-AJBQabRCCNr9ANq8v77RJEv73DPbn55cdTb+Giq4X0AVnNVZvMHlYp7XlQiN+1npCZj1DuSmaA2hYVUUDgxFDg==",
+      "dev": true,
+      "requires": {
+        "inherits": "~2.0.3"
+      }
+    },
     "ramda": {
       "version": "0.21.0",
       "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.21.0.tgz",
@@ -22252,6 +24713,32 @@
       "integrity": "sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==",
       "dev": true
     },
+    "regenerator-transform": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.5.tgz",
+      "integrity": "sha512-eOf6vka5IO151Jfsw2NO9WpGX58W6wWmefK3I1zEGr0lOD0u8rwPaNqQL1aRxUaxLeKO3ArNh3VYg1KbaD+FFw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.8.4"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.12.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+          "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.7",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
+          "dev": true
+        }
+      }
+    },
     "regex-not": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
@@ -22447,23 +24934,31 @@
       }
     },
     "request-promise-core": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.1.tgz",
-      "integrity": "sha1-Pu4AssWqgyOc+wTFcA2jb4HNCLY=",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
+      "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
       "dev": true,
       "requires": {
-        "lodash": "^4.13.1"
+        "lodash": "^4.17.19"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.20",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+          "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
+          "dev": true
+        }
       }
     },
     "request-promise-native": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.5.tgz",
-      "integrity": "sha1-UoF3D2jgyXGeUWP9P6tIIhX0/aU=",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz",
+      "integrity": "sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==",
       "dev": true,
       "requires": {
-        "request-promise-core": "1.1.1",
-        "stealthy-require": "^1.1.0",
-        "tough-cookie": ">=2.3.3"
+        "request-promise-core": "1.1.4",
+        "stealthy-require": "^1.1.1",
+        "tough-cookie": "^2.3.3"
       }
     },
     "require-directory": {
@@ -23255,9 +25750,9 @@
       }
     },
     "sisteransi": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.3.tgz",
-      "integrity": "sha512-SbEG75TzH8G7eVXFSN5f9EExILKfly7SUvVY5DhhYLvfhKqhDFY0OzevWa/zwak0RLRfWS5AvfMWpd9gJvr5Yg==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
       "dev": true
     },
     "slash": {
@@ -23679,6 +26174,26 @@
         "function-bind": "^1.0.2"
       }
     },
+    "string.prototype.trimend": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz",
+      "integrity": "sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz",
+      "integrity": "sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      }
+    },
     "string_decoder": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -23824,6 +26339,130 @@
       "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
       "dev": true
     },
+    "svg-to-vue": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/svg-to-vue/-/svg-to-vue-0.6.0.tgz",
+      "integrity": "sha512-SYGJMBq5EHt/nIJxZ4kA9A6bilaFXtOPFJRoMQ2ml/jFP4N9L7HVFTm+5WCFN3QFnEUXtH6BHzpoOlwP1/5+2A==",
+      "dev": true,
+      "requires": {
+        "svgo": "^1.3.2"
+      }
+    },
+    "svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "dependencies": {
+        "es-abstract": {
+          "version": "1.18.0-next.1",
+          "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+          "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+          "dev": true,
+          "requires": {
+            "es-to-primitive": "^1.2.1",
+            "function-bind": "^1.1.1",
+            "has": "^1.0.3",
+            "has-symbols": "^1.0.1",
+            "is-callable": "^1.2.2",
+            "is-negative-zero": "^2.0.0",
+            "is-regex": "^1.1.1",
+            "object-inspect": "^1.8.0",
+            "object-keys": "^1.1.1",
+            "object.assign": "^4.1.1",
+            "string.prototype.trimend": "^1.0.1",
+            "string.prototype.trimstart": "^1.0.1"
+          }
+        },
+        "es-to-primitive": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+          "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+          "dev": true,
+          "requires": {
+            "is-callable": "^1.1.4",
+            "is-date-object": "^1.0.1",
+            "is-symbol": "^1.0.2"
+          }
+        },
+        "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
+        },
+        "is-callable": {
+          "version": "1.2.2",
+          "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz",
+          "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==",
+          "dev": true
+        },
+        "is-regex": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz",
+          "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==",
+          "dev": true,
+          "requires": {
+            "has-symbols": "^1.0.1"
+          }
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "dev": true,
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "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.assign": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
+          "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.0",
+            "define-properties": "^1.1.3",
+            "has-symbols": "^1.0.1",
+            "object-keys": "^1.1.1"
+          }
+        },
+        "object.values": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.2.tgz",
+          "integrity": "sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.0",
+            "define-properties": "^1.1.3",
+            "es-abstract": "^1.18.0-next.1",
+            "has": "^1.0.3"
+          }
+        }
+      }
+    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -24487,32 +27126,21 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "requires": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
     "ua-parser-js": {
       "version": "0.7.19",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.19.tgz",
       "integrity": "sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==",
       "dev": true
     },
-    "uglify-js": {
-      "version": "3.4.9",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.9.tgz",
-      "integrity": "sha512-8CJsbKOtEbnJsTyv6LE6m6ZKniqMiFWmm9sRbopbkGs3gMPPfd3Fh8iIA4Ykv5MgaTbqHr4BaoGLJLZNhsrW1Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "commander": "~2.17.1",
-        "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,
-          "optional": true
-        }
-      }
-    },
     "undefsafe": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.2.tgz",
@@ -24938,13 +27566,14 @@
       "dev": true
     },
     "vue-jest": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.5.tgz",
-      "integrity": "sha512-xWDxde91pDqYBGDlODENZ3ezPgw+IQFoVDtf+5Awlg466w3KvMSqWzs8PxcTeTr+wmAHi0j+a+Lm3R7aUJa1jA==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.7.tgz",
+      "integrity": "sha512-PIOxFM+wsBMry26ZpfBvUQ/DGH2hvp5khDQ1n51g3bN0TwFwTy4J85XVfxTRMukqHji/GnAoGUnlZ5Ao73K62w==",
       "dev": true,
       "requires": {
         "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
         "chalk": "^2.1.0",
+        "deasync": "^0.1.15",
         "extract-from-css": "^0.4.4",
         "find-babel-config": "^1.1.0",
         "js-beautify": "^1.6.14",
@@ -24993,6 +27622,50 @@
         "loader-utils": "^1.0.2"
       }
     },
+    "vue-svg-loader": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/vue-svg-loader/-/vue-svg-loader-0.15.0.tgz",
+      "integrity": "sha512-698GfXu9k2wPxI382Qf7MfrtBXjIjThqmOsksVKHqeTvVO+Ary9q69SVzA6EEJmj5vmF5u1KRVb/I1BDh4fPTQ==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.2.3",
+        "svg-to-vue": "^0.6.0"
+      },
+      "dependencies": {
+        "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
+        },
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+          "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"
+          }
+        },
+        "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"
+          }
+        }
+      }
+    },
     "vue-template-compiler": {
       "version": "2.6.10",
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz",
@@ -25015,12 +27688,6 @@
       "integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ==",
       "dev": true
     },
-    "vuetify": {
-      "version": "1.5.19",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.19.tgz",
-      "integrity": "sha512-GbLWPtiYUaYhnP68GteqT79FxIrAKRF3ZPvvm4a1jEZ5FJDmLlM8eJLB37ppsUys/U/z88g3AtdVvc++gHKzCQ==",
-      "dev": true
-    },
     "w3c-hr-time": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.1.tgz",
@@ -25251,12 +27918,6 @@
         "string-width": "^2.1.1"
       }
     },
-    "wordwrap": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
-      "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
-      "dev": true
-    },
     "worker-farm": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.6.0.tgz",
@@ -25339,6 +28000,15 @@
         "signal-exit": "^3.0.2"
       }
     },
+    "ws": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-5.2.2.tgz",
+      "integrity": "sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==",
+      "dev": true,
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
     "xdg-basedir": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-3.0.0.tgz",
@@ -25374,6 +28044,125 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
       "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
       "dev": true
+    },
+    "yargs": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+      "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+      "dev": true,
+      "requires": {
+        "cliui": "^5.0.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^2.0.1",
+        "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.2"
+      },
+      "dependencies": {
+        "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
+        },
+        "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"
+          }
+        },
+        "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
+        },
+        "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
+        },
+        "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
+        },
+        "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"
+          }
+        },
+        "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"
+          }
+        }
+      }
+    },
+    "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"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        }
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index fa03ce9..bbdc68f 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
     "build": "vue-cli-service build --target lib --name GForm src/main.js",
     "build:storybook": "vue-cli-service build:storybook -c config/storybook",
     "serve:storybook": "vue-cli-service serve:storybook -p 8080 -c config/storybook",
-    "storybook": "start-storybook -p 8000"
+    "storybook": "start-storybook -p 8000",
+    "jest": "jest"
   },
   "module": "src/main.js",
   "main": "src/main.js",
@@ -47,7 +48,7 @@
     "@vue/babel-preset-jsx": "^1.1.0",
     "@vue/cli-plugin-babel": "3.11.0",
     "@vue/composition-api": "0.3.2",
-    "@vue/test-utils": "^1.0.0-beta.29",
+    "@vue/test-utils": "^1.1.2",
     "autoprefixer": "^9.6.2",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "10.0.3",
diff --git a/test/jest/g-field/__snapshots__/type-array.test.js.snap b/test/jest/g-field/__snapshots__/type-array.test.js.snap
new file mode 100644
index 0000000..c3e248b
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-array.test.js.snap
@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type array should render correctly 1`] = `
+"<div class=\\"g-col col-xs-12\\" xs12=\\"\\">
+  <div class=\\"g-row no-gutters\\"></div>
+  <div class=\\"ma-2 g-btn g-btn__flat g-btn__depressed g-btn__outlined g-btn__uppercase text-blue-lighten-2 g-size__small waves-effect\\"><span class=\\"g-btn__content\\">
+    ADD ADDRESS1
+  </span></div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-choice-array.test.js.snap b/test/jest/g-field/__snapshots__/type-choice-array.test.js.snap
new file mode 100644
index 0000000..c1a4732
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-choice-array.test.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type choice array should render correctly 1`] = `
+"<div >
+  <div class=\\"g-col col-md-12\\"  md12=\\"\\">
+    <div z-index=\\"1000\\">
+      <div class=\\"g-btn g-btn__contained g-btn__uppercase bg-blue text-white g-size__small waves-effect\\"><span class=\\"g-btn__content\\">
+          ADD LAYOUT
+          <i class=\\"g-icon material-icons\\" style=\\"font-size: 24px;\\">arrow_drop_down</i></span></div>
+    </div>
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-choice.test.js.snap b/test/jest/g-field/__snapshots__/type-choice.test.js.snap
new file mode 100644
index 0000000..c779ee2
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-choice.test.js.snap
@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type choice should render correctly 1`] = `
+"<div class=\\"g-col col-xs-12\\" xs12=\\"\\">
+  <!---->
+  <div z-index=\\"1000\\">
+    <div class=\\"g-btn g-btn__flat g-btn__depressed g-btn__outlined g-btn__uppercase text-blue-lighten-2 g-size__small waves-effect\\"><span class=\\"g-btn__content\\">
+        ADD LAYOUT
+        <i class=\\"g-icon material-icons\\" style=\\"font-size: 24px;\\">arrow_drop_down</i></span></div>
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-date.test.js.snap b/test/jest/g-field/__snapshots__/type-date.test.js.snap
new file mode 100644
index 0000000..9cce52d
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-date.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type date should render correctly 1`] = `
+"<div class=\\"g-col md-6 px-2\\">
+  <div class=\\"g-tf-wrapper g-tf r\\">
+    <!---->
+    <!----> <input autocomplete=\\"off\\" label=\\"Date\\" type=\\"datetime-local\\" class=\\"g-tf-input\\">
+    <!----> <label class=\\"g-tf-label g-tf-label__active\\">
+      Date
+      <!----></label>
+    <!---->
+    <!---->
+    <!---->
+    <!---->
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-input.test.js.snap b/test/jest/g-field/__snapshots__/type-input.test.js.snap
new file mode 100644
index 0000000..e884777
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-input.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type input should render correctly 1`] = `
+"<div class=\\"g-col md-6 px-2\\">
+  <div class=\\"g-tf-wrapper g-tf r\\">
+    <!---->
+    <!----> <input autocomplete=\\"off\\" label=\\"Name\\" type=\\"text\\" class=\\"g-tf-input\\">
+    <!----> <label class=\\"g-tf-label g-tf-label__active\\">
+      Name
+      <!----></label>
+    <!---->
+    <!---->
+    <!---->
+    <!---->
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-number-input.test.js.snap b/test/jest/g-field/__snapshots__/type-number-input.test.js.snap
new file mode 100644
index 0000000..675f03d
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-number-input.test.js.snap
@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type number input should render correctly 1`] = `
+"<div class=\\"g-col md-6 px-2\\">
+  <div class=\\"g-tf-wrapper g-tf r\\">
+    <!---->
+    <!---->
+    <div class=\\"input\\"> <input autocomplete=\\"off\\" label=\\"Nr\\" type=\\"number\\" class=\\"g-tf-input\\">
+      <!---->
+    </div> <label class=\\"g-tf-label\\">
+      Nr
+      <!----></label>
+    <!---->
+    <div class=\\"g-tf-append__inner\\">
+      <!----> <i class=\\"g-icon g-icon__link material-icons\\" style=\\"font-size: 24px; opacity: 0.4;\\">clear</i></div>
+    <!---->
+    <!---->
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-object.test.js.snap b/test/jest/g-field/__snapshots__/type-object.test.js.snap
new file mode 100644
index 0000000..c8fd97a
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-object.test.js.snap
@@ -0,0 +1,48 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type object should render correctly 1`] = `
+"<div class=\\"g-col col-xs-12\\" xs12=\\"\\">
+  <fieldset class=\\"\\" style=\\"position: relative;\\">
+    <!---->
+    <div style=\\"display: none;\\">
+      <div class=\\"action-container g-card bg-white\\">
+        <div class=\\"g-btn g-btn__flat g-btn__icon g-btn__round g-btn__uppercase g-size__x-small waves-effect\\"><span class=\\"g-btn__content\\"><i class=\\"g-icon material-icons\\" style=\\"font-size: 16px;\\">delete</i></span></div>
+      </div>
+    </div>
+    <legend class=\\"\\"><span>Address </span></legend>
+    <transition-stub name=\\"expand-transition\\" mode=\\"in-out\\">
+      <div class=\\"g-row\\">
+        <div class=\\"g-row no-gutters\\">
+          <div class=\\"g-col md-6 px-2\\">
+            <div class=\\"g-tf-wrapper g-tf r\\">
+              <!---->
+              <!----> <input autocomplete=\\"off\\" label=\\"Street\\" type=\\"text\\" class=\\"g-tf-input\\">
+              <!----> <label class=\\"g-tf-label\\">
+                Street
+                <!----></label>
+              <!---->
+              <!---->
+              <!---->
+              <!---->
+            </div>
+          </div>
+          <div class=\\"g-col md-6 px-2\\">
+            <div class=\\"g-tf-wrapper g-tf r\\">
+              <!---->
+              <!----> <input autocomplete=\\"off\\" label=\\"City\\" type=\\"text\\" class=\\"g-tf-input\\">
+              <!----> <label class=\\"g-tf-label\\">
+                City
+                <!----></label>
+              <!---->
+              <!---->
+              <!---->
+              <!---->
+            </div>
+          </div>
+          <div class=\\"g-col col-xs-12\\" xs12=\\"\\"></div>
+        </div>
+      </div>
+    </transition-stub>
+  </fieldset>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-select.test.js.snap b/test/jest/g-field/__snapshots__/type-select.test.js.snap
new file mode 100644
index 0000000..ef43040
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-select.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type select should render correctly 1`] = `
+"<div class=\\"g-col md-6 px-2\\">
+  <div class=\\"g-autocomplete\\">
+    <div>
+      <div class=\\"g-tf-wrapper g-tf r\\" style=\\"flex-wrap: wrap;\\">
+        <!---->
+        <!---->
+        <div class=\\"input\\">
+          <div class=\\"input-slot\\" style=\\"display: contents;\\"></div> <input autocomplete=\\"off\\" label=\\"Sex\\" type=\\"text\\" class=\\"g-tf-input\\">
+          <!---->
+        </div> <label class=\\"g-tf-label\\">
+          Sex
+          <!----></label>
+        <!---->
+        <div class=\\"g-tf-append__inner\\">
+          <!----> <i class=\\"g-icon material-icons g-icon__arrow\\" style=\\"font-size: 24px;\\">arrow_drop_down</i></div>
+        <!---->
+        <!---->
+      </div>
+    </div>
+  </div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-switch.test.js.snap b/test/jest/g-field/__snapshots__/type-switch.test.js.snap
new file mode 100644
index 0000000..22d148b
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-switch.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type switch should render correctly 1`] = `
+"<div class=\\"g-col md-6 px-2\\">
+  <div class=\\"g-switch-wrapper\\"><label class=\\"g-switch-container\\"><input type=\\"checkbox\\"> <span class=\\"g-switch\\"><span class=\\"g-switch-track\\"></span> <span class=\\"g-switch-thumb\\"></span></span> <span class=\\"g-switch-label\\">Switch</span></label></div>
+</div>"
+`;
diff --git a/test/jest/g-field/__snapshots__/type-table-array.test.js.snap b/test/jest/g-field/__snapshots__/type-table-array.test.js.snap
new file mode 100644
index 0000000..0aa3e6c
--- /dev/null
+++ b/test/jest/g-field/__snapshots__/type-table-array.test.js.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GField with type table array should render correctly 1`] = `
+"<div class=\\"g-col col-xs-12\\" xs12=\\"\\">
+  <table class=\\"g-datatable g-table theme--light gfield-table\\">
+    <thead>
+      <tr class=\\"table-header\\">
+        <!---->
+        <th>Street</th>
+        <th>City</th>
+        <th>X</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class=\\"text-md-center\\">
+        <!---->
+        <td class=\\"input-group-sm\\"><input type=\\"text\\" class=\\"form-control\\"></td>
+        <td class=\\"input-group-sm\\"><input type=\\"text\\" class=\\"form-control\\"></td>
+        <td><i class=\\"g-icon g-icon__link material-icons\\" style=\\"font-size: 24px;\\">delete</i></td>
+      </tr>
+      <transition-stub name=\\"expand-transition\\" mode=\\"in-out\\">
+        <!---->
+      </transition-stub>
+      <tr class=\\"text-md-center\\">
+        <!---->
+        <td class=\\"input-group-sm\\"><input type=\\"text\\" class=\\"form-control\\"></td>
+        <td class=\\"input-group-sm\\"><input type=\\"text\\" class=\\"form-control\\"></td>
+        <td><i class=\\"g-icon g-icon__link material-icons\\" style=\\"font-size: 24px;\\">delete</i></td>
+      </tr>
+      <transition-stub name=\\"expand-transition\\" mode=\\"in-out\\">
+        <!---->
+      </transition-stub>
+    </tbody>
+  </table>
+  <div class=\\"ma-2 g-btn g-btn__flat g-btn__depressed g-btn__outlined g-btn__uppercase text-blue-lighten-2 g-size__small waves-effect\\"><span class=\\"g-btn__content\\">Add
+    Address3
+  </span></div>
+</div>"
+`;
diff --git a/test/jest/g-field/common.js b/test/jest/g-field/common.js
new file mode 100644
index 0000000..13783b4
--- /dev/null
+++ b/test/jest/g-field/common.js
@@ -0,0 +1,30 @@
+import Vue from 'vue';
+import _ from 'lodash';
+import '../../../src/plugins/giga-components.js';
+import CompositionApi from '@vue/composition-api'
+import GForm from "../../../src/main";
+import { mount } from "@vue/test-utils";
+import GField from "../../../src/form/GField";
+
+Vue.use(CompositionApi)
+Vue.use(GForm);
+window._ = _;
+
+const modelData = {
+  name: 'test',
+  addressArray3: [
+    { street: 'a1', city: 'b1' },
+    { street: 'a2', city: 'b2' }
+  ],
+  type: 'linear',
+  linearName: 'test',
+};
+
+export function generateComponent(field) {
+  return mount(GField, {
+    propsData: {
+      model: _.cloneDeep(modelData),
+      field,
+    }
+  })
+}
diff --git a/test/jest/g-field/type-array.test.js b/test/jest/g-field/type-array.test.js
new file mode 100644
index 0000000..907e802
--- /dev/null
+++ b/test/jest/g-field/type-array.test.js
@@ -0,0 +1,11 @@
+import { generateComponent } from "./common";
+
+describe('GField with type array', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'addressArray1', type: 'array', label: 'Address1', flex: 'md-3',
+      fields: [{ key: 'street', type: 'input', flex: 'md-6' }, { key: 'city', type: 'input', flex: 'md-6' },]
+    });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-choice-array.test.js b/test/jest/g-field/type-choice-array.test.js
new file mode 100644
index 0000000..f8ab98c
--- /dev/null
+++ b/test/jest/g-field/type-choice-array.test.js
@@ -0,0 +1,17 @@
+import { generateComponent } from "./common";
+
+describe('GField with type choice array', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'layout2', type: 'choiceArray', label: 'Layout', choiceKey: 'type',
+      fields: [{
+        choiceName: 'linear', type: 'object',
+        fields: [{key: 'linearName', type: 'input', flex: 'md-12'}]
+      }, {
+        choiceName: 'grid', type: 'object',
+        fields: [{key: 'gridName', type: 'input', flex: 'md-12'}]
+      }]
+    });
+    expect(component.html().replace(/fragment=".*?"/g, '')).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-choice.test.js b/test/jest/g-field/type-choice.test.js
new file mode 100644
index 0000000..3f08cea
--- /dev/null
+++ b/test/jest/g-field/type-choice.test.js
@@ -0,0 +1,17 @@
+import { generateComponent } from "./common";
+
+describe('GField with type choice', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'layout', type: 'choice', choiceKey: 'layoutType',
+      fields: [{
+        key: 'linear', type: 'object',
+        fields: [{ key: 'linearName', type: 'input', flex: 'md-12' }]
+      }, {
+        key: 'grid', type: 'object',
+        fields: [{ key: 'gridName', type: 'input', flex: 'md-12' }]
+      }]
+    });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-date.test.js b/test/jest/g-field/type-date.test.js
new file mode 100644
index 0000000..67e6517
--- /dev/null
+++ b/test/jest/g-field/type-date.test.js
@@ -0,0 +1,8 @@
+import { generateComponent } from "./common";
+
+describe('GField with type date', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({ key: 'date', type: 'input@datetime-local', flex: 'md-6' });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-input.test.js b/test/jest/g-field/type-input.test.js
new file mode 100644
index 0000000..c654490
--- /dev/null
+++ b/test/jest/g-field/type-input.test.js
@@ -0,0 +1,8 @@
+import { generateComponent } from "./common";
+
+describe('GField with type input', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({ key: 'name', type: 'input', flex: 'md-6', default: 'name' });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-number-input.test.js b/test/jest/g-field/type-number-input.test.js
new file mode 100644
index 0000000..1a16ee7
--- /dev/null
+++ b/test/jest/g-field/type-number-input.test.js
@@ -0,0 +1,9 @@
+import { generateComponent } from "./common";
+
+describe('GField with type number input', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({ key: 'nr', type: 'input@number', flex: 'md-6', addable: true });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
+
diff --git a/test/jest/g-field/type-object.test.js b/test/jest/g-field/type-object.test.js
new file mode 100644
index 0000000..16ee84f
--- /dev/null
+++ b/test/jest/g-field/type-object.test.js
@@ -0,0 +1,11 @@
+import { generateComponent } from "./common";
+
+describe('GField with type object', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'address', type: 'object',
+      fields: [{ key: 'street', type: 'input', flex: 'md-6' }, { key: 'city', type: 'input', flex: 'md-6' },]
+    });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-select.test.js b/test/jest/g-field/type-select.test.js
new file mode 100644
index 0000000..e7bef45
--- /dev/null
+++ b/test/jest/g-field/type-select.test.js
@@ -0,0 +1,11 @@
+import { generateComponent } from "./common";
+
+describe('GField with type select', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'sex', type: 'input', inputType: 'select', flex: 'md-6', itemText: 'text', itemValue: 'value', sex: '',
+      options: [{ text: 'male', value: 0 }, { text: 'female', value: 1 }]
+    });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-switch.test.js b/test/jest/g-field/type-switch.test.js
new file mode 100644
index 0000000..5c8b460
--- /dev/null
+++ b/test/jest/g-field/type-switch.test.js
@@ -0,0 +1,8 @@
+import { generateComponent } from "./common";
+
+describe('GField with type switch', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({ key: 'switch', type: 'input', inputType: 'switch', flex: 'md-6' });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/g-field/type-table-array.test.js b/test/jest/g-field/type-table-array.test.js
new file mode 100644
index 0000000..fff5bde
--- /dev/null
+++ b/test/jest/g-field/type-table-array.test.js
@@ -0,0 +1,11 @@
+import { generateComponent } from "./common";
+
+describe('GField with type table array', function () {
+  it('should render correctly', () => {
+    const component = generateComponent({
+      key: 'addressArray3', type: 'tableArray', label: 'Address3',
+      fields: [{ key: 'street', type: 'input', flex: 'md-6' }, { key: 'city', type: 'input', flex: 'md-6' },]
+    });
+    expect(component.html()).toMatchSnapshot();
+  });
+});
diff --git a/test/jest/jest-style-mock.js b/test/jest/jest-style-mock.js
new file mode 100644
index 0000000..f053ebf
--- /dev/null
+++ b/test/jest/jest-style-mock.js
@@ -0,0 +1 @@
+module.exports = {};