From 56a4596f4975a5a404bbffa5f8ee1e9ad3a59b1b Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 23 Feb 2022 15:10:43 +0100
Subject: [PATCH 01/24] implementation of GuidedTour component

---
 components.js                                 |   1 +
 rollup.config.js                              |   1 +
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 193 ++++++++++++++++++
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  74 +++++++
 .../BIMDataGuidedTour/guided-tour-utils.js    | 119 +++++++++++
 src/BIMDataComponents/index.js                |   1 +
 src/store.js                                  |   7 +
 src/web/router/router.js                      |   6 +
 .../Components/GuidedTour/GuidedTour.vue      | 185 +++++++++++++++++
 src/web/views/Components/GuidedTour/steps.js  |  15 ++
 10 files changed, 602 insertions(+)
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
 create mode 100644 src/web/views/Components/GuidedTour/GuidedTour.vue
 create mode 100644 src/web/views/Components/GuidedTour/steps.js

diff --git a/components.js b/components.js
index 6378a70b..99b40649 100644
--- a/components.js
+++ b/components.js
@@ -24,3 +24,4 @@ export { default as BIMDataTextarea } from "./dist/js/BIMDataComponents/BIMDataT
 export { default as BIMDataTextbox } from "./dist/js/BIMDataComponents/BIMDataTextbox.js";
 export { default as BIMDataToggle } from "./dist/js/BIMDataComponents/BIMDataToggle.js";
 export { default as BIMDataTooltip } from "./dist/js/BIMDataComponents/BIMDataTooltip.js";
+export { default as BIMDataGuidedTour } from "./dist/js/BIMDataComponents/BIMDataGuidedTour.js";
diff --git a/rollup.config.js b/rollup.config.js
index 8eaa0c35..1ff9fb0a 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -177,6 +177,7 @@ function getSingleComponentConfigurations() {
     "BIMDataTextbox",
     "BIMDataToggle",
     "BIMDataTooltip",
+    "BIMDataGuidedTour",
   ];
 
   return [
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
new file mode 100644
index 00000000..f4e29899
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="guided-tour-portal" v-show="showGuidedTour">
+    <div ref="spotlight" class="spotlight">
+      <!-- Spotlight div -->
+    </div>
+    <div
+      v-if="currentStep"
+      ref="tooltip"
+      class="tooltip"
+      :style="{ opacity: showTooltip ? 1 : 0 }"
+    >
+      <div class="tooltip__header">
+        <BIMDataButton
+          class="tooltip__header__btn-close"
+          ghost
+          rounded
+          icon
+          @click="close"
+        >
+          <BIMDataIcon name="close" size="xxs" />
+        </BIMDataButton>
+      </div>
+      <div class="tooltip__content">
+        <template v-if="currentStep.component">
+          <component :is="currentStep.component" />
+        </template>
+        <template v-else>
+          <div class="tooltip__content__image">
+            <img
+              src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
+            />
+          </div>
+          <div class="tooltip__content__text">
+            {{ currentStep.content }}
+          </div>
+        </template>
+      </div>
+      <div class="tooltip__footer">
+        <BIMDataButton
+          class="tooltip__footer__btn-prev"
+          color="primary"
+          fill
+          radius
+          :disabled="stepIndex === 0 || currentStep.clickable"
+          @click="prev"
+        >
+          <BIMDataIcon
+            name="chevron"
+            size="xxs"
+            :rotate="180"
+            fill
+            color="white"
+          />
+        </BIMDataButton>
+        <div class="tooltip__footer__step-counter">
+          <span>{{ stepIndex }}</span
+          ><span>/{{ steps.length }}</span>
+        </div>
+        <BIMDataButton
+          class="tooltip__footer__btn-next"
+          color="primary"
+          style="padding: 10px;"
+          fill
+          radius
+          :disabled="stepIndex === steps.length - 1 || currentStep.clickable"
+          @click="next"
+        >
+          <BIMDataIcon name="chevron" size="xxs" fill color="white" />
+        </BIMDataButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { markRaw } from "vue";
+
+import {
+  scrollToTarget,
+  setSpotlightPosition,
+  setTooltipPosition,
+} from "./guided-tour-utils.js";
+
+import BIMDataButton from "../../BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+import BIMDataIcon from "../../BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+
+export default {
+  components: {
+    BIMDataButton,
+    BIMDataIcon,
+  },
+  props: {
+    inputSteps: {
+      type: Array,
+      default: () => [],
+    },
+    elementToObserve: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      steps: [],
+      showGuidedTour: false,
+      showTooltip: false,
+      stepIndex: 0,
+      mutationObserver: new MutationObserver(this.handleClickedStep),
+    };
+  },
+  computed: {
+    currentStep() {
+      return this.steps[this.stepIndex];
+    },
+  },
+  watch: {
+    steps() {
+      this.stepIndex = 0;
+    },
+    async currentStep(step) {
+      if (!step) return;
+
+      this.showTooltip = false;
+
+      const target = document.querySelector(step.target);
+
+      if (step.clickable) {
+        target.style.zIndex = "11000";
+        target.addEventListener(
+          "click",
+          () => {
+            target.style.zIndex = "unset";
+            this.mutationObserver.observe(this.elementToObserve, {
+              childList: true,
+              subtree: true,
+            });
+          },
+          { once: true }
+        );
+      }
+
+      await scrollToTarget(target);
+
+      setSpotlightPosition(target, this.$refs.spotlight);
+      setTooltipPosition(target, this.$refs.tooltip);
+      this.showTooltip = true;
+    },
+  },
+  mounted() {
+    this.openGuidedTour(this.inputSteps);
+  },
+  methods: {
+    openGuidedTour(arg) {
+      this.steps = arg.map(step =>
+        step.component ? { ...step, component: markRaw(step.component) } : step
+      );
+      this.showGuidedTour = true;
+    },
+    closeGuidedTour() {
+      this.showGuidedTour = false;
+      this.steps = [];
+    },
+    prev() {
+      this.stepIndex--;
+    },
+    next() {
+      this.stepIndex++;
+    },
+    close() {
+      this.showTooltip = false;
+
+      // Execute step close callback
+      if (this.currentStep.hooks && this.currentStep.hooks.onClose) {
+        this.currentStep.hooks.onClose();
+      }
+
+      this.closeGuidedTour();
+      this.$emit("show-guided-tour", false);
+    },
+    handleClickedStep() {
+      const nextTarget = document.querySelector(
+        this.steps[this.stepIndex + 1].target
+      );
+
+      if (nextTarget) {
+        this.next();
+        this.mutationObserver.disconnect();
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss" src="./_BIMDataGuidedTour.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
new file mode 100644
index 00000000..dcff6d15
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -0,0 +1,74 @@
+.guided-tour-portal {
+  position: absolute;
+  z-index: 10000;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+
+  .spotlight {
+    position: absolute;
+    border-radius: 4px;
+    box-shadow:
+      0 0 4px 10px      rgba(0,0,0,0.5) inset,
+      0 0 0   10000vmax rgba(0,0,0,0.5);
+  }
+
+  .tooltip {
+    position: absolute;
+    width: 280px;
+    padding: 6px 12px;
+    border-radius: 2px;
+    background-color: white;
+    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);    
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    transition: opacity 0.1s ease-in-out;
+
+    &__header {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    &__content {
+      min-height: 100px;
+      max-height: 300px;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      img {
+        border-radius: 50%;
+        height: 180px;
+        width: 180px;
+      }
+
+      &__text {
+        margin: 10px auto;
+        text-align: center;
+        color: var(--color-granite);
+        font-size: calc(var(--spacing-unit) * 1.2);
+      }
+    }
+
+    &__footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    
+      &__step-counter {
+        span:first-of-type {
+          color: var(--color-secondary);
+          font-size: calc(var(--spacing-unit) * 1.6);
+        }
+        span:last-of-type {
+          color: var(--color-granite);
+        }
+      }
+    }
+  }
+}
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
new file mode 100644
index 00000000..9d4272fa
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -0,0 +1,119 @@
+/* eslint-disable */
+
+/**
+ * Parameters
+ */
+
+// Spotlight padding (in px)
+const spotPadding = 16;
+// Tooltip gap (in px)
+const tooltipGap = 4;
+// Minimum border gap (in px)
+const borderGap = 8;
+
+/**
+ * Internal utility functions
+ */
+
+function getElementCoord(elem) {
+  const { x, y, width: w, height: h } = elem.getBoundingClientRect();
+  return { x, y, w, h };
+}
+
+function getWindowSize() {
+  return {
+    W: window.innerWidth,
+    H: window.innerHeight
+  };
+}
+
+function getWindowScroll() {
+  return {
+    sX: window.pageXOffset,
+    sY: window.pageYOffset
+  };
+}
+
+function scrollTo({ top, left }, delay = 100) {
+  return new Promise(resolve => {
+    let timeout = null;
+    const scrollHandler = event => {
+      if (timeout !== null) {
+        clearTimeout(timeout);
+      }
+      timeout = setTimeout(() => {
+        window.removeEventListener("scroll", scrollHandler);
+        resolve(event);
+      }, delay);
+    };
+
+    window.addEventListener("scroll", scrollHandler);
+    window.scroll({ left, top, behavior: 'smooth' });
+  });
+}
+
+/**
+ * Exported utility functions
+ */
+
+async function scrollToTarget(target) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { W, H } = getWindowSize();
+
+  let scroll = false;
+  let left, top;
+
+  if (x < 0 || x + w > W) {
+    scroll = true;
+    left = x;
+  }
+
+  if (y < 0 || y + h > H) {
+    scroll = true;
+    top = y;
+  }
+
+  if (scroll) {
+    await scrollTo({ top, left });
+  }
+}
+
+function setSpotlightPosition(target, spotlight) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { sX, sY } = getWindowScroll();
+
+  Object.assign(spotlight.style, {
+    left: `${sX + x - spotPadding}px`,
+    top: `${sY + y - spotPadding}px`,
+    width: `${w + 2 * spotPadding}px`,
+    height: `${h + 2 * spotPadding}px`
+  });
+}
+
+function setTooltipPosition(target, tooltip) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { w: wt, h: ht } = getElementCoord(tooltip);
+  const { W, H } = getWindowSize();
+  const { sX, sY } = getWindowScroll();
+
+  let left = sX + x + w + spotPadding + tooltipGap;
+  if (left + wt + borderGap > W) {
+    left = sX + x - wt - spotPadding - tooltipGap;
+  }
+
+  let top = sY + y;
+  if (top + ht + borderGap > H) {
+    top = sY + y + h - ht;
+  }
+
+  Object.assign(tooltip.style, {
+    left: `${left}px`,
+    top: `${top}px`
+  });
+}
+
+export {
+  scrollToTarget,
+  setSpotlightPosition,
+  setTooltipPosition
+};
\ No newline at end of file
diff --git a/src/BIMDataComponents/index.js b/src/BIMDataComponents/index.js
index 73b6404e..24c24d1d 100644
--- a/src/BIMDataComponents/index.js
+++ b/src/BIMDataComponents/index.js
@@ -33,3 +33,4 @@ export { default as BIMDataTextbox } from "./BIMDataTextbox/BIMDataTextbox.vue";
 export { default as BIMDataToggle } from "./BIMDataToggle/BIMDataToggle.vue";
 export { default as BIMDataTooltip } from "./BIMDataTooltip/BIMDataTooltip.vue";
 export { default as BIMDataIcons } from "./BIMDataIcon/BIMDataLibraryIcons/index.js";
+export { default as BIMDataGuidedTour } from "./BIMDataGuidedTour/BIMDataGuidedTour.vue";
diff --git a/src/store.js b/src/store.js
index 8f1e26c6..9c3a3449 100644
--- a/src/store.js
+++ b/src/store.js
@@ -282,6 +282,13 @@ export default new Vuex.Store({
           text: "Tooltips are used to show contextual information on hover.",
           btn: "View tooltips",
         },
+        {
+          path: "guided-tour",
+          img: require("./web/assets/img/icon-list.svg"),
+          title: "GuidedTour",
+          text: "On-boarding.",
+          btn: "View on-boarding",
+        },
       ],
     },
     "Smart Components": {
diff --git a/src/web/router/router.js b/src/web/router/router.js
index 166254ff..16bc6062 100644
--- a/src/web/router/router.js
+++ b/src/web/router/router.js
@@ -44,6 +44,7 @@ import Textarea from "../views/Components/Textarea/Textarea.vue";
 import Textbox from "../views/Components/Textbox/Textbox.vue";
 import Toggle from "../views/Components/Toggle/Toggle.vue";
 import Tooltip from "../views/Components/Tooltip/Tooltip.vue";
+import GuidedTour from "../views/Components/GuidedTour/GuidedTour.vue";
 
 // Smart Components views
 import FileManager from "../views/SmartComponents/FileManager/FileManager.vue";
@@ -257,6 +258,11 @@ const routes = [
         name: "tooltips",
         component: Tooltip,
       },
+      {
+        path: "guided-tour",
+        name: "guided-tour",
+        component: GuidedTour,
+      },
     ],
   },
   {
diff --git a/src/web/views/Components/GuidedTour/GuidedTour.vue b/src/web/views/Components/GuidedTour/GuidedTour.vue
new file mode 100644
index 00000000..6b0f019d
--- /dev/null
+++ b/src/web/views/Components/GuidedTour/GuidedTour.vue
@@ -0,0 +1,185 @@
+<template>
+  <main class="article article-checkbox">
+    <div class="article-wrapper">
+      <BIMDataText component="h1" color="color-primary">{{
+        $route.name
+      }}</BIMDataText>
+      <ComponentCode :componentTitle="$route.name" language="javascript">
+        <template #module>
+          <div>
+            <BIMDataButton
+              color="primary"
+              fill
+              radius
+              @click="showGuidedTour = true"
+            >
+              Open Guide Tour
+            </BIMDataButton>
+            <div data-guide="step-1"><h3>Hello World</h3></div>
+            <div data-guide="step-2"><span>hey you</span></div>
+          </div>
+
+          <template v-if="showGuidedTour">
+            <BIMDataGuidedTour
+              @show-guided-tour="() => (showGuidedTour = false)"
+              :inputSteps="inputSteps"
+            />
+          </template>
+        </template>
+
+        <template #parameters>
+          <BIMDataCheckbox text="select" v-model="selectChecked" />
+          <BIMDataCheckbox
+            text="multi"
+            v-model="multiChecked"
+            :disabled="!selectChecked"
+          />
+          <BIMDataCheckbox text="header buttons" v-model="headerButtons" />
+          <BIMDataCheckbox text="header search" v-model="headerSearch" />
+        </template>
+
+        <template #import>
+          import BIMDataCheckbox from
+          "@bimdata/design-system/dist/js/BIMDataComponents/BIMDataCheckbox.js"
+        </template>
+
+        <template #code>
+          <pre>
+              &lt;BIMDataSmartFileManager
+                :spaceId="515"
+                :projectId="756"
+                apiUrl="https://api-staging.bimdata.io"
+                accessToken="fc83e49ca9444d3ea41d212599f39040"
+                :select="{{ String(selectChecked) }}"
+                :multi="{{ String(multiChecked) }}"
+                :headerButtons="{{ headerButtons }}"
+                :headerSearch="{{ headerSearch }}"
+                /&gt;
+            </pre
+          >
+        </template>
+      </ComponentCode>
+
+      <div class="m-t-12">
+        <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
+          >Props:</BIMDataText
+        >
+        <BIMDataTable :columns="propsData[0]" :rows="propsData.slice(1)" />
+      </div>
+      <div class="m-t-12">
+        <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
+          >Events:</BIMDataText
+        >
+        <BIMDataTable :columns="eventsData[0]" :rows="eventsData.slice(1)" />
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+import BIMDataGuidedTour from "../../../../BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue";
+
+import ComponentCode from "../../Elements/ComponentCode/ComponentCode.vue";
+
+import BIMDataTable from "../../../../../src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
+import BIMDataButton from "../../../../../src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+import BIMDataText from "../../../../../src/BIMDataComponents/BIMDataText/BIMDataText.vue";
+import BIMDataCheckbox from "../../../../../src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+
+import steps from "./steps.js";
+
+export default {
+  components: {
+    BIMDataGuidedTour,
+    ComponentCode,
+    BIMDataTable,
+    BIMDataButton,
+    BIMDataText,
+    BIMDataCheckbox,
+  },
+  data() {
+    return {
+      inputSteps: steps,
+      showGuidedTour: false,
+      selectChecked: false,
+      multiChecked: false,
+      headerButtons: true,
+      headerSearch: true,
+      selectedFiles: [],
+      propsData: [
+        ["Props", "Type", "Default value", "Description"],
+        [
+          "apiUrl",
+          "string",
+          "https://api.bimdata.io",
+          "The API url to target.",
+        ],
+        ["spaceId", "number", "null", "The space ID"],
+        ["projectId", "number", "null", "The project ID"],
+        ["accessToken", "string", "null", "The access token"],
+        ["select", "boolean", "false", "Set the mode in select"],
+        [
+          "multi",
+          "boolean",
+          "false",
+          "Set the mode in multi select. Ignored if select is false.",
+        ],
+        [
+          "searchColor",
+          "string",
+          "secondary",
+          "Set the background color of the search bar.",
+        ],
+        [
+          "headerButtons",
+          "boolean",
+          "true",
+          "If false, the header buttons are not visible.",
+        ],
+        [
+          "headerSearch",
+          "boolean",
+          "true",
+          "If false, the header search is not visible.",
+        ],
+        [
+          "alreadySelectedIds",
+          "number[]",
+          "[]",
+          "An array of already selected ids. In select mode, already selected ids are not selectable and displayed as in success.",
+        ],
+        [
+          "selectableFileTypes",
+          "string[]",
+          "[]",
+          "An array of file type. In select mode, if some selectable file types are given, only those are selectable.",
+        ],
+      ],
+      eventsData: [
+        ["Event name", "Payload"],
+        ["selection-change", "An array of selected files"],
+        ["error", "The catched error."],
+        [
+          "success",
+          "{ type: ['folderDeleted', 'fileDeleted', 'folderRenamed', 'fileRenamed', 'folderCreated', 'fileCreated'], message: String, content: Object }",
+        ],
+      ],
+    };
+  },
+  methods: {
+    onSelectionChange(selectedFiles) {
+      this.selectedFiles = selectedFiles;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.main-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/web/views/Components/GuidedTour/steps.js b/src/web/views/Components/GuidedTour/steps.js
new file mode 100644
index 00000000..bdae2d26
--- /dev/null
+++ b/src/web/views/Components/GuidedTour/steps.js
@@ -0,0 +1,15 @@
+const steps = [
+  {
+    target: "[data-guide=step-1]",
+    title: "Step 1",
+    content:
+      "Great, you are now on the IFC list, click on the view button to display the IFC",
+  },
+  {
+    target: "[data-guide=step-2]",
+    title: "Step 2",
+    content: "here is the IFC, click on next to continue",
+  },
+];
+
+export default steps;

From f4e2b7b83820cb6766712cc6b6c37fc4e2c840d4 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Feb 2022 08:33:49 +0100
Subject: [PATCH 02/24] WIP implementation of a specific component

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 64 +++++++++----------
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss | 11 +++-
 2 files changed, 42 insertions(+), 33 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index f4e29899..1aab85f6 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -1,5 +1,11 @@
 <template>
-  <div class="guided-tour-portal" v-show="showGuidedTour">
+  <div
+    class="guided-tour-portal"
+    :class="{ untargeted: currentStep && !currentStep.target }"
+    v-show="showGuidedTour"
+  >
+    {{ console.log("currentStep", currentStep) }}
+
     <div ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
@@ -7,6 +13,7 @@
       v-if="currentStep"
       ref="tooltip"
       class="tooltip"
+      :class="{ untargeted: currentStep && !currentStep.target }"
       :style="{ opacity: showTooltip ? 1 : 0 }"
     >
       <div class="tooltip__header">
@@ -21,8 +28,8 @@
         </BIMDataButton>
       </div>
       <div class="tooltip__content">
-        <template v-if="currentStep.component">
-          <component :is="currentStep.component" />
+        <template v-if="currentStep.layout">
+          <component :is="currentStep.layout" :props="currentStep.props" />
         </template>
         <template v-else>
           <div class="tooltip__content__image">
@@ -31,27 +38,11 @@
             />
           </div>
           <div class="tooltip__content__text">
-            {{ currentStep.content }}
+            {{ currentStep.props.content }}
           </div>
         </template>
       </div>
       <div class="tooltip__footer">
-        <BIMDataButton
-          class="tooltip__footer__btn-prev"
-          color="primary"
-          fill
-          radius
-          :disabled="stepIndex === 0 || currentStep.clickable"
-          @click="prev"
-        >
-          <BIMDataIcon
-            name="chevron"
-            size="xxs"
-            :rotate="180"
-            fill
-            color="white"
-          />
-        </BIMDataButton>
         <div class="tooltip__footer__step-counter">
           <span>{{ stepIndex }}</span
           ><span>/{{ steps.length }}</span>
@@ -90,7 +81,7 @@ export default {
     BIMDataIcon,
   },
   props: {
-    inputSteps: {
+    tours: {
       type: Array,
       default: () => [],
     },
@@ -105,6 +96,7 @@ export default {
       showTooltip: false,
       stepIndex: 0,
       mutationObserver: new MutationObserver(this.handleClickedStep),
+      console,
     };
   },
   computed: {
@@ -118,9 +110,19 @@ export default {
     },
     async currentStep(step) {
       if (!step) return;
-
       this.showTooltip = false;
 
+      // WIP
+      // if (!step.target) {
+      //   this.showTooltip = true;
+      //   const specificComponent = document.querySelector(".specific-component");
+      //   console.log("specificComponent", specificComponent);
+
+      //   const { height } = specificComponent.getBoundingClientRect();
+      //   console.log("height", height);
+      //   return;
+      // }
+
       const target = document.querySelector(step.target);
 
       if (step.clickable) {
@@ -146,13 +148,17 @@ export default {
     },
   },
   mounted() {
-    this.openGuidedTour(this.inputSteps);
+    this.openGuidedTour(this.tours[0].steps);
   },
   methods: {
     openGuidedTour(arg) {
-      this.steps = arg.map(step =>
-        step.component ? { ...step, component: markRaw(step.component) } : step
-      );
+      this.steps = arg.map(step => {
+        return {
+          ...step,
+          target: step.target ? `[data-guide=${step.target}]` : null,
+          layout: step.layout ? markRaw(step.layout) : null,
+        };
+      });
       this.showGuidedTour = true;
     },
     closeGuidedTour() {
@@ -167,12 +173,6 @@ export default {
     },
     close() {
       this.showTooltip = false;
-
-      // Execute step close callback
-      if (this.currentStep.hooks && this.currentStep.hooks.onClose) {
-        this.currentStep.hooks.onClose();
-      }
-
       this.closeGuidedTour();
       this.$emit("show-guided-tour", false);
     },
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index dcff6d15..ab03253b 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -57,7 +57,8 @@
 
     &__footer {
       display: flex;
-      justify-content: space-between;
+      justify-content: end;
+      gap: 87px;
       align-items: center;
     
       &__step-counter {
@@ -71,4 +72,12 @@
       }
     }
   }
+  .tooltip.untargeted {
+    justify-content: space-between;
+  }
+}
+.guided-tour-portal.untargeted {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }

From ee60c67eecf6907070c73de78ab7a6bfb22127c5 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Feb 2022 19:03:22 +0100
Subject: [PATCH 03/24] completed implementation of guidedTour

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 134 ++++++++++++------
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  47 ++++--
 2 files changed, 123 insertions(+), 58 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 1aab85f6..c0b81b75 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -1,11 +1,9 @@
 <template>
   <div
     class="guided-tour-portal"
-    :class="{ untargeted: currentStep && !currentStep.target }"
+    :class="{ centeredTooltip }"
     v-show="showGuidedTour"
   >
-    {{ console.log("currentStep", currentStep) }}
-
     <div ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
@@ -13,19 +11,22 @@
       v-if="currentStep"
       ref="tooltip"
       class="tooltip"
-      :class="{ untargeted: currentStep && !currentStep.target }"
       :style="{ opacity: showTooltip ? 1 : 0 }"
     >
       <div class="tooltip__header">
-        <BIMDataButton
-          class="tooltip__header__btn-close"
-          ghost
-          rounded
-          icon
-          @click="close"
-        >
-          <BIMDataIcon name="close" size="xxs" />
-        </BIMDataButton>
+        <template v-if="!isStepIntro && !isStepOutro">
+          <BIMDataButton
+            class="tooltip__header__btn-close"
+            width="0px"
+            height="0px"
+            ghost
+            rounded
+            icon
+            @click="close"
+          >
+            <BIMDataIcon name="close" size="xxs" />
+          </BIMDataButton>
+        </template>
       </div>
       <div class="tooltip__content">
         <template v-if="currentStep.layout">
@@ -43,21 +44,52 @@
         </template>
       </div>
       <div class="tooltip__footer">
+        <template v-if="isStepIntro">
+          <div class="tooltip__footer__btn-skip">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="granite"
+              @click="close"
+            >
+              Skip
+            </BIMDataButton>
+          </div>
+        </template>
+        <template v-else>
+          <div class="tooltip__footer__ghost-element"></div>
+        </template>
         <div class="tooltip__footer__step-counter">
-          <span>{{ stepIndex }}</span
-          ><span>/{{ steps.length }}</span>
+          <span>{{ stepIndex + 1 }}</span>
+          <span>/{{ steps.length }}</span>
         </div>
-        <BIMDataButton
-          class="tooltip__footer__btn-next"
-          color="primary"
-          style="padding: 10px;"
-          fill
-          radius
-          :disabled="stepIndex === steps.length - 1 || currentStep.clickable"
-          @click="next"
-        >
-          <BIMDataIcon name="chevron" size="xxs" fill color="white" />
-        </BIMDataButton>
+        <template v-if="isStepOutro">
+          <div class="tooltip__footer__btn-start">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="granite"
+              @click="close"
+            >
+              Commencer
+            </BIMDataButton>
+          </div>
+        </template>
+        <template v-else>
+          <div class="tooltip__footer__btn-next">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="primary"
+              fill
+              radius
+              :disabled="currentStep.clickable"
+              @click="next"
+            >
+              <BIMDataIcon name="chevron" size="xxs" fill color="white" />
+            </BIMDataButton>
+          </div>
+        </template>
       </div>
     </div>
   </div>
@@ -103,6 +135,18 @@ export default {
     currentStep() {
       return this.steps[this.stepIndex];
     },
+    nextStep() {
+      return this.steps[this.stepIndex + 1];
+    },
+    centeredTooltip() {
+      return this.currentStep && !this.currentStep.target;
+    },
+    isStepIntro() {
+      return this.stepIndex === 0;
+    },
+    isStepOutro() {
+      return this.stepIndex === this.steps.length - 1;
+    },
   },
   watch: {
     steps() {
@@ -110,18 +154,11 @@ export default {
     },
     async currentStep(step) {
       if (!step) return;
-      this.showTooltip = false;
 
-      // WIP
-      // if (!step.target) {
-      //   this.showTooltip = true;
-      //   const specificComponent = document.querySelector(".specific-component");
-      //   console.log("specificComponent", specificComponent);
-
-      //   const { height } = specificComponent.getBoundingClientRect();
-      //   console.log("height", height);
-      //   return;
-      // }
+      if (!step.target) {
+        this.showTooltip = true;
+        return;
+      }
 
       const target = document.querySelector(step.target);
 
@@ -131,10 +168,15 @@ export default {
           "click",
           () => {
             target.style.zIndex = "unset";
-            this.mutationObserver.observe(this.elementToObserve, {
-              childList: true,
-              subtree: true,
-            });
+
+            if (this.nextStep.target) {
+              this.mutationObserver.observe(this.elementToObserve, {
+                childList: true,
+                subtree: true,
+              });
+            } else {
+              this.next();
+            }
           },
           { once: true }
         );
@@ -165,11 +207,11 @@ export default {
       this.showGuidedTour = false;
       this.steps = [];
     },
-    prev() {
-      this.stepIndex--;
-    },
     next() {
       this.stepIndex++;
+      this.$refs.spotlight.style = {};
+      this.$refs.tooltip.style = {};
+      this.showTooltip = false;
     },
     close() {
       this.showTooltip = false;
@@ -177,9 +219,7 @@ export default {
       this.$emit("show-guided-tour", false);
     },
     handleClickedStep() {
-      const nextTarget = document.querySelector(
-        this.steps[this.stepIndex + 1].target
-      );
+      const nextTarget = document.querySelector(this.nextStep.target);
 
       if (nextTarget) {
         this.next();
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index ab03253b..c8a91257 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -16,13 +16,14 @@
   .tooltip {
     position: absolute;
     width: 280px;
-    padding: 6px 12px;
+    height: 350px;
+    padding: 12px;
     border-radius: 2px;
     background-color: white;
     box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);    
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-between;
 
     transition: opacity 0.1s ease-in-out;
 
@@ -33,8 +34,7 @@
     }
 
     &__content {
-      min-height: 100px;
-      max-height: 300px;
+      flex: 1;
       overflow-y: auto;
       display: flex;
       flex-direction: column;
@@ -57,9 +57,10 @@
 
     &__footer {
       display: flex;
-      justify-content: end;
-      gap: 87px;
-      align-items: center;
+
+      &__ghost-element {
+        flex: 1
+      }
     
       &__step-counter {
         span:first-of-type {
@@ -70,13 +71,37 @@
           color: var(--color-granite);
         }
       }
+
+      &__btn-skip, &__btn-start {
+        flex: 1;
+        margin: auto;
+
+        button {
+          padding: 0px;
+          font-weight: bold;
+        }
+      }
+
+      &__btn-skip > button {
+        margin-right: auto;
+      }
+
+      &__btn-start > button {
+        margin-left: auto;
+      }
+
+      &__btn-next {
+        flex: 1;
+
+        button {
+          padding: 10px;
+          margin-left: auto;
+        }
+      }
     }
   }
-  .tooltip.untargeted {
-    justify-content: space-between;
-  }
 }
-.guided-tour-portal.untargeted {
+.centeredTooltip {
   display: flex;
   justify-content: center;
   align-items: center;

From 33bcc86ec655018e7a05729a92e897f2b99ffd69 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Fri, 25 Feb 2022 15:55:02 +0100
Subject: [PATCH 04/24] refactoring GuidedTour component

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index c0b81b75..77c0ccc7 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -30,7 +30,7 @@
       </div>
       <div class="tooltip__content">
         <template v-if="currentStep.layout">
-          <component :is="currentStep.layout" :props="currentStep.props" />
+          <component :is="currentStep.layout" v-bind="currentStep.props" />
         </template>
         <template v-else>
           <div class="tooltip__content__image">
@@ -96,8 +96,6 @@
 </template>
 
 <script>
-import { markRaw } from "vue";
-
 import {
   scrollToTarget,
   setSpotlightPosition,
@@ -119,6 +117,7 @@ export default {
     },
     elementToObserve: {
       type: Object,
+      required: true,
     },
   },
   data() {
@@ -127,7 +126,6 @@ export default {
       showGuidedTour: false,
       showTooltip: false,
       stepIndex: 0,
-      mutationObserver: new MutationObserver(this.handleClickedStep),
       console,
     };
   },
@@ -163,12 +161,13 @@ export default {
       const target = document.querySelector(step.target);
 
       if (step.clickable) {
+        const oldZIndex = target.style.zIndex;
+
         target.style.zIndex = "11000";
         target.addEventListener(
           "click",
           () => {
-            target.style.zIndex = "unset";
-
+            target.style.zIndex = oldZIndex;
             if (this.nextStep.target) {
               this.mutationObserver.observe(this.elementToObserve, {
                 childList: true,
@@ -189,16 +188,25 @@ export default {
       this.showTooltip = true;
     },
   },
+  created() {
+    this.mutationObserver = new MutationObserver(this.handleClickedStep);
+  },
   mounted() {
     this.openGuidedTour(this.tours[0].steps);
   },
+  unmounted() {
+    this.mutationObserver.disconnect();
+  },
+  destroyed() {
+    this.mutationObserver.disconnect();
+  },
   methods: {
     openGuidedTour(arg) {
       this.steps = arg.map(step => {
         return {
           ...step,
           target: step.target ? `[data-guide=${step.target}]` : null,
-          layout: step.layout ? markRaw(step.layout) : null,
+          layout: step.layout ? Object.freeze(step.layout) : null,
         };
       });
       this.showGuidedTour = true;
@@ -219,7 +227,9 @@ export default {
       this.$emit("show-guided-tour", false);
     },
     handleClickedStep() {
-      const nextTarget = document.querySelector(this.nextStep.target);
+      const nextTarget = this.elementToObserve.querySelector(
+        this.nextStep.target
+      );
 
       if (nextTarget) {
         this.next();

From e0ef6585ae0948ca83afeb8e79c5770a08dae969 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 23 Feb 2022 15:10:43 +0100
Subject: [PATCH 05/24] implementation of GuidedTour component

---
 components.js                                 |   1 +
 rollup.config.js                              |   1 +
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 193 ++++++++++++++++++
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  74 +++++++
 .../BIMDataGuidedTour/guided-tour-utils.js    | 119 +++++++++++
 src/BIMDataComponents/index.js                |   1 +
 src/store.js                                  |   7 +
 src/web/router/router.js                      |   6 +
 .../Components/GuidedTour/GuidedTour.vue      | 185 +++++++++++++++++
 src/web/views/Components/GuidedTour/steps.js  |  15 ++
 10 files changed, 602 insertions(+)
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
 create mode 100644 src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
 create mode 100644 src/web/views/Components/GuidedTour/GuidedTour.vue
 create mode 100644 src/web/views/Components/GuidedTour/steps.js

diff --git a/components.js b/components.js
index 6378a70b..99b40649 100644
--- a/components.js
+++ b/components.js
@@ -24,3 +24,4 @@ export { default as BIMDataTextarea } from "./dist/js/BIMDataComponents/BIMDataT
 export { default as BIMDataTextbox } from "./dist/js/BIMDataComponents/BIMDataTextbox.js";
 export { default as BIMDataToggle } from "./dist/js/BIMDataComponents/BIMDataToggle.js";
 export { default as BIMDataTooltip } from "./dist/js/BIMDataComponents/BIMDataTooltip.js";
+export { default as BIMDataGuidedTour } from "./dist/js/BIMDataComponents/BIMDataGuidedTour.js";
diff --git a/rollup.config.js b/rollup.config.js
index 8eaa0c35..1ff9fb0a 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -177,6 +177,7 @@ function getSingleComponentConfigurations() {
     "BIMDataTextbox",
     "BIMDataToggle",
     "BIMDataTooltip",
+    "BIMDataGuidedTour",
   ];
 
   return [
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
new file mode 100644
index 00000000..f4e29899
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="guided-tour-portal" v-show="showGuidedTour">
+    <div ref="spotlight" class="spotlight">
+      <!-- Spotlight div -->
+    </div>
+    <div
+      v-if="currentStep"
+      ref="tooltip"
+      class="tooltip"
+      :style="{ opacity: showTooltip ? 1 : 0 }"
+    >
+      <div class="tooltip__header">
+        <BIMDataButton
+          class="tooltip__header__btn-close"
+          ghost
+          rounded
+          icon
+          @click="close"
+        >
+          <BIMDataIcon name="close" size="xxs" />
+        </BIMDataButton>
+      </div>
+      <div class="tooltip__content">
+        <template v-if="currentStep.component">
+          <component :is="currentStep.component" />
+        </template>
+        <template v-else>
+          <div class="tooltip__content__image">
+            <img
+              src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
+            />
+          </div>
+          <div class="tooltip__content__text">
+            {{ currentStep.content }}
+          </div>
+        </template>
+      </div>
+      <div class="tooltip__footer">
+        <BIMDataButton
+          class="tooltip__footer__btn-prev"
+          color="primary"
+          fill
+          radius
+          :disabled="stepIndex === 0 || currentStep.clickable"
+          @click="prev"
+        >
+          <BIMDataIcon
+            name="chevron"
+            size="xxs"
+            :rotate="180"
+            fill
+            color="white"
+          />
+        </BIMDataButton>
+        <div class="tooltip__footer__step-counter">
+          <span>{{ stepIndex }}</span
+          ><span>/{{ steps.length }}</span>
+        </div>
+        <BIMDataButton
+          class="tooltip__footer__btn-next"
+          color="primary"
+          style="padding: 10px;"
+          fill
+          radius
+          :disabled="stepIndex === steps.length - 1 || currentStep.clickable"
+          @click="next"
+        >
+          <BIMDataIcon name="chevron" size="xxs" fill color="white" />
+        </BIMDataButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { markRaw } from "vue";
+
+import {
+  scrollToTarget,
+  setSpotlightPosition,
+  setTooltipPosition,
+} from "./guided-tour-utils.js";
+
+import BIMDataButton from "../../BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+import BIMDataIcon from "../../BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+
+export default {
+  components: {
+    BIMDataButton,
+    BIMDataIcon,
+  },
+  props: {
+    inputSteps: {
+      type: Array,
+      default: () => [],
+    },
+    elementToObserve: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      steps: [],
+      showGuidedTour: false,
+      showTooltip: false,
+      stepIndex: 0,
+      mutationObserver: new MutationObserver(this.handleClickedStep),
+    };
+  },
+  computed: {
+    currentStep() {
+      return this.steps[this.stepIndex];
+    },
+  },
+  watch: {
+    steps() {
+      this.stepIndex = 0;
+    },
+    async currentStep(step) {
+      if (!step) return;
+
+      this.showTooltip = false;
+
+      const target = document.querySelector(step.target);
+
+      if (step.clickable) {
+        target.style.zIndex = "11000";
+        target.addEventListener(
+          "click",
+          () => {
+            target.style.zIndex = "unset";
+            this.mutationObserver.observe(this.elementToObserve, {
+              childList: true,
+              subtree: true,
+            });
+          },
+          { once: true }
+        );
+      }
+
+      await scrollToTarget(target);
+
+      setSpotlightPosition(target, this.$refs.spotlight);
+      setTooltipPosition(target, this.$refs.tooltip);
+      this.showTooltip = true;
+    },
+  },
+  mounted() {
+    this.openGuidedTour(this.inputSteps);
+  },
+  methods: {
+    openGuidedTour(arg) {
+      this.steps = arg.map(step =>
+        step.component ? { ...step, component: markRaw(step.component) } : step
+      );
+      this.showGuidedTour = true;
+    },
+    closeGuidedTour() {
+      this.showGuidedTour = false;
+      this.steps = [];
+    },
+    prev() {
+      this.stepIndex--;
+    },
+    next() {
+      this.stepIndex++;
+    },
+    close() {
+      this.showTooltip = false;
+
+      // Execute step close callback
+      if (this.currentStep.hooks && this.currentStep.hooks.onClose) {
+        this.currentStep.hooks.onClose();
+      }
+
+      this.closeGuidedTour();
+      this.$emit("show-guided-tour", false);
+    },
+    handleClickedStep() {
+      const nextTarget = document.querySelector(
+        this.steps[this.stepIndex + 1].target
+      );
+
+      if (nextTarget) {
+        this.next();
+        this.mutationObserver.disconnect();
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss" src="./_BIMDataGuidedTour.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
new file mode 100644
index 00000000..dcff6d15
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -0,0 +1,74 @@
+.guided-tour-portal {
+  position: absolute;
+  z-index: 10000;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+
+  .spotlight {
+    position: absolute;
+    border-radius: 4px;
+    box-shadow:
+      0 0 4px 10px      rgba(0,0,0,0.5) inset,
+      0 0 0   10000vmax rgba(0,0,0,0.5);
+  }
+
+  .tooltip {
+    position: absolute;
+    width: 280px;
+    padding: 6px 12px;
+    border-radius: 2px;
+    background-color: white;
+    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);    
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    transition: opacity 0.1s ease-in-out;
+
+    &__header {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    &__content {
+      min-height: 100px;
+      max-height: 300px;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      img {
+        border-radius: 50%;
+        height: 180px;
+        width: 180px;
+      }
+
+      &__text {
+        margin: 10px auto;
+        text-align: center;
+        color: var(--color-granite);
+        font-size: calc(var(--spacing-unit) * 1.2);
+      }
+    }
+
+    &__footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    
+      &__step-counter {
+        span:first-of-type {
+          color: var(--color-secondary);
+          font-size: calc(var(--spacing-unit) * 1.6);
+        }
+        span:last-of-type {
+          color: var(--color-granite);
+        }
+      }
+    }
+  }
+}
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
new file mode 100644
index 00000000..9d4272fa
--- /dev/null
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -0,0 +1,119 @@
+/* eslint-disable */
+
+/**
+ * Parameters
+ */
+
+// Spotlight padding (in px)
+const spotPadding = 16;
+// Tooltip gap (in px)
+const tooltipGap = 4;
+// Minimum border gap (in px)
+const borderGap = 8;
+
+/**
+ * Internal utility functions
+ */
+
+function getElementCoord(elem) {
+  const { x, y, width: w, height: h } = elem.getBoundingClientRect();
+  return { x, y, w, h };
+}
+
+function getWindowSize() {
+  return {
+    W: window.innerWidth,
+    H: window.innerHeight
+  };
+}
+
+function getWindowScroll() {
+  return {
+    sX: window.pageXOffset,
+    sY: window.pageYOffset
+  };
+}
+
+function scrollTo({ top, left }, delay = 100) {
+  return new Promise(resolve => {
+    let timeout = null;
+    const scrollHandler = event => {
+      if (timeout !== null) {
+        clearTimeout(timeout);
+      }
+      timeout = setTimeout(() => {
+        window.removeEventListener("scroll", scrollHandler);
+        resolve(event);
+      }, delay);
+    };
+
+    window.addEventListener("scroll", scrollHandler);
+    window.scroll({ left, top, behavior: 'smooth' });
+  });
+}
+
+/**
+ * Exported utility functions
+ */
+
+async function scrollToTarget(target) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { W, H } = getWindowSize();
+
+  let scroll = false;
+  let left, top;
+
+  if (x < 0 || x + w > W) {
+    scroll = true;
+    left = x;
+  }
+
+  if (y < 0 || y + h > H) {
+    scroll = true;
+    top = y;
+  }
+
+  if (scroll) {
+    await scrollTo({ top, left });
+  }
+}
+
+function setSpotlightPosition(target, spotlight) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { sX, sY } = getWindowScroll();
+
+  Object.assign(spotlight.style, {
+    left: `${sX + x - spotPadding}px`,
+    top: `${sY + y - spotPadding}px`,
+    width: `${w + 2 * spotPadding}px`,
+    height: `${h + 2 * spotPadding}px`
+  });
+}
+
+function setTooltipPosition(target, tooltip) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { w: wt, h: ht } = getElementCoord(tooltip);
+  const { W, H } = getWindowSize();
+  const { sX, sY } = getWindowScroll();
+
+  let left = sX + x + w + spotPadding + tooltipGap;
+  if (left + wt + borderGap > W) {
+    left = sX + x - wt - spotPadding - tooltipGap;
+  }
+
+  let top = sY + y;
+  if (top + ht + borderGap > H) {
+    top = sY + y + h - ht;
+  }
+
+  Object.assign(tooltip.style, {
+    left: `${left}px`,
+    top: `${top}px`
+  });
+}
+
+export {
+  scrollToTarget,
+  setSpotlightPosition,
+  setTooltipPosition
+};
\ No newline at end of file
diff --git a/src/BIMDataComponents/index.js b/src/BIMDataComponents/index.js
index 73b6404e..24c24d1d 100644
--- a/src/BIMDataComponents/index.js
+++ b/src/BIMDataComponents/index.js
@@ -33,3 +33,4 @@ export { default as BIMDataTextbox } from "./BIMDataTextbox/BIMDataTextbox.vue";
 export { default as BIMDataToggle } from "./BIMDataToggle/BIMDataToggle.vue";
 export { default as BIMDataTooltip } from "./BIMDataTooltip/BIMDataTooltip.vue";
 export { default as BIMDataIcons } from "./BIMDataIcon/BIMDataLibraryIcons/index.js";
+export { default as BIMDataGuidedTour } from "./BIMDataGuidedTour/BIMDataGuidedTour.vue";
diff --git a/src/store.js b/src/store.js
index 7e7cd059..6790685e 100644
--- a/src/store.js
+++ b/src/store.js
@@ -266,6 +266,13 @@ export default new Vuex.Store({
           text: "Tooltips are used to show contextual information on hover.",
           btn: "View tooltips",
         },
+        {
+          path: "guided-tour",
+          img: require("./web/assets/img/icon-list.svg"),
+          title: "GuidedTour",
+          text: "On-boarding.",
+          btn: "View on-boarding",
+        },
       ],
     },
     "Smart Components": {
diff --git a/src/web/router/router.js b/src/web/router/router.js
index ee04093f..7f418ee8 100644
--- a/src/web/router/router.js
+++ b/src/web/router/router.js
@@ -42,6 +42,7 @@ import Textarea from "../views/Components/Textarea/Textarea.vue";
 import Textbox from "../views/Components/Textbox/Textbox.vue";
 import Toggle from "../views/Components/Toggle/Toggle.vue";
 import Tooltip from "../views/Components/Tooltip/Tooltip.vue";
+import GuidedTour from "../views/Components/GuidedTour/GuidedTour.vue";
 
 // Smart Components views
 import FileManager from "../views/SmartComponents/FileManager/FileManager.vue";
@@ -245,6 +246,11 @@ const routes = [
         name: "tooltips",
         component: Tooltip,
       },
+      {
+        path: "guided-tour",
+        name: "guided-tour",
+        component: GuidedTour,
+      },
     ],
   },
   {
diff --git a/src/web/views/Components/GuidedTour/GuidedTour.vue b/src/web/views/Components/GuidedTour/GuidedTour.vue
new file mode 100644
index 00000000..6b0f019d
--- /dev/null
+++ b/src/web/views/Components/GuidedTour/GuidedTour.vue
@@ -0,0 +1,185 @@
+<template>
+  <main class="article article-checkbox">
+    <div class="article-wrapper">
+      <BIMDataText component="h1" color="color-primary">{{
+        $route.name
+      }}</BIMDataText>
+      <ComponentCode :componentTitle="$route.name" language="javascript">
+        <template #module>
+          <div>
+            <BIMDataButton
+              color="primary"
+              fill
+              radius
+              @click="showGuidedTour = true"
+            >
+              Open Guide Tour
+            </BIMDataButton>
+            <div data-guide="step-1"><h3>Hello World</h3></div>
+            <div data-guide="step-2"><span>hey you</span></div>
+          </div>
+
+          <template v-if="showGuidedTour">
+            <BIMDataGuidedTour
+              @show-guided-tour="() => (showGuidedTour = false)"
+              :inputSteps="inputSteps"
+            />
+          </template>
+        </template>
+
+        <template #parameters>
+          <BIMDataCheckbox text="select" v-model="selectChecked" />
+          <BIMDataCheckbox
+            text="multi"
+            v-model="multiChecked"
+            :disabled="!selectChecked"
+          />
+          <BIMDataCheckbox text="header buttons" v-model="headerButtons" />
+          <BIMDataCheckbox text="header search" v-model="headerSearch" />
+        </template>
+
+        <template #import>
+          import BIMDataCheckbox from
+          "@bimdata/design-system/dist/js/BIMDataComponents/BIMDataCheckbox.js"
+        </template>
+
+        <template #code>
+          <pre>
+              &lt;BIMDataSmartFileManager
+                :spaceId="515"
+                :projectId="756"
+                apiUrl="https://api-staging.bimdata.io"
+                accessToken="fc83e49ca9444d3ea41d212599f39040"
+                :select="{{ String(selectChecked) }}"
+                :multi="{{ String(multiChecked) }}"
+                :headerButtons="{{ headerButtons }}"
+                :headerSearch="{{ headerSearch }}"
+                /&gt;
+            </pre
+          >
+        </template>
+      </ComponentCode>
+
+      <div class="m-t-12">
+        <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
+          >Props:</BIMDataText
+        >
+        <BIMDataTable :columns="propsData[0]" :rows="propsData.slice(1)" />
+      </div>
+      <div class="m-t-12">
+        <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
+          >Events:</BIMDataText
+        >
+        <BIMDataTable :columns="eventsData[0]" :rows="eventsData.slice(1)" />
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+import BIMDataGuidedTour from "../../../../BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue";
+
+import ComponentCode from "../../Elements/ComponentCode/ComponentCode.vue";
+
+import BIMDataTable from "../../../../../src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
+import BIMDataButton from "../../../../../src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+import BIMDataText from "../../../../../src/BIMDataComponents/BIMDataText/BIMDataText.vue";
+import BIMDataCheckbox from "../../../../../src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+
+import steps from "./steps.js";
+
+export default {
+  components: {
+    BIMDataGuidedTour,
+    ComponentCode,
+    BIMDataTable,
+    BIMDataButton,
+    BIMDataText,
+    BIMDataCheckbox,
+  },
+  data() {
+    return {
+      inputSteps: steps,
+      showGuidedTour: false,
+      selectChecked: false,
+      multiChecked: false,
+      headerButtons: true,
+      headerSearch: true,
+      selectedFiles: [],
+      propsData: [
+        ["Props", "Type", "Default value", "Description"],
+        [
+          "apiUrl",
+          "string",
+          "https://api.bimdata.io",
+          "The API url to target.",
+        ],
+        ["spaceId", "number", "null", "The space ID"],
+        ["projectId", "number", "null", "The project ID"],
+        ["accessToken", "string", "null", "The access token"],
+        ["select", "boolean", "false", "Set the mode in select"],
+        [
+          "multi",
+          "boolean",
+          "false",
+          "Set the mode in multi select. Ignored if select is false.",
+        ],
+        [
+          "searchColor",
+          "string",
+          "secondary",
+          "Set the background color of the search bar.",
+        ],
+        [
+          "headerButtons",
+          "boolean",
+          "true",
+          "If false, the header buttons are not visible.",
+        ],
+        [
+          "headerSearch",
+          "boolean",
+          "true",
+          "If false, the header search is not visible.",
+        ],
+        [
+          "alreadySelectedIds",
+          "number[]",
+          "[]",
+          "An array of already selected ids. In select mode, already selected ids are not selectable and displayed as in success.",
+        ],
+        [
+          "selectableFileTypes",
+          "string[]",
+          "[]",
+          "An array of file type. In select mode, if some selectable file types are given, only those are selectable.",
+        ],
+      ],
+      eventsData: [
+        ["Event name", "Payload"],
+        ["selection-change", "An array of selected files"],
+        ["error", "The catched error."],
+        [
+          "success",
+          "{ type: ['folderDeleted', 'fileDeleted', 'folderRenamed', 'fileRenamed', 'folderCreated', 'fileCreated'], message: String, content: Object }",
+        ],
+      ],
+    };
+  },
+  methods: {
+    onSelectionChange(selectedFiles) {
+      this.selectedFiles = selectedFiles;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.main-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/web/views/Components/GuidedTour/steps.js b/src/web/views/Components/GuidedTour/steps.js
new file mode 100644
index 00000000..bdae2d26
--- /dev/null
+++ b/src/web/views/Components/GuidedTour/steps.js
@@ -0,0 +1,15 @@
+const steps = [
+  {
+    target: "[data-guide=step-1]",
+    title: "Step 1",
+    content:
+      "Great, you are now on the IFC list, click on the view button to display the IFC",
+  },
+  {
+    target: "[data-guide=step-2]",
+    title: "Step 2",
+    content: "here is the IFC, click on next to continue",
+  },
+];
+
+export default steps;

From e208e4ad323b7c785805d6978aeacf2bd4c93731 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Feb 2022 08:33:49 +0100
Subject: [PATCH 06/24] WIP implementation of a specific component

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 64 +++++++++----------
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss | 11 +++-
 2 files changed, 42 insertions(+), 33 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index f4e29899..1aab85f6 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -1,5 +1,11 @@
 <template>
-  <div class="guided-tour-portal" v-show="showGuidedTour">
+  <div
+    class="guided-tour-portal"
+    :class="{ untargeted: currentStep && !currentStep.target }"
+    v-show="showGuidedTour"
+  >
+    {{ console.log("currentStep", currentStep) }}
+
     <div ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
@@ -7,6 +13,7 @@
       v-if="currentStep"
       ref="tooltip"
       class="tooltip"
+      :class="{ untargeted: currentStep && !currentStep.target }"
       :style="{ opacity: showTooltip ? 1 : 0 }"
     >
       <div class="tooltip__header">
@@ -21,8 +28,8 @@
         </BIMDataButton>
       </div>
       <div class="tooltip__content">
-        <template v-if="currentStep.component">
-          <component :is="currentStep.component" />
+        <template v-if="currentStep.layout">
+          <component :is="currentStep.layout" :props="currentStep.props" />
         </template>
         <template v-else>
           <div class="tooltip__content__image">
@@ -31,27 +38,11 @@
             />
           </div>
           <div class="tooltip__content__text">
-            {{ currentStep.content }}
+            {{ currentStep.props.content }}
           </div>
         </template>
       </div>
       <div class="tooltip__footer">
-        <BIMDataButton
-          class="tooltip__footer__btn-prev"
-          color="primary"
-          fill
-          radius
-          :disabled="stepIndex === 0 || currentStep.clickable"
-          @click="prev"
-        >
-          <BIMDataIcon
-            name="chevron"
-            size="xxs"
-            :rotate="180"
-            fill
-            color="white"
-          />
-        </BIMDataButton>
         <div class="tooltip__footer__step-counter">
           <span>{{ stepIndex }}</span
           ><span>/{{ steps.length }}</span>
@@ -90,7 +81,7 @@ export default {
     BIMDataIcon,
   },
   props: {
-    inputSteps: {
+    tours: {
       type: Array,
       default: () => [],
     },
@@ -105,6 +96,7 @@ export default {
       showTooltip: false,
       stepIndex: 0,
       mutationObserver: new MutationObserver(this.handleClickedStep),
+      console,
     };
   },
   computed: {
@@ -118,9 +110,19 @@ export default {
     },
     async currentStep(step) {
       if (!step) return;
-
       this.showTooltip = false;
 
+      // WIP
+      // if (!step.target) {
+      //   this.showTooltip = true;
+      //   const specificComponent = document.querySelector(".specific-component");
+      //   console.log("specificComponent", specificComponent);
+
+      //   const { height } = specificComponent.getBoundingClientRect();
+      //   console.log("height", height);
+      //   return;
+      // }
+
       const target = document.querySelector(step.target);
 
       if (step.clickable) {
@@ -146,13 +148,17 @@ export default {
     },
   },
   mounted() {
-    this.openGuidedTour(this.inputSteps);
+    this.openGuidedTour(this.tours[0].steps);
   },
   methods: {
     openGuidedTour(arg) {
-      this.steps = arg.map(step =>
-        step.component ? { ...step, component: markRaw(step.component) } : step
-      );
+      this.steps = arg.map(step => {
+        return {
+          ...step,
+          target: step.target ? `[data-guide=${step.target}]` : null,
+          layout: step.layout ? markRaw(step.layout) : null,
+        };
+      });
       this.showGuidedTour = true;
     },
     closeGuidedTour() {
@@ -167,12 +173,6 @@ export default {
     },
     close() {
       this.showTooltip = false;
-
-      // Execute step close callback
-      if (this.currentStep.hooks && this.currentStep.hooks.onClose) {
-        this.currentStep.hooks.onClose();
-      }
-
       this.closeGuidedTour();
       this.$emit("show-guided-tour", false);
     },
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index dcff6d15..ab03253b 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -57,7 +57,8 @@
 
     &__footer {
       display: flex;
-      justify-content: space-between;
+      justify-content: end;
+      gap: 87px;
       align-items: center;
     
       &__step-counter {
@@ -71,4 +72,12 @@
       }
     }
   }
+  .tooltip.untargeted {
+    justify-content: space-between;
+  }
+}
+.guided-tour-portal.untargeted {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }

From 63dfb133af72c8bfb68fd3d9d66144c0d882b18e Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Feb 2022 19:03:22 +0100
Subject: [PATCH 07/24] completed implementation of guidedTour

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 134 ++++++++++++------
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  47 ++++--
 2 files changed, 123 insertions(+), 58 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 1aab85f6..c0b81b75 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -1,11 +1,9 @@
 <template>
   <div
     class="guided-tour-portal"
-    :class="{ untargeted: currentStep && !currentStep.target }"
+    :class="{ centeredTooltip }"
     v-show="showGuidedTour"
   >
-    {{ console.log("currentStep", currentStep) }}
-
     <div ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
@@ -13,19 +11,22 @@
       v-if="currentStep"
       ref="tooltip"
       class="tooltip"
-      :class="{ untargeted: currentStep && !currentStep.target }"
       :style="{ opacity: showTooltip ? 1 : 0 }"
     >
       <div class="tooltip__header">
-        <BIMDataButton
-          class="tooltip__header__btn-close"
-          ghost
-          rounded
-          icon
-          @click="close"
-        >
-          <BIMDataIcon name="close" size="xxs" />
-        </BIMDataButton>
+        <template v-if="!isStepIntro && !isStepOutro">
+          <BIMDataButton
+            class="tooltip__header__btn-close"
+            width="0px"
+            height="0px"
+            ghost
+            rounded
+            icon
+            @click="close"
+          >
+            <BIMDataIcon name="close" size="xxs" />
+          </BIMDataButton>
+        </template>
       </div>
       <div class="tooltip__content">
         <template v-if="currentStep.layout">
@@ -43,21 +44,52 @@
         </template>
       </div>
       <div class="tooltip__footer">
+        <template v-if="isStepIntro">
+          <div class="tooltip__footer__btn-skip">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="granite"
+              @click="close"
+            >
+              Skip
+            </BIMDataButton>
+          </div>
+        </template>
+        <template v-else>
+          <div class="tooltip__footer__ghost-element"></div>
+        </template>
         <div class="tooltip__footer__step-counter">
-          <span>{{ stepIndex }}</span
-          ><span>/{{ steps.length }}</span>
+          <span>{{ stepIndex + 1 }}</span>
+          <span>/{{ steps.length }}</span>
         </div>
-        <BIMDataButton
-          class="tooltip__footer__btn-next"
-          color="primary"
-          style="padding: 10px;"
-          fill
-          radius
-          :disabled="stepIndex === steps.length - 1 || currentStep.clickable"
-          @click="next"
-        >
-          <BIMDataIcon name="chevron" size="xxs" fill color="white" />
-        </BIMDataButton>
+        <template v-if="isStepOutro">
+          <div class="tooltip__footer__btn-start">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="granite"
+              @click="close"
+            >
+              Commencer
+            </BIMDataButton>
+          </div>
+        </template>
+        <template v-else>
+          <div class="tooltip__footer__btn-next">
+            <BIMDataButton
+              width="0px"
+              height="0px"
+              color="primary"
+              fill
+              radius
+              :disabled="currentStep.clickable"
+              @click="next"
+            >
+              <BIMDataIcon name="chevron" size="xxs" fill color="white" />
+            </BIMDataButton>
+          </div>
+        </template>
       </div>
     </div>
   </div>
@@ -103,6 +135,18 @@ export default {
     currentStep() {
       return this.steps[this.stepIndex];
     },
+    nextStep() {
+      return this.steps[this.stepIndex + 1];
+    },
+    centeredTooltip() {
+      return this.currentStep && !this.currentStep.target;
+    },
+    isStepIntro() {
+      return this.stepIndex === 0;
+    },
+    isStepOutro() {
+      return this.stepIndex === this.steps.length - 1;
+    },
   },
   watch: {
     steps() {
@@ -110,18 +154,11 @@ export default {
     },
     async currentStep(step) {
       if (!step) return;
-      this.showTooltip = false;
 
-      // WIP
-      // if (!step.target) {
-      //   this.showTooltip = true;
-      //   const specificComponent = document.querySelector(".specific-component");
-      //   console.log("specificComponent", specificComponent);
-
-      //   const { height } = specificComponent.getBoundingClientRect();
-      //   console.log("height", height);
-      //   return;
-      // }
+      if (!step.target) {
+        this.showTooltip = true;
+        return;
+      }
 
       const target = document.querySelector(step.target);
 
@@ -131,10 +168,15 @@ export default {
           "click",
           () => {
             target.style.zIndex = "unset";
-            this.mutationObserver.observe(this.elementToObserve, {
-              childList: true,
-              subtree: true,
-            });
+
+            if (this.nextStep.target) {
+              this.mutationObserver.observe(this.elementToObserve, {
+                childList: true,
+                subtree: true,
+              });
+            } else {
+              this.next();
+            }
           },
           { once: true }
         );
@@ -165,11 +207,11 @@ export default {
       this.showGuidedTour = false;
       this.steps = [];
     },
-    prev() {
-      this.stepIndex--;
-    },
     next() {
       this.stepIndex++;
+      this.$refs.spotlight.style = {};
+      this.$refs.tooltip.style = {};
+      this.showTooltip = false;
     },
     close() {
       this.showTooltip = false;
@@ -177,9 +219,7 @@ export default {
       this.$emit("show-guided-tour", false);
     },
     handleClickedStep() {
-      const nextTarget = document.querySelector(
-        this.steps[this.stepIndex + 1].target
-      );
+      const nextTarget = document.querySelector(this.nextStep.target);
 
       if (nextTarget) {
         this.next();
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index ab03253b..c8a91257 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -16,13 +16,14 @@
   .tooltip {
     position: absolute;
     width: 280px;
-    padding: 6px 12px;
+    height: 350px;
+    padding: 12px;
     border-radius: 2px;
     background-color: white;
     box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);    
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-between;
 
     transition: opacity 0.1s ease-in-out;
 
@@ -33,8 +34,7 @@
     }
 
     &__content {
-      min-height: 100px;
-      max-height: 300px;
+      flex: 1;
       overflow-y: auto;
       display: flex;
       flex-direction: column;
@@ -57,9 +57,10 @@
 
     &__footer {
       display: flex;
-      justify-content: end;
-      gap: 87px;
-      align-items: center;
+
+      &__ghost-element {
+        flex: 1
+      }
     
       &__step-counter {
         span:first-of-type {
@@ -70,13 +71,37 @@
           color: var(--color-granite);
         }
       }
+
+      &__btn-skip, &__btn-start {
+        flex: 1;
+        margin: auto;
+
+        button {
+          padding: 0px;
+          font-weight: bold;
+        }
+      }
+
+      &__btn-skip > button {
+        margin-right: auto;
+      }
+
+      &__btn-start > button {
+        margin-left: auto;
+      }
+
+      &__btn-next {
+        flex: 1;
+
+        button {
+          padding: 10px;
+          margin-left: auto;
+        }
+      }
     }
   }
-  .tooltip.untargeted {
-    justify-content: space-between;
-  }
 }
-.guided-tour-portal.untargeted {
+.centeredTooltip {
   display: flex;
   justify-content: center;
   align-items: center;

From 2055b35b481bc6346d6560097977845994e49699 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Fri, 25 Feb 2022 15:55:02 +0100
Subject: [PATCH 08/24] refactoring GuidedTour component

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index c0b81b75..77c0ccc7 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -30,7 +30,7 @@
       </div>
       <div class="tooltip__content">
         <template v-if="currentStep.layout">
-          <component :is="currentStep.layout" :props="currentStep.props" />
+          <component :is="currentStep.layout" v-bind="currentStep.props" />
         </template>
         <template v-else>
           <div class="tooltip__content__image">
@@ -96,8 +96,6 @@
 </template>
 
 <script>
-import { markRaw } from "vue";
-
 import {
   scrollToTarget,
   setSpotlightPosition,
@@ -119,6 +117,7 @@ export default {
     },
     elementToObserve: {
       type: Object,
+      required: true,
     },
   },
   data() {
@@ -127,7 +126,6 @@ export default {
       showGuidedTour: false,
       showTooltip: false,
       stepIndex: 0,
-      mutationObserver: new MutationObserver(this.handleClickedStep),
       console,
     };
   },
@@ -163,12 +161,13 @@ export default {
       const target = document.querySelector(step.target);
 
       if (step.clickable) {
+        const oldZIndex = target.style.zIndex;
+
         target.style.zIndex = "11000";
         target.addEventListener(
           "click",
           () => {
-            target.style.zIndex = "unset";
-
+            target.style.zIndex = oldZIndex;
             if (this.nextStep.target) {
               this.mutationObserver.observe(this.elementToObserve, {
                 childList: true,
@@ -189,16 +188,25 @@ export default {
       this.showTooltip = true;
     },
   },
+  created() {
+    this.mutationObserver = new MutationObserver(this.handleClickedStep);
+  },
   mounted() {
     this.openGuidedTour(this.tours[0].steps);
   },
+  unmounted() {
+    this.mutationObserver.disconnect();
+  },
+  destroyed() {
+    this.mutationObserver.disconnect();
+  },
   methods: {
     openGuidedTour(arg) {
       this.steps = arg.map(step => {
         return {
           ...step,
           target: step.target ? `[data-guide=${step.target}]` : null,
-          layout: step.layout ? markRaw(step.layout) : null,
+          layout: step.layout ? Object.freeze(step.layout) : null,
         };
       });
       this.showGuidedTour = true;
@@ -219,7 +227,9 @@ export default {
       this.$emit("show-guided-tour", false);
     },
     handleClickedStep() {
-      const nextTarget = document.querySelector(this.nextStep.target);
+      const nextTarget = this.elementToObserve.querySelector(
+        this.nextStep.target
+      );
 
       if (nextTarget) {
         this.next();

From 466fee437849728ec188c3817cfac6f27014487f Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 9 Mar 2022 16:46:02 +0100
Subject: [PATCH 09/24] refactoring of tooltip position

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   |  44 +++--
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  11 +-
 .../BIMDataGuidedTour/guided-tour-utils.js    | 160 ++++++++++++------
 3 files changed, 147 insertions(+), 68 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 77c0ccc7..8346ca90 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -2,6 +2,7 @@
   <div
     class="guided-tour-portal"
     :class="{ centeredTooltip }"
+    :style="`z-index: ${zIndex}`"
     v-show="showGuidedTour"
   >
     <div ref="spotlight" class="spotlight">
@@ -33,6 +34,9 @@
           <component :is="currentStep.layout" v-bind="currentStep.props" />
         </template>
         <template v-else>
+          <div class="tooltip__content__title">
+            {{ currentStep.props.title }}
+          </div>
           <div class="tooltip__content__image">
             <img
               src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
@@ -117,7 +121,11 @@ export default {
     },
     elementToObserve: {
       type: Object,
-      required: true,
+      default: () => {},
+    },
+    zIndex: {
+      type: Number,
+      default: () => 10000,
     },
   },
   data() {
@@ -126,7 +134,6 @@ export default {
       showGuidedTour: false,
       showTooltip: false,
       stepIndex: 0,
-      console,
     };
   },
   computed: {
@@ -153,21 +160,31 @@ export default {
     async currentStep(step) {
       if (!step) return;
 
-      if (!step.target) {
+      let target;
+
+      if (step.target) {
+        target = this.getDomElements(step.target);
+      } else {
         this.showTooltip = true;
         return;
       }
 
-      const target = document.querySelector(step.target);
-
       if (step.clickable) {
         const oldZIndex = target.style.zIndex;
+        const oldPosition = target.style.position;
+
+        target.style.zIndex = this.zIndex + 1000;
+
+        if (!oldPosition) {
+          target.style.position = "relative";
+        }
 
-        target.style.zIndex = "11000";
         target.addEventListener(
           "click",
           () => {
             target.style.zIndex = oldZIndex;
+            target.style.position = oldPosition;
+
             if (this.nextStep.target) {
               this.mutationObserver.observe(this.elementToObserve, {
                 childList: true,
@@ -180,8 +197,7 @@ export default {
           { once: true }
         );
       }
-
-      await scrollToTarget(target);
+      await scrollToTarget(target, this.elementToObserve);
 
       setSpotlightPosition(target, this.$refs.spotlight);
       setTooltipPosition(target, this.$refs.tooltip);
@@ -205,21 +221,27 @@ export default {
       this.steps = arg.map(step => {
         return {
           ...step,
-          target: step.target ? `[data-guide=${step.target}]` : null,
           layout: step.layout ? Object.freeze(step.layout) : null,
         };
       });
       this.showGuidedTour = true;
     },
+    getDomElements(target) {
+      if (Array.isArray(target)) {
+        return target.map(t => document.querySelector(`[data-guide=${t}]`));
+      } else if (typeof target === "string") {
+        return document.querySelector(`[data-guide=${target}]`);
+      }
+    },
     closeGuidedTour() {
       this.showGuidedTour = false;
       this.steps = [];
     },
     next() {
       this.stepIndex++;
+      this.showTooltip = false;
       this.$refs.spotlight.style = {};
       this.$refs.tooltip.style = {};
-      this.showTooltip = false;
     },
     close() {
       this.showTooltip = false;
@@ -228,7 +250,7 @@ export default {
     },
     handleClickedStep() {
       const nextTarget = this.elementToObserve.querySelector(
-        this.nextStep.target
+        `[data-guide=${this.nextStep.target}]`
       );
 
       if (nextTarget) {
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index c8a91257..55ba6425 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -1,6 +1,5 @@
 .guided-tour-portal {
   position: absolute;
-  z-index: 10000;
   inset: 0;
   width: 100%;
   height: 100%;
@@ -9,7 +8,7 @@
     position: absolute;
     border-radius: 4px;
     box-shadow:
-      0 0 4px 10px      rgba(0,0,0,0.5) inset,
+      0 0 0 4px var(--color-secondary),
       0 0 0   10000vmax rgba(0,0,0,0.5);
   }
 
@@ -38,9 +37,14 @@
       overflow-y: auto;
       display: flex;
       flex-direction: column;
-      justify-content: center;
+      justify-content: space-evenly;
       align-items: center;
 
+      &__title {
+        font-size: calc(var(--spacing-unit) * 2);
+        font-weight: bold;
+      }
+
       img {
         border-radius: 50%;
         height: 180px;
@@ -48,7 +52,6 @@
       }
 
       &__text {
-        margin: 10px auto;
         text-align: center;
         color: var(--color-granite);
         font-size: calc(var(--spacing-unit) * 1.2);
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
index 9d4272fa..698ed121 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -1,119 +1,173 @@
-/* eslint-disable */
-
 /**
  * Parameters
  */
 
 // Spotlight padding (in px)
 const spotPadding = 16;
+// offset spotlight border
+const spotBorder = 2;
 // Tooltip gap (in px)
-const tooltipGap = 4;
-// Minimum border gap (in px)
-const borderGap = 8;
+const tooltipGap = 13;
 
 /**
  * Internal utility functions
  */
 
 function getElementCoord(elem) {
-  const { x, y, width: w, height: h } = elem.getBoundingClientRect();
+  let x, y, w, h;
+
+  if (Array.isArray(elem)) {
+    let widestXW, highestYH;
+
+    elem.map(e => {
+      const {
+        x: currentX,
+        y: currentY,
+        width: currentW,
+        height: currentH,
+      } = e.getBoundingClientRect();
+
+      if (!widestXW || widestXW < currentX + currentW) {
+        widestXW = currentX + currentW;
+      }
+
+      if (!highestYH || highestYH < currentY + currentH) {
+        highestYH = currentY + currentH;
+      }
+
+      if (!x || x > currentX) {
+        x = currentX;
+      }
+
+      if (!y || y > currentY) {
+        y = currentY;
+      }
+
+      w = widestXW - x;
+      h = highestYH - y;
+    });
+  } else {
+    const {
+      x: currentX,
+      y: currentY,
+      width: currentW,
+      height: currentH,
+    } = elem.getBoundingClientRect();
+
+    x = currentX;
+    y = currentY;
+    w = currentW;
+    h = currentH;
+  }
   return { x, y, w, h };
 }
 
 function getWindowSize() {
   return {
-    W: window.innerWidth,
-    H: window.innerHeight
+    wWindow: window.innerWidth,
+    hWindow: window.innerHeight,
   };
 }
 
 function getWindowScroll() {
   return {
-    sX: window.pageXOffset,
-    sY: window.pageYOffset
+    offsetXWindow: window.pageXOffset,
+    offsetYWindow: window.pageYOffset,
   };
 }
 
-function scrollTo({ top, left }, delay = 100) {
-  return new Promise(resolve => {
-    let timeout = null;
-    const scrollHandler = event => {
-      if (timeout !== null) {
-        clearTimeout(timeout);
-      }
-      timeout = setTimeout(() => {
-        window.removeEventListener("scroll", scrollHandler);
-        resolve(event);
-      }, delay);
-    };
-
-    window.addEventListener("scroll", scrollHandler);
-    window.scroll({ left, top, behavior: 'smooth' });
-  });
-}
-
 /**
  * Exported utility functions
  */
 
-async function scrollToTarget(target) {
+async function scrollToTarget(target, element) {
   const { x, y, w, h } = getElementCoord(target);
-  const { W, H } = getWindowSize();
+  const { wWindow, hWindow } = getWindowSize();
 
   let scroll = false;
   let left, top;
 
-  if (x < 0 || x + w > W) {
+  if (x < 0 || x + w > wWindow) {
     scroll = true;
     left = x;
   }
 
-  if (y < 0 || y + h > H) {
+  if (y < 0 || y + h > hWindow) {
     scroll = true;
     top = y;
   }
 
   if (scroll) {
-    await scrollTo({ top, left });
+    element.scroll({ top, left });
   }
 }
 
 function setSpotlightPosition(target, spotlight) {
   const { x, y, w, h } = getElementCoord(target);
-  const { sX, sY } = getWindowScroll();
+  const { offsetXWindow, offsetYWindow } = getWindowScroll();
 
   Object.assign(spotlight.style, {
-    left: `${sX + x - spotPadding}px`,
-    top: `${sY + y - spotPadding}px`,
+    left: `${offsetXWindow + x - spotPadding}px`,
+    top: `${offsetYWindow + y - spotPadding}px`,
     width: `${w + 2 * spotPadding}px`,
-    height: `${h + 2 * spotPadding}px`
+    height: `${h + 2 * spotPadding}px`,
   });
 }
 
 function setTooltipPosition(target, tooltip) {
-  const { x, y, w, h } = getElementCoord(target);
-  const { w: wt, h: ht } = getElementCoord(tooltip);
-  const { W, H } = getWindowSize();
-  const { sX, sY } = getWindowScroll();
+  const { x: xTarget, y: yTarget, w: wTarget, h: hTarget } = getElementCoord(
+    target
+  );
+  const { w: wToolTip, h: hTooltip } = getElementCoord(tooltip);
+  const { wWindow, hWindow } = getWindowSize();
+  const { offsetXWindow, offsetYWindow } = getWindowScroll();
+
+  let left, top;
+
+  const leftTarget = offsetXWindow + xTarget;
+  const wideTooltip = wToolTip + tooltipGap;
 
-  let left = sX + x + w + spotPadding + tooltipGap;
-  if (left + wt + borderGap > W) {
-    left = sX + x - wt - spotPadding - tooltipGap;
+  const topTarget = offsetYWindow + yTarget;
+  const highTarget = hTarget + spotPadding + spotBorder;
+  const highTooltip = hTooltip + tooltipGap;
+
+  const tooltipFitRight = leftTarget + wTarget + wideTooltip < wWindow;
+  const tooltipFitLeft = wTarget + wideTooltip < wWindow;
+
+  if (tooltipFitRight) {
+    left = leftTarget + wTarget + spotPadding + tooltipGap;
+  } else if (tooltipFitLeft) {
+    left = leftTarget - wideTooltip - spotPadding;
+  } else {
+    left = xTarget - spotPadding - spotBorder;
+
+    if (topTarget > highTooltip) {
+      top = topTarget - highTooltip - spotBorder - tooltipGap;
+    } else if (topTarget < highTooltip) {
+      top = topTarget + highTarget + tooltipGap;
+    }
+
+    Object.assign(tooltip.style, {
+      left: `${left}px`,
+      top: `${top}px`,
+    });
+
+    return;
   }
 
-  let top = sY + y;
-  if (top + ht + borderGap > H) {
-    top = sY + y + h - ht;
+  const tooltipFitByTop = topTarget + highTooltip < hWindow;
+  const tooltipFitByBottom = topTarget + highTooltip >= hWindow;
+
+  if (tooltipFitByTop) {
+    top = topTarget - spotPadding - spotBorder;
+  } else if (tooltipFitByBottom) {
+    top = topTarget + highTarget - highTooltip + spotPadding;
   }
 
   Object.assign(tooltip.style, {
     left: `${left}px`,
-    top: `${top}px`
+    top: `${top}px`,
   });
 }
 
-export {
-  scrollToTarget,
-  setSpotlightPosition,
-  setTooltipPosition
-};
\ No newline at end of file
+export { scrollToTarget, setSpotlightPosition, setTooltipPosition };

From f036d2c8b7e0c67a30bc488ebe0234e0bf6f5522 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 23 Mar 2022 11:07:08 +0100
Subject: [PATCH 10/24] scroll and tooltip position logic ok

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   |  87 ++++++++-----
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |   5 +-
 .../BIMDataGuidedTour/guided-tour-utils.js    | 123 +++++++++++++-----
 3 files changed, 143 insertions(+), 72 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 8346ca90..3f96f18e 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -1,11 +1,12 @@
 <template>
   <div
+    ref="guidedTourPortal"
     class="guided-tour-portal"
     :class="{ centeredTooltip }"
     :style="`z-index: ${zIndex}`"
     v-show="showGuidedTour"
   >
-    <div ref="spotlight" class="spotlight">
+    <div v-show="showSpotlight" ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
     <div
@@ -88,7 +89,12 @@
               fill
               radius
               :disabled="currentStep.clickable"
-              @click="next"
+              @click="
+                () => {
+                  resetStyle();
+                  next();
+                }
+              "
             >
               <BIMDataIcon name="chevron" size="xxs" fill color="white" />
             </BIMDataButton>
@@ -103,6 +109,7 @@
 import {
   scrollToTarget,
   setSpotlightPosition,
+  setSpotlightPositionClickable,
   setTooltipPosition,
 } from "./guided-tour-utils.js";
 
@@ -132,6 +139,7 @@ export default {
     return {
       steps: [],
       showGuidedTour: false,
+      showSpotlight: true,
       showTooltip: false,
       stepIndex: 0,
     };
@@ -165,41 +173,20 @@ export default {
       if (step.target) {
         target = this.getDomElements(step.target);
       } else {
-        this.showTooltip = true;
+        this.displayCenteredTooltip();
         return;
       }
 
-      if (step.clickable) {
-        const oldZIndex = target.style.zIndex;
-        const oldPosition = target.style.position;
-
-        target.style.zIndex = this.zIndex + 1000;
-
-        if (!oldPosition) {
-          target.style.position = "relative";
-        }
-
-        target.addEventListener(
-          "click",
-          () => {
-            target.style.zIndex = oldZIndex;
-            target.style.position = oldPosition;
+      await scrollToTarget(target, this.elementToObserve);
 
-            if (this.nextStep.target) {
-              this.mutationObserver.observe(this.elementToObserve, {
-                childList: true,
-                subtree: true,
-              });
-            } else {
-              this.next();
-            }
-          },
-          { once: true }
-        );
+      if (step.clickable) {
+        setSpotlightPositionClickable(target, this.$refs.guidedTourPortal);
+        this.clickListener(target);
+      } else {
+        setSpotlightPosition(target, this.$refs.spotlight);
+        this.showSpotlight = true;
       }
-      await scrollToTarget(target, this.elementToObserve);
 
-      setSpotlightPosition(target, this.$refs.spotlight);
       setTooltipPosition(target, this.$refs.tooltip);
       this.showTooltip = true;
     },
@@ -239,15 +226,47 @@ export default {
     },
     next() {
       this.stepIndex++;
-      this.showTooltip = false;
-      this.$refs.spotlight.style = {};
-      this.$refs.tooltip.style = {};
     },
     close() {
       this.showTooltip = false;
       this.closeGuidedTour();
       this.$emit("show-guided-tour", false);
     },
+    resetStyle() {
+      this.showTooltip = false;
+      this.showSpotlight = false;
+
+      // when step is clickable
+      this.$refs.guidedTourPortal.style.removeProperty("background-color");
+      this.$refs.guidedTourPortal.style.removeProperty("clip-path");
+
+      // when step isn't clickable
+      this.$refs.tooltip.style.boxShadow = "0 2px 10px 0 rgba(0, 0, 0, 0.5)";
+      this.$refs.tooltip.style.removeProperty("left");
+      this.$refs.tooltip.style.removeProperty("top");
+    },
+    displayCenteredTooltip() {
+      this.showTooltip = true;
+      this.$refs.tooltip.style.boxShadow =
+        "0 0 0, 0 0 0 10000vmax rgba(0,0,0,0.5)";
+    },
+    clickListener(target) {
+      target.addEventListener(
+        "click",
+        () => {
+          this.resetStyle();
+          if (this.nextStep.target) {
+            this.mutationObserver.observe(this.elementToObserve, {
+              childList: true,
+              subtree: true,
+            });
+          } else {
+            this.next();
+          }
+        },
+        { once: true }
+      );
+    },
     handleClickedStep() {
       const nextTarget = this.elementToObserve.querySelector(
         `[data-guide=${this.nextStep.target}]`
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index 55ba6425..5ad7eb5d 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -6,9 +6,8 @@
 
   .spotlight {
     position: absolute;
-    border-radius: 4px;
     box-shadow:
-      0 0 0 4px var(--color-secondary),
+      0 0 0,
       0 0 0   10000vmax rgba(0,0,0,0.5);
   }
 
@@ -19,7 +18,7 @@
     padding: 12px;
     border-radius: 2px;
     background-color: white;
-    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);    
+    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);    
     display: flex;
     flex-direction: column;
     justify-content: space-between;
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
index 698ed121..0afc6ad9 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -5,7 +5,7 @@
 // Spotlight padding (in px)
 const spotPadding = 16;
 // offset spotlight border
-const spotBorder = 2;
+// const spotBorder = 2;
 // Tooltip gap (in px)
 const tooltipGap = 13;
 
@@ -81,24 +81,20 @@ function getWindowScroll() {
  */
 
 async function scrollToTarget(target, element) {
-  const { x, y, w, h } = getElementCoord(target);
-  const { wWindow, hWindow } = getWindowSize();
+  const { y, h } = getElementCoord(target);
+  const { hWindow } = getWindowSize();
 
-  let scroll = false;
-  let left, top;
-
-  if (x < 0 || x + w > wWindow) {
-    scroll = true;
-    left = x;
-  }
+  const offsetYElement = element.offsetTop;
+  const scrolledTop = element.scrollTop;
 
-  if (y < 0 || y + h > hWindow) {
-    scroll = true;
-    top = y;
+  if (y < offsetYElement) {
+    element.scroll({ top: offsetYElement });
   }
 
-  if (scroll) {
-    element.scroll({ top, left });
+  if (y + h > hWindow) {
+    element.scroll({
+      top: y + h - hWindow + scrolledTop + spotPadding + tooltipGap,
+    });
   }
 }
 
@@ -114,10 +110,37 @@ function setSpotlightPosition(target, spotlight) {
   });
 }
 
+function setSpotlightPositionClickable(target, spotlight) {
+  const { x, y, w, h } = getElementCoord(target);
+  const { offsetXWindow, offsetYWindow } = getWindowScroll();
+
+  Object.assign(spotlight.style, {
+    clipPath: `polygon(
+        ${offsetXWindow + x - spotPadding}px /* X top left */
+        ${offsetYWindow + y - spotPadding}px /* Y top left */,
+        ${offsetXWindow + x - spotPadding}px /* X bottom left */ 
+        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */, 
+        0 100%, 
+        0 0, 
+        100% 0, 
+        100% 100%, 
+        0 100%,
+        0% 
+        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */, 
+        ${offsetXWindow + x + w + spotPadding}px /* X bottom right */ 
+        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */,
+        ${offsetXWindow + x + w + spotPadding}px /* X top right */ 
+        ${offsetYWindow + y - spotPadding}px /* Y top right */
+      )`,
+    backgroundColor: "rgba(0,0,0,0.5)",
+  });
+}
+
 function setTooltipPosition(target, tooltip) {
   const { x: xTarget, y: yTarget, w: wTarget, h: hTarget } = getElementCoord(
     target
   );
+
   const { w: wToolTip, h: hTooltip } = getElementCoord(tooltip);
   const { wWindow, hWindow } = getWindowSize();
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
@@ -128,46 +151,76 @@ function setTooltipPosition(target, tooltip) {
   const wideTooltip = wToolTip + tooltipGap;
 
   const topTarget = offsetYWindow + yTarget;
-  const highTarget = hTarget + spotPadding + spotBorder;
+  const highTarget = hTarget + spotPadding;
   const highTooltip = hTooltip + tooltipGap;
 
-  const tooltipFitRight = leftTarget + wTarget + wideTooltip < wWindow;
-  const tooltipFitLeft = wTarget + wideTooltip < wWindow;
+  const tooltipFitRight = wWindow - (leftTarget + wTarget) > wideTooltip;
+  const tooltipFitLeft = leftTarget > wideTooltip;
 
   if (tooltipFitRight) {
     left = leftTarget + wTarget + spotPadding + tooltipGap;
-  } else if (tooltipFitLeft) {
-    left = leftTarget - wideTooltip - spotPadding;
-  } else {
-    left = xTarget - spotPadding - spotBorder;
 
-    if (topTarget > highTooltip) {
-      top = topTarget - highTooltip - spotBorder - tooltipGap;
-    } else if (topTarget < highTooltip) {
-      top = topTarget + highTarget + tooltipGap;
+    // align bottom
+    if (hWindow - topTarget - highTarget < highTooltip - highTarget) {
+      top = topTarget + highTarget - highTooltip + spotPadding;
+      // align top
+    } else {
+      top = topTarget - spotPadding;
     }
 
     Object.assign(tooltip.style, {
       left: `${left}px`,
       top: `${top}px`,
     });
+    return;
+  }
+
+  if (tooltipFitLeft) {
+    left = leftTarget - wideTooltip - spotPadding;
 
+    // align bottom
+    if (hWindow - topTarget - highTarget < highTooltip - highTarget) {
+      top = topTarget + highTarget - highTooltip + spotPadding;
+      // align top
+    } else {
+      top = topTarget - spotPadding;
+    }
+    Object.assign(tooltip.style, {
+      left: `${left}px`,
+      top: `${top}px`,
+    });
     return;
   }
 
-  const tooltipFitByTop = topTarget + highTooltip < hWindow;
-  const tooltipFitByBottom = topTarget + highTooltip >= hWindow;
+  const tooltipFitTop = highTooltip < topTarget - tooltipGap;
+  const tooltipFitBottom = hWindow - (topTarget + highTarget) > highTooltip;
 
-  if (tooltipFitByTop) {
-    top = topTarget - spotPadding - spotBorder;
-  } else if (tooltipFitByBottom) {
-    top = topTarget + highTarget - highTooltip + spotPadding;
+  if (tooltipFitTop) {
+    Object.assign(tooltip.style, {
+      left: `${leftTarget - spotPadding}px`,
+      top: `${topTarget - spotPadding - highTooltip}px`,
+    });
+    return;
+  }
+
+  if (tooltipFitBottom) {
+    Object.assign(tooltip.style, {
+      left: `${leftTarget - spotPadding}px`,
+      top: `${topTarget + highTarget + spotPadding}px`,
+    });
+    return;
   }
 
+  // tooltip in element
   Object.assign(tooltip.style, {
-    left: `${left}px`,
-    top: `${top}px`,
+    left: `${leftTarget + wTarget - wToolTip}px`,
+    top: `${topTarget + highTarget - highTooltip}px`,
   });
 }
 
-export { scrollToTarget, setSpotlightPosition, setTooltipPosition };
+export {
+  scrollToTarget,
+  setSpotlightPosition,
+  setSpotlightPositionClickable,
+  setTooltipPosition,
+};

From 52f8a6112961cfd32a42c8df62cf552e002e2909 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Mar 2022 09:19:21 +0100
Subject: [PATCH 11/24] refacto of position and scrolling WIP

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 35 ++++++++++++-----
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  3 +-
 .../BIMDataGuidedTour/guided-tour-utils.js    | 39 ++++++++++++++++---
 3 files changed, 60 insertions(+), 17 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 3f96f18e..2f46bf44 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -171,23 +171,31 @@ export default {
       let target;
 
       if (step.target) {
-        target = this.getDomElements(step.target);
+        target = this.getDomElements(step);
       } else {
         this.displayCenteredTooltip();
         return;
       }
 
-      await scrollToTarget(target, this.elementToObserve);
+      await scrollToTarget(target, this.elementToObserve, step.spotlightOffset);
 
       if (step.clickable) {
-        setSpotlightPositionClickable(target, this.$refs.guidedTourPortal);
+        setSpotlightPositionClickable(
+          target,
+          this.$refs.guidedTourPortal,
+          step.spotlightOffset
+        );
         this.clickListener(target);
       } else {
-        setSpotlightPosition(target, this.$refs.spotlight);
+        setSpotlightPosition(
+          target,
+          this.$refs.spotlight,
+          step.spotlightOffset
+        );
         this.showSpotlight = true;
       }
 
-      setTooltipPosition(target, this.$refs.tooltip);
+      setTooltipPosition(target, this.$refs.tooltip, step.spotlightOffset);
       this.showTooltip = true;
     },
   },
@@ -209,15 +217,21 @@ export default {
         return {
           ...step,
           layout: step.layout ? Object.freeze(step.layout) : null,
+          spotlightOffset: step.spotlightOffset ?? true,
         };
       });
       this.showGuidedTour = true;
     },
-    getDomElements(target) {
+    getDomElements(step, elementToWatch = document) {
+      const { target, targetDetail } = step;
       if (Array.isArray(target)) {
-        return target.map(t => document.querySelector(`[data-guide=${t}]`));
+        return target.map(t =>
+          elementToWatch.querySelector(`[data-guide=${t}]`)
+        );
       } else if (typeof target === "string") {
-        return document.querySelector(`[data-guide=${target}]`);
+        return elementToWatch.querySelector(
+          `[data-guide=${target}] ${targetDetail ? targetDetail : ""}`
+        );
       }
     },
     closeGuidedTour() {
@@ -268,8 +282,9 @@ export default {
       );
     },
     handleClickedStep() {
-      const nextTarget = this.elementToObserve.querySelector(
-        `[data-guide=${this.nextStep.target}]`
+      const nextTarget = this.getDomElements(
+        this.nextStep,
+        this.elementToObserve
       );
 
       if (nextTarget) {
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index 5ad7eb5d..6b6a4697 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -14,7 +14,7 @@
   .tooltip {
     position: absolute;
     width: 280px;
-    height: 350px;
+    height: 362px;
     padding: 12px;
     border-radius: 2px;
     background-color: white;
@@ -59,6 +59,7 @@
 
     &__footer {
       display: flex;
+      margin-top: var(--spacing-unit);
 
       &__ghost-element {
         flex: 1
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
index 0afc6ad9..edce35e8 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -3,7 +3,8 @@
  */
 
 // Spotlight padding (in px)
-const spotPadding = 16;
+const spotPaddingInitalValue = 16;
+let spotPadding;
 // offset spotlight border
 // const spotBorder = 2;
 // Tooltip gap (in px)
@@ -80,15 +81,36 @@ function getWindowScroll() {
  * Exported utility functions
  */
 
-async function scrollToTarget(target, element) {
+function isNegative(num) {
+  return Math.sign(num) === -1;
+}
+
+async function scrollToTarget(target, element, spotlightOffset) {
   const { y, h } = getElementCoord(target);
   const { hWindow } = getWindowSize();
 
   const offsetYElement = element.offsetTop;
   const scrolledTop = element.scrollTop;
 
+  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
+
+  console.log("y", y);
+  console.log("h", h);
+  console.log("hWindow", hWindow);
+  console.log("offsethElement", offsetYElement);
+  console.log("scrolledTop", scrolledTop);
+
+  if (isNegative(y)) {
+    console.log("isNegative", scrolledTop + y - spotPadding - tooltipGap);
+    element.scroll({
+      top: scrolledTop + y - spotPadding - tooltipGap,
+    });
+  }
+
   if (y < offsetYElement) {
-    element.scroll({ top: offsetYElement });
+    element.scroll({
+      top: scrolledTop + y - offsetYElement - spotPadding - tooltipGap,
+    });
   }
 
   if (y + h > hWindow) {
@@ -98,10 +120,12 @@ async function scrollToTarget(target, element) {
   }
 }
 
-function setSpotlightPosition(target, spotlight) {
+function setSpotlightPosition(target, spotlight, spotlightOffset) {
   const { x, y, w, h } = getElementCoord(target);
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
 
+  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
+
   Object.assign(spotlight.style, {
     left: `${offsetXWindow + x - spotPadding}px`,
     top: `${offsetYWindow + y - spotPadding}px`,
@@ -110,9 +134,10 @@ function setSpotlightPosition(target, spotlight) {
   });
 }
 
-function setSpotlightPositionClickable(target, spotlight) {
+function setSpotlightPositionClickable(target, spotlight, spotlightOffset) {
   const { x, y, w, h } = getElementCoord(target);
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
+  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
 
   Object.assign(spotlight.style, {
     clipPath: `polygon(
@@ -136,7 +161,7 @@ function setSpotlightPositionClickable(target, spotlight) {
   });
 }
 
-function setTooltipPosition(target, tooltip) {
+function setTooltipPosition(target, tooltip, spotlightOffset) {
   const { x: xTarget, y: yTarget, w: wTarget, h: hTarget } = getElementCoord(
     target
   );
@@ -145,6 +170,8 @@ function setTooltipPosition(target, tooltip) {
   const { wWindow, hWindow } = getWindowSize();
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
 
+  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
+
   let left, top;
 
   const leftTarget = offsetXWindow + xTarget;

From ed29997cfe3b2b9eac10d4f6d272414f619e4ce3 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 24 Mar 2022 15:59:39 +0100
Subject: [PATCH 12/24] click handled by next button

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 67 +++++++++----------
 .../BIMDataGuidedTour/guided-tour-utils.js    | 56 ++--------------
 2 files changed, 37 insertions(+), 86 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 2f46bf44..d7e69fd1 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -88,13 +88,7 @@
               color="primary"
               fill
               radius
-              :disabled="currentStep.clickable"
-              @click="
-                () => {
-                  resetStyle();
-                  next();
-                }
-              "
+              @click="clickNext"
             >
               <BIMDataIcon name="chevron" size="xxs" fill color="white" />
             </BIMDataButton>
@@ -109,7 +103,6 @@
 import {
   scrollToTarget,
   setSpotlightPosition,
-  setSpotlightPositionClickable,
   setTooltipPosition,
 } from "./guided-tour-utils.js";
 
@@ -141,7 +134,12 @@ export default {
       showGuidedTour: false,
       showSpotlight: true,
       showTooltip: false,
+      clickNext: () => {
+        this.resetSettings();
+        this.next();
+      },
       stepIndex: 0,
+      console,
     };
   },
   computed: {
@@ -177,25 +175,18 @@ export default {
         return;
       }
 
-      await scrollToTarget(target, this.elementToObserve, step.spotlightOffset);
-
       if (step.clickable) {
-        setSpotlightPositionClickable(
-          target,
-          this.$refs.guidedTourPortal,
-          step.spotlightOffset
-        );
         this.clickListener(target);
-      } else {
-        setSpotlightPosition(
-          target,
-          this.$refs.spotlight,
-          step.spotlightOffset
-        );
-        this.showSpotlight = true;
+        this.clickNext = () => {
+          target.click();
+        };
       }
 
-      setTooltipPosition(target, this.$refs.tooltip, step.spotlightOffset);
+      scrollToTarget(target, this.elementToObserve);
+      setSpotlightPosition(target, this.$refs.spotlight);
+      setTooltipPosition(target, this.$refs.tooltip);
+
+      this.showSpotlight = true;
       this.showTooltip = true;
     },
   },
@@ -217,7 +208,6 @@ export default {
         return {
           ...step,
           layout: step.layout ? Object.freeze(step.layout) : null,
-          spotlightOffset: step.spotlightOffset ?? true,
         };
       });
       this.showGuidedTour = true;
@@ -246,29 +236,31 @@ export default {
       this.closeGuidedTour();
       this.$emit("show-guided-tour", false);
     },
-    resetStyle() {
-      this.showTooltip = false;
+    resetSettings() {
       this.showSpotlight = false;
+      this.showTooltip = false;
 
-      // when step is clickable
-      this.$refs.guidedTourPortal.style.removeProperty("background-color");
-      this.$refs.guidedTourPortal.style.removeProperty("clip-path");
-
-      // when step isn't clickable
       this.$refs.tooltip.style.boxShadow = "0 2px 10px 0 rgba(0, 0, 0, 0.5)";
       this.$refs.tooltip.style.removeProperty("left");
       this.$refs.tooltip.style.removeProperty("top");
+
+      this.clickNext = () => {
+        this.resetSettings();
+        this.next();
+      };
     },
     displayCenteredTooltip() {
       this.showTooltip = true;
-      this.$refs.tooltip.style.boxShadow =
-        "0 0 0, 0 0 0 10000vmax rgba(0,0,0,0.5)";
+      if (this.$refs.tooltip) {
+        this.$refs.tooltip.style.boxShadow =
+          "0 0 0, 0 0 0 10000vmax rgba(0,0,0,0.5)";
+      }
     },
     clickListener(target) {
       target.addEventListener(
         "click",
         () => {
-          this.resetStyle();
+          this.resetSettings();
           if (this.nextStep.target) {
             this.mutationObserver.observe(this.elementToObserve, {
               childList: true,
@@ -287,7 +279,12 @@ export default {
         this.elementToObserve
       );
 
-      if (nextTarget) {
+      const isAnHTMLElement = nextTarget instanceof HTMLElement;
+      const isAnArrayOfHTMLElement =
+        Array.isArray(nextTarget) &&
+        nextTarget.every(elem => elem instanceof HTMLElement);
+
+      if (isAnHTMLElement || isAnArrayOfHTMLElement) {
         this.next();
         this.mutationObserver.disconnect();
       }
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
index edce35e8..bb0f4df3 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -3,8 +3,7 @@
  */
 
 // Spotlight padding (in px)
-const spotPaddingInitalValue = 16;
-let spotPadding;
+const spotPadding = 16;
 // offset spotlight border
 // const spotBorder = 2;
 // Tooltip gap (in px)
@@ -85,23 +84,14 @@ function isNegative(num) {
   return Math.sign(num) === -1;
 }
 
-async function scrollToTarget(target, element, spotlightOffset) {
+async function scrollToTarget(target, element) {
   const { y, h } = getElementCoord(target);
   const { hWindow } = getWindowSize();
 
   const offsetYElement = element.offsetTop;
   const scrolledTop = element.scrollTop;
 
-  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
-
-  console.log("y", y);
-  console.log("h", h);
-  console.log("hWindow", hWindow);
-  console.log("offsethElement", offsetYElement);
-  console.log("scrolledTop", scrolledTop);
-
   if (isNegative(y)) {
-    console.log("isNegative", scrolledTop + y - spotPadding - tooltipGap);
     element.scroll({
       top: scrolledTop + y - spotPadding - tooltipGap,
     });
@@ -120,12 +110,10 @@ async function scrollToTarget(target, element, spotlightOffset) {
   }
 }
 
-function setSpotlightPosition(target, spotlight, spotlightOffset) {
+function setSpotlightPosition(target, spotlight) {
   const { x, y, w, h } = getElementCoord(target);
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
 
-  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
-
   Object.assign(spotlight.style, {
     left: `${offsetXWindow + x - spotPadding}px`,
     top: `${offsetYWindow + y - spotPadding}px`,
@@ -134,34 +122,7 @@ function setSpotlightPosition(target, spotlight, spotlightOffset) {
   });
 }
 
-function setSpotlightPositionClickable(target, spotlight, spotlightOffset) {
-  const { x, y, w, h } = getElementCoord(target);
-  const { offsetXWindow, offsetYWindow } = getWindowScroll();
-  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
-
-  Object.assign(spotlight.style, {
-    clipPath: `polygon(
-        ${offsetXWindow + x - spotPadding}px /* X top left */
-        ${offsetYWindow + y - spotPadding}px /* Y top left */,
-        ${offsetXWindow + x - spotPadding}px /* X bottom left */ 
-        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */, 
-        0 100%, 
-        0 0, 
-        100% 0, 
-        100% 100%, 
-        0 100%,
-        0% 
-        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */, 
-        ${offsetXWindow + x + w + spotPadding}px /* X bottom right */ 
-        ${offsetYWindow + y + h + spotPadding}px /* Y bottom  */,
-        ${offsetXWindow + x + w + spotPadding}px /* X top right */ 
-        ${offsetYWindow + y - spotPadding}px /* Y top right */
-      )`,
-    backgroundColor: "rgba(0,0,0,0.5)",
-  });
-}
-
-function setTooltipPosition(target, tooltip, spotlightOffset) {
+function setTooltipPosition(target, tooltip) {
   const { x: xTarget, y: yTarget, w: wTarget, h: hTarget } = getElementCoord(
     target
   );
@@ -170,8 +131,6 @@ function setTooltipPosition(target, tooltip, spotlightOffset) {
   const { wWindow, hWindow } = getWindowSize();
   const { offsetXWindow, offsetYWindow } = getWindowScroll();
 
-  spotPadding = spotlightOffset ? spotPaddingInitalValue : 0;
-
   let left, top;
 
   const leftTarget = offsetXWindow + xTarget;
@@ -245,9 +204,4 @@ function setTooltipPosition(target, tooltip, spotlightOffset) {
   });
 }
 
-export {
-  scrollToTarget,
-  setSpotlightPosition,
-  setSpotlightPositionClickable,
-  setTooltipPosition,
-};
+export { scrollToTarget, setSpotlightPosition, setTooltipPosition };

From da3b9e6c5f9d258c8680bd4ed8776c338d11997d Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Mon, 4 Apr 2022 10:33:16 +0200
Subject: [PATCH 13/24] progress bar added

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   | 159 ++++++++++--------
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss | 140 ++++++++-------
 2 files changed, 168 insertions(+), 131 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index d7e69fd1..a70906a0 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -9,91 +9,108 @@
     <div v-show="showSpotlight" ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
+    {{ console.log("showTooltip", showTooltip) }}
     <div
       v-if="currentStep"
       ref="tooltip"
       class="tooltip"
       :style="{ opacity: showTooltip ? 1 : 0 }"
     >
-      <div class="tooltip__header">
-        <template v-if="!isStepIntro && !isStepOutro">
-          <BIMDataButton
-            class="tooltip__header__btn-close"
-            width="0px"
-            height="0px"
-            ghost
-            rounded
-            icon
-            @click="close"
-          >
-            <BIMDataIcon name="close" size="xxs" />
-          </BIMDataButton>
-        </template>
+      <div class="tooltip__progress-bar">
+        <div
+          class="tooltip__progress-bar__step"
+          v-for="(step, index) of steps"
+          :key="index"
+          :style="{
+            width: `calc(100% / ${steps.length})`,
+            backgroundColor:
+              steps.indexOf(currentStep) >= index
+                ? 'var(--color-secondary)'
+                : '',
+          }"
+        ></div>
       </div>
-      <div class="tooltip__content">
-        <template v-if="currentStep.layout">
-          <component :is="currentStep.layout" v-bind="currentStep.props" />
-        </template>
-        <template v-else>
-          <div class="tooltip__content__title">
-            {{ currentStep.props.title }}
-          </div>
-          <div class="tooltip__content__image">
-            <img
-              src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
-            />
-          </div>
-          <div class="tooltip__content__text">
-            {{ currentStep.props.content }}
-          </div>
-        </template>
-      </div>
-      <div class="tooltip__footer">
-        <template v-if="isStepIntro">
-          <div class="tooltip__footer__btn-skip">
+      <div class="tooltip__box">
+        <div class="tooltip__box__header">
+          <template v-if="!isStepIntro && !isStepOutro">
             <BIMDataButton
+              class="tooltip__box__header__btn-close"
               width="0px"
               height="0px"
-              color="granite"
+              ghost
+              rounded
+              icon
               @click="close"
             >
-              Skip
+              <BIMDataIcon name="close" size="xxs" />
             </BIMDataButton>
-          </div>
-        </template>
-        <template v-else>
-          <div class="tooltip__footer__ghost-element"></div>
-        </template>
-        <div class="tooltip__footer__step-counter">
-          <span>{{ stepIndex + 1 }}</span>
-          <span>/{{ steps.length }}</span>
+          </template>
         </div>
-        <template v-if="isStepOutro">
-          <div class="tooltip__footer__btn-start">
-            <BIMDataButton
-              width="0px"
-              height="0px"
-              color="granite"
-              @click="close"
-            >
-              Commencer
-            </BIMDataButton>
-          </div>
-        </template>
-        <template v-else>
-          <div class="tooltip__footer__btn-next">
-            <BIMDataButton
-              width="0px"
-              height="0px"
-              color="primary"
-              fill
-              radius
-              @click="clickNext"
-            >
-              <BIMDataIcon name="chevron" size="xxs" fill color="white" />
-            </BIMDataButton>
+        <div class="tooltip__box__content">
+          <template v-if="currentStep.layout">
+            <component :is="currentStep.layout" v-bind="currentStep.props" />
+          </template>
+          <template v-else>
+            <div class="tooltip__box__content__title">
+              {{ currentStep.props.title }}
+            </div>
+            <div class="tooltip__box__content__image">
+              <img
+                src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
+              />
+            </div>
+            <div class="tooltip__box__content__text">
+              {{ currentStep.props.content }}
+            </div>
+          </template>
+        </div>
+        <div class="tooltip__box__footer">
+          <template v-if="isStepIntro">
+            <div class="tooltip__box__footer__btn-skip">
+              <BIMDataButton
+                width="0px"
+                height="0px"
+                color="granite"
+                @click="close"
+              >
+                Skip
+              </BIMDataButton>
+            </div>
+          </template>
+          <template v-else>
+            <div class="tooltip__box__footer__ghost-element"></div>
+          </template>
+          <div class="tooltip__box__footer__step-counter">
+            <span>{{ stepIndex + 1 }}</span>
+            <span>/{{ steps.length }}</span>
           </div>
-        </template>
+          <template v-if="isStepOutro">
+            <div class="tooltip__box__footer__btn-start">
+              <BIMDataButton
+                width="0px"
+                height="0px"
+                color="granite"
+                @click="close"
+              >
+                Commencer
+              </BIMDataButton>
+            </div>
+          </template>
+          <template v-else>
+            <div class="tooltip__box__footer__btn-next">
+              <BIMDataButton
+                width="0px"
+                height="0px"
+                color="primary"
+                fill
+                radius
+                @click="clickNext"
+              >
+                <BIMDataIcon name="chevron" size="xxs" fill color="white" />
+              </BIMDataButton>
+            </div>
+          </template>
+        </div>
       </div>
     </div>
   </div>
@@ -178,6 +195,7 @@ export default {
       if (step.clickable) {
         this.clickListener(target);
         this.clickNext = () => {
+          this.resetSettings();
           target.click();
         };
       }
@@ -260,7 +278,6 @@ export default {
       target.addEventListener(
         "click",
         () => {
-          this.resetSettings();
           if (this.nextStep.target) {
             this.mutationObserver.observe(this.elementToObserve, {
               childList: true,
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index 6b6a4697..73a9d55f 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -15,7 +15,6 @@
     position: absolute;
     width: 280px;
     height: 362px;
-    padding: 12px;
     border-radius: 2px;
     background-color: white;
     box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);    
@@ -25,81 +24,102 @@
 
     transition: opacity 0.1s ease-in-out;
 
-    &__header {
+    &__progress-bar {
       display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    &__content {
-      flex: 1;
-      overflow-y: auto;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-evenly;
-      align-items: center;
+      width: 280px;
+      height: calc(var(--spacing-unit) / 2);
+      background-color: var(--color-silver-light);
 
-      &__title {
-        font-size: calc(var(--spacing-unit) * 2);
-        font-weight: bold;
+      &__step {
+        height: 100%
       }
 
-      img {
-        border-radius: 50%;
-        height: 180px;
-        width: 180px;
-      }
-
-      &__text {
-        text-align: center;
-        color: var(--color-granite);
-        font-size: calc(var(--spacing-unit) * 1.2);
-      }
     }
 
-    &__footer {
+    &__box {
+      height: 100%;
       display: flex;
-      margin-top: var(--spacing-unit);
+      flex-direction: column;
+      padding: var(--spacing-unit);
 
-      &__ghost-element {
-        flex: 1
+      &__header {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
       }
-    
-      &__step-counter {
-        span:first-of-type {
-          color: var(--color-secondary);
-          font-size: calc(var(--spacing-unit) * 1.6);
+  
+      &__content {
+        // position: relative;
+        flex: 1;
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+  
+        &__title {
+          // position: absolute;
+          // top: -7px;
+          font-size: calc(var(--spacing-unit) * 2);
+          font-weight: bold;
+        }
+  
+        img {
+          border-radius: 50%;
+          height: 180px;
+          width: 180px;
         }
-        span:last-of-type {
+  
+        &__text {
+          text-align: center;
           color: var(--color-granite);
         }
       }
-
-      &__btn-skip, &__btn-start {
-        flex: 1;
-        margin: auto;
-
-        button {
-          padding: 0px;
-          font-weight: bold;
+  
+      &__footer {
+        display: flex;
+        margin-top: var(--spacing-unit);
+  
+        &__ghost-element {
+          flex: 1
         }
-      }
-
-      &__btn-skip > button {
-        margin-right: auto;
-      }
-
-      &__btn-start > button {
-        margin-left: auto;
-      }
-
-      &__btn-next {
-        flex: 1;
-
-        button {
-          padding: 10px;
+      
+        &__step-counter {
+          span:first-of-type {
+            color: var(--color-secondary);
+            font-size: calc(var(--spacing-unit) * 1.6);
+          }
+          span:last-of-type {
+            color: var(--color-granite);
+          }
+        }
+  
+        &__btn-skip, &__btn-start {
+          flex: 1;
+          margin: auto;
+  
+          button {
+            padding: 0px;
+            font-weight: bold;
+          }
+        }
+  
+        &__btn-skip > button {
+          margin-right: auto;
+        }
+  
+        &__btn-start > button {
           margin-left: auto;
         }
+  
+        &__btn-next {
+          flex: 1;
+  
+          button {
+            padding: 10px;
+            margin-left: auto;
+          }
+        }
       }
     }
   }

From 16a8f7e5b0e9b36e31ab0b2194b0ee728cc49a35 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Tue, 5 Apr 2022 15:03:47 +0200
Subject: [PATCH 14/24] Guided tour v1 implemented

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue   |  14 +--
 .../BIMDataGuidedTour/_BIMDataGuidedTour.scss |  15 +--
 .../BIMDataGuidedTour/guided-tour-utils.js    |   8 +-
 .../Components/GuidedTour/GuidedTour.vue      | 117 ++++--------------
 src/web/views/Components/GuidedTour/steps.js  |  15 ---
 src/web/views/Components/GuidedTour/tours.js  |  27 ++++
 6 files changed, 66 insertions(+), 130 deletions(-)
 delete mode 100644 src/web/views/Components/GuidedTour/steps.js
 create mode 100644 src/web/views/Components/GuidedTour/tours.js

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index a70906a0..24dd47a8 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -9,7 +9,6 @@
     <div v-show="showSpotlight" ref="spotlight" class="spotlight">
       <!-- Spotlight div -->
     </div>
-    {{ console.log("showTooltip", showTooltip) }}
     <div
       v-if="currentStep"
       ref="tooltip"
@@ -54,11 +53,12 @@
             <div class="tooltip__box__content__title">
               {{ currentStep.props.title }}
             </div>
-            <div class="tooltip__box__content__image">
-              <img
-                src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg?20101128165003"
-              />
-            </div>
+            <div
+              class="tooltip__box__content__image"
+              :style="{
+                background: `var(--color-silver-light) url(${currentStep.props.img}) no-repeat ${currentStep.props.imgPosition} / ${currentStep.props.imgSize}`,
+              }"
+            />
             <div class="tooltip__box__content__text">
               {{ currentStep.props.content }}
             </div>
@@ -137,7 +137,7 @@ export default {
       default: () => [],
     },
     elementToObserve: {
-      type: Object,
+      type: [Object, HTMLElement],
       default: () => {},
     },
     zIndex: {
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
index 73a9d55f..105133b6 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
+++ b/src/BIMDataComponents/BIMDataGuidedTour/_BIMDataGuidedTour.scss
@@ -43,28 +43,25 @@
       padding: var(--spacing-unit);
 
       &__header {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
+        position: absolute;
+        z-index: 2;
+        right: var(--spacing-unit);
       }
   
       &__content {
-        // position: relative;
         flex: 1;
         overflow-y: auto;
         display: flex;
         flex-direction: column;
-        justify-content: space-between;
+        justify-content: space-between; 
         align-items: center;
   
         &__title {
-          // position: absolute;
-          // top: -7px;
           font-size: calc(var(--spacing-unit) * 2);
           font-weight: bold;
         }
-  
-        img {
+
+        &__image {
           border-radius: 50%;
           height: 180px;
           width: 180px;
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
index bb0f4df3..96716695 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
+++ b/src/BIMDataComponents/BIMDataGuidedTour/guided-tour-utils.js
@@ -4,8 +4,6 @@
 
 // Spotlight padding (in px)
 const spotPadding = 16;
-// offset spotlight border
-// const spotBorder = 2;
 // Tooltip gap (in px)
 const tooltipGap = 13;
 
@@ -148,7 +146,7 @@ function setTooltipPosition(target, tooltip) {
 
     // align bottom
     if (hWindow - topTarget - highTarget < highTooltip - highTarget) {
-      top = topTarget + highTarget - highTooltip + spotPadding;
+      top = topTarget + highTarget - hTooltip;
       // align top
     } else {
       top = topTarget - spotPadding;
@@ -166,7 +164,7 @@ function setTooltipPosition(target, tooltip) {
 
     // align bottom
     if (hWindow - topTarget - highTarget < highTooltip - highTarget) {
-      top = topTarget + highTarget - highTooltip + spotPadding;
+      top = topTarget + highTarget - hTooltip;
       // align top
     } else {
       top = topTarget - spotPadding;
@@ -200,7 +198,7 @@ function setTooltipPosition(target, tooltip) {
   // tooltip in element
   Object.assign(tooltip.style, {
     left: `${leftTarget + wTarget - wToolTip}px`,
-    top: `${topTarget + highTarget - highTooltip}px`,
+    top: `${topTarget + highTarget - hTooltip - spotPadding}px`,
   });
 }
 
diff --git a/src/web/views/Components/GuidedTour/GuidedTour.vue b/src/web/views/Components/GuidedTour/GuidedTour.vue
index 6b0f019d..79fd96e6 100644
--- a/src/web/views/Components/GuidedTour/GuidedTour.vue
+++ b/src/web/views/Components/GuidedTour/GuidedTour.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="article article-checkbox">
+  <main ref="articleGuidedTour" class="article article-guidedtour">
     <div class="article-wrapper">
       <BIMDataText component="h1" color="color-primary">{{
         $route.name
@@ -15,63 +15,37 @@
             >
               Open Guide Tour
             </BIMDataButton>
-            <div data-guide="step-1"><h3>Hello World</h3></div>
-            <div data-guide="step-2"><span>hey you</span></div>
+            <div data-guide="step-1"><h3>Hello</h3></div>
+            <div data-guide="step-2"><span>World</span></div>
           </div>
-
           <template v-if="showGuidedTour">
             <BIMDataGuidedTour
-              @show-guided-tour="() => (showGuidedTour = false)"
-              :inputSteps="inputSteps"
+              :tours="tours"
+              :elementToObserve="guidedTourArea()"
             />
           </template>
         </template>
-
-        <template #parameters>
-          <BIMDataCheckbox text="select" v-model="selectChecked" />
-          <BIMDataCheckbox
-            text="multi"
-            v-model="multiChecked"
-            :disabled="!selectChecked"
-          />
-          <BIMDataCheckbox text="header buttons" v-model="headerButtons" />
-          <BIMDataCheckbox text="header search" v-model="headerSearch" />
-        </template>
-
         <template #import>
-          import BIMDataCheckbox from
-          "@bimdata/design-system/dist/js/BIMDataComponents/BIMDataCheckbox.js"
+          import BIMDataGuidedTour from
+          "@bimdata/design-system/dist/js/BIMDataComponents/BIMDataGuidedTour.js"
         </template>
 
         <template #code>
           <pre>
-              &lt;BIMDataSmartFileManager
-                :spaceId="515"
-                :projectId="756"
-                apiUrl="https://api-staging.bimdata.io"
-                accessToken="fc83e49ca9444d3ea41d212599f39040"
-                :select="{{ String(selectChecked) }}"
-                :multi="{{ String(multiChecked) }}"
-                :headerButtons="{{ headerButtons }}"
-                :headerSearch="{{ headerSearch }}"
-                /&gt;
+              &lt;BIMDataGuidedTour
+                :tours="tours"
+                :elementToObserve="guidedTourArea()"
+              /&gt;
             </pre
           >
         </template>
       </ComponentCode>
-
       <div class="m-t-12">
         <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
           >Props:</BIMDataText
         >
         <BIMDataTable :columns="propsData[0]" :rows="propsData.slice(1)" />
       </div>
-      <div class="m-t-12">
-        <BIMDataText component="h5" color="color-primary" margin="15px 0 0"
-          >Events:</BIMDataText
-        >
-        <BIMDataTable :columns="eventsData[0]" :rows="eventsData.slice(1)" />
-      </div>
     </div>
   </main>
 </template>
@@ -84,9 +58,8 @@ import ComponentCode from "../../Elements/ComponentCode/ComponentCode.vue";
 import BIMDataTable from "../../../../../src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
 import BIMDataButton from "../../../../../src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 import BIMDataText from "../../../../../src/BIMDataComponents/BIMDataText/BIMDataText.vue";
-import BIMDataCheckbox from "../../../../../src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 
-import steps from "./steps.js";
+import tours from "./tours.js";
 
 export default {
   components: {
@@ -95,74 +68,27 @@ export default {
     BIMDataTable,
     BIMDataButton,
     BIMDataText,
-    BIMDataCheckbox,
   },
   data() {
     return {
-      inputSteps: steps,
+      tours: tours,
       showGuidedTour: false,
       selectChecked: false,
       multiChecked: false,
       headerButtons: true,
       headerSearch: true,
       selectedFiles: [],
+      console,
       propsData: [
         ["Props", "Type", "Default value", "Description"],
+        ["tours", "array", "[]", "The scenario"],
         [
-          "apiUrl",
-          "string",
-          "https://api.bimdata.io",
-          "The API url to target.",
-        ],
-        ["spaceId", "number", "null", "The space ID"],
-        ["projectId", "number", "null", "The project ID"],
-        ["accessToken", "string", "null", "The access token"],
-        ["select", "boolean", "false", "Set the mode in select"],
-        [
-          "multi",
-          "boolean",
-          "false",
-          "Set the mode in multi select. Ignored if select is false.",
-        ],
-        [
-          "searchColor",
-          "string",
-          "secondary",
-          "Set the background color of the search bar.",
-        ],
-        [
-          "headerButtons",
-          "boolean",
-          "true",
-          "If false, the header buttons are not visible.",
-        ],
-        [
-          "headerSearch",
-          "boolean",
-          "true",
-          "If false, the header search is not visible.",
-        ],
-        [
-          "alreadySelectedIds",
-          "number[]",
-          "[]",
-          "An array of already selected ids. In select mode, already selected ids are not selectable and displayed as in success.",
-        ],
-        [
-          "selectableFileTypes",
-          "string[]",
-          "[]",
-          "An array of file type. In select mode, if some selectable file types are given, only those are selectable.",
-        ],
-      ],
-      eventsData: [
-        ["Event name", "Payload"],
-        ["selection-change", "An array of selected files"],
-        ["error", "The catched error."],
-        [
-          "success",
-          "{ type: ['folderDeleted', 'fileDeleted', 'folderRenamed', 'fileRenamed', 'folderCreated', 'fileCreated'], message: String, content: Object }",
+          "elementToObserve",
+          "object",
+          "{}",
+          "DOM where the guided tour takes place",
         ],
+        ["zIndex", "number", "10000", "Guided tour position setting"],
       ],
     };
   },
@@ -170,6 +96,9 @@ export default {
     onSelectionChange(selectedFiles) {
       this.selectedFiles = selectedFiles;
     },
+    guidedTourArea() {
+      return this.$refs.articleGuidedTour;
+    },
   },
 };
 </script>
diff --git a/src/web/views/Components/GuidedTour/steps.js b/src/web/views/Components/GuidedTour/steps.js
deleted file mode 100644
index bdae2d26..00000000
--- a/src/web/views/Components/GuidedTour/steps.js
+++ /dev/null
@@ -1,15 +0,0 @@
-const steps = [
-  {
-    target: "[data-guide=step-1]",
-    title: "Step 1",
-    content:
-      "Great, you are now on the IFC list, click on the view button to display the IFC",
-  },
-  {
-    target: "[data-guide=step-2]",
-    title: "Step 2",
-    content: "here is the IFC, click on next to continue",
-  },
-];
-
-export default steps;
diff --git a/src/web/views/Components/GuidedTour/tours.js b/src/web/views/Components/GuidedTour/tours.js
new file mode 100644
index 00000000..ce31cc77
--- /dev/null
+++ b/src/web/views/Components/GuidedTour/tours.js
@@ -0,0 +1,27 @@
+const tours = [
+  {
+    feature: "platform",
+    steps: [
+      {
+        name: "step-1",
+        target: "step-1",
+        props: {
+          title: "Title here",
+          content: "text here",
+          img: "https://bim-w.com/wp-content/uploads/2021/02/BIMDATA2020.png",
+        },
+      },
+      {
+        name: "step-2",
+        target: "step-2",
+        props: {
+          title: "Title here",
+          content: "text here",
+          img: "https://bim-w.com/wp-content/uploads/2021/02/BIMDATA2020.png",
+        },
+      },
+    ],
+  },
+];
+
+export default tours;

From dcac6595a46079302e3f938222a66d23b60d1ac0 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Tue, 5 Apr 2022 15:08:59 +0200
Subject: [PATCH 15/24] got rid of GuidedTour from the component list in the
 doc

---
 src/store.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/store.js b/src/store.js
index 6790685e..18d53634 100644
--- a/src/store.js
+++ b/src/store.js
@@ -266,13 +266,13 @@ export default new Vuex.Store({
           text: "Tooltips are used to show contextual information on hover.",
           btn: "View tooltips",
         },
-        {
-          path: "guided-tour",
-          img: require("./web/assets/img/icon-list.svg"),
-          title: "GuidedTour",
-          text: "On-boarding.",
-          btn: "View on-boarding",
-        },
+        // {
+        //   path: "guided-tour",
+        //   img: require("./web/assets/img/icon-list.svg"),
+        //   title: "GuidedTour",
+        //   text: "On-boarding.",
+        //   btn: "View on-boarding",
+        // },
       ],
     },
     "Smart Components": {

From cd7191c68dbdf4708398bb7a23c0bf5552773af5 Mon Sep 17 00:00:00 2001
From: NicolasRichel <nicolas@bimdata.io>
Date: Wed, 6 Apr 2022 09:58:20 +0200
Subject: [PATCH 16/24] chore: manage npm shit

---
 package-lock.json | 60 ++++++++++++++++-------------------------------
 1 file changed, 20 insertions(+), 40 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f9cc370c..d72568d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30410,8 +30410,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
       "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@octokit/plugin-rest-endpoint-methods": {
       "version": "5.13.0",
@@ -31925,8 +31924,7 @@
       "version": "4.5.17",
       "resolved": "https://registry.npmjs.org/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.17.tgz",
       "integrity": "sha512-ck/ju2T2dmPKLWK/5QctNJs9SCb+eSZbbmr8neFkMc7GlbXw6qLWw5v3Vpd4KevdQA8QuQOA1pjUmzpCiU/mYQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@vue/cli-service": {
       "version": "4.5.17",
@@ -32291,8 +32289,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.1.tgz",
       "integrity": "sha512-8VCoJeeH8tCkzhkpfOkt+abALQkS11OIHhte5MBzYaKMTqK0A3ZAKEUVAffsOklhEv7t0yrQt696Opnu9oAx+w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@vue/reactivity-transform": {
       "version": "3.2.31",
@@ -32575,8 +32572,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
       "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "6.2.0",
@@ -32625,15 +32621,13 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
       "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ajv-keywords": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
       "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "align-text": {
       "version": "0.1.4",
@@ -33037,8 +33031,7 @@
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
       "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "babel-jest": {
       "version": "24.9.0",
@@ -35417,8 +35410,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
       "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "csso": {
       "version": "4.2.0",
@@ -36775,8 +36767,7 @@
           "version": "5.3.2",
           "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
           "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         }
       }
     },
@@ -39220,8 +39211,7 @@
           "version": "7.5.6",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz",
           "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         }
       }
     },
@@ -39352,8 +39342,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz",
       "integrity": "sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "24.9.0",
@@ -46700,8 +46689,7 @@
           "version": "6.2.2",
           "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz",
           "integrity": "sha512-Ufadglr88ZLsrvS11gjeu/40Lw74D9Am/Jpr3LlYm5Q4ZP5KdlUhG+6u2EjyXeZcxmZ2h1ebCKngDjolpeLHpg==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "css-select": {
           "version": "4.3.0",
@@ -46836,8 +46824,7 @@
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
           "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "import-cwd": {
           "version": "3.0.0",
@@ -46949,29 +46936,25 @@
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.1.tgz",
           "integrity": "sha512-5JscyFmvkUxz/5/+TB3QTTT9Gi9jHkcn8dcmmuN68JQcv3aQg4y88yEHHhwFB52l/NkaJ43O0dbksGMAo49nfQ==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-discard-duplicates": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
           "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-discard-empty": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
           "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-discard-overridden": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
           "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-load-config": {
           "version": "3.0.0",
@@ -47065,8 +47048,7 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
           "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-modules-local-by-default": {
           "version": "4.0.0",
@@ -47101,8 +47083,7 @@
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
           "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-          "dev": true,
-          "requires": {}
+          "dev": true
         },
         "postcss-normalize-display-values": {
           "version": "5.1.0",
@@ -50344,8 +50325,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.6.2.tgz",
       "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "w3c-hr-time": {
       "version": "1.0.2",

From 4e5e6c0e04b1efaf0ef63a8c6cf3639db5d33d18 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 6 Apr 2022 10:13:48 +0200
Subject: [PATCH 17/24] chore: generate package-lock with npm v7

---
 package-lock.json | 60 +++++++++++++++++++++++++++++++----------------
 1 file changed, 40 insertions(+), 20 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d72568d1..f9cc370c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30410,7 +30410,8 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
       "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@octokit/plugin-rest-endpoint-methods": {
       "version": "5.13.0",
@@ -31924,7 +31925,8 @@
       "version": "4.5.17",
       "resolved": "https://registry.npmjs.org/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.17.tgz",
       "integrity": "sha512-ck/ju2T2dmPKLWK/5QctNJs9SCb+eSZbbmr8neFkMc7GlbXw6qLWw5v3Vpd4KevdQA8QuQOA1pjUmzpCiU/mYQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@vue/cli-service": {
       "version": "4.5.17",
@@ -32289,7 +32291,8 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.1.tgz",
       "integrity": "sha512-8VCoJeeH8tCkzhkpfOkt+abALQkS11OIHhte5MBzYaKMTqK0A3ZAKEUVAffsOklhEv7t0yrQt696Opnu9oAx+w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@vue/reactivity-transform": {
       "version": "3.2.31",
@@ -32572,7 +32575,8 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
       "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "6.2.0",
@@ -32621,13 +32625,15 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
       "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv-keywords": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
       "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "align-text": {
       "version": "0.1.4",
@@ -33031,7 +33037,8 @@
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
       "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "babel-jest": {
       "version": "24.9.0",
@@ -35410,7 +35417,8 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
       "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "csso": {
       "version": "4.2.0",
@@ -36767,7 +36775,8 @@
           "version": "5.3.2",
           "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
           "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -39211,7 +39220,8 @@
           "version": "7.5.6",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz",
           "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -39342,7 +39352,8 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz",
       "integrity": "sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "24.9.0",
@@ -46689,7 +46700,8 @@
           "version": "6.2.2",
           "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz",
           "integrity": "sha512-Ufadglr88ZLsrvS11gjeu/40Lw74D9Am/Jpr3LlYm5Q4ZP5KdlUhG+6u2EjyXeZcxmZ2h1ebCKngDjolpeLHpg==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "css-select": {
           "version": "4.3.0",
@@ -46824,7 +46836,8 @@
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
           "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "import-cwd": {
           "version": "3.0.0",
@@ -46936,25 +46949,29 @@
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.1.tgz",
           "integrity": "sha512-5JscyFmvkUxz/5/+TB3QTTT9Gi9jHkcn8dcmmuN68JQcv3aQg4y88yEHHhwFB52l/NkaJ43O0dbksGMAo49nfQ==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-duplicates": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
           "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-empty": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
           "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-discard-overridden": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
           "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-load-config": {
           "version": "3.0.0",
@@ -47048,7 +47065,8 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
           "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-modules-local-by-default": {
           "version": "4.0.0",
@@ -47083,7 +47101,8 @@
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
           "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "postcss-normalize-display-values": {
           "version": "5.1.0",
@@ -50325,7 +50344,8 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.6.2.tgz",
       "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "w3c-hr-time": {
       "version": "1.0.2",

From 5f47ab9e0879f76e1ce3f4a8b4b92412195a92bd Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Tue, 19 Apr 2022 18:19:03 +0200
Subject: [PATCH 18/24] property added to handle back-front linking

---
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue           | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 24dd47a8..5faa95a7 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -136,6 +136,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    tourToDisplay: {
+      type: String,
+      default: () => "",
+    },
     elementToObserve: {
       type: [Object, HTMLElement],
       default: () => {},
@@ -145,6 +149,7 @@ export default {
       default: () => 10000,
     },
   },
+  emits: ["completed-tour"],
   data() {
     return {
       steps: [],
@@ -212,7 +217,9 @@ export default {
     this.mutationObserver = new MutationObserver(this.handleClickedStep);
   },
   mounted() {
-    this.openGuidedTour(this.tours[0].steps);
+    this.openGuidedTour(
+      this.tours.find(tour => tour.name === this.tourToDisplay).steps
+    );
   },
   unmounted() {
     this.mutationObserver.disconnect();
@@ -252,7 +259,7 @@ export default {
     close() {
       this.showTooltip = false;
       this.closeGuidedTour();
-      this.$emit("show-guided-tour", false);
+      this.$emit("completed-tour", this.tourToDisplay);
     },
     resetSettings() {
       this.showSpotlight = false;

From c5433f3622e03fa9134f5f5bccb6fac345a81796 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 09:09:33 +0200
Subject: [PATCH 19/24] fix-bug

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index cd5ff165..71186657 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/design-system",
-  "version": "1.3.1-rc.1",
+  "version": "1.3.0-rc.7",
   "main": "./dist/js/BIMDataComponents/index.js",
   "module": "./dist/js/BIMDataComponents/index.js",
   "files": [
@@ -22,8 +22,8 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
-    "@bimdata/design-system": "file:../design-system",
     "@bimdata/typescript-fetch-api-client": "^7.4.2",
+    "": "fix-that-bug",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^21.0.3",
     "@rollup/plugin-image": "^2.1.1",

From ac9c12aaf60545b3d73a0ba4627a05e1a23d8289 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 09:10:13 +0200
Subject: [PATCH 20/24] fix-issue

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index 71186657..724e6b63 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,6 @@
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
     "@bimdata/typescript-fetch-api-client": "^7.4.2",
-    "": "fix-that-bug",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^21.0.3",
     "@rollup/plugin-image": "^2.1.1",

From 3d1975e71352cfd1ec893491bae441420494fecc Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 10:54:24 +0200
Subject: [PATCH 21/24] package-lock updated

---
 package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8c7c30e3..e5c34bd8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@bimdata/design-system",
-  "version": "1.3.1-rc.1",
+  "version": "1.3.0-rc.7",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@bimdata/design-system",
-      "version": "1.3.1-rc.1",
+      "version": "1.3.0-rc.7",
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
         "@bimdata/typescript-fetch-api-client": "^7.4.2",

From 2eb7c17625e74924fbf14ec49f2833ecc4ddc94e Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 11:07:53 +0200
Subject: [PATCH 22/24] refacto done

---
 components.js                                            | 1 -
 .../BIMDataGuidedTour/BIMDataGuidedTour.vue              | 9 ++++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components.js b/components.js
index 5efa8b71..9757e6d9 100644
--- a/components.js
+++ b/components.js
@@ -27,4 +27,3 @@ export { default as BIMDataTextarea } from "./dist/js/BIMDataComponents/BIMDataT
 export { default as BIMDataTextbox } from "./dist/js/BIMDataComponents/BIMDataTextbox.js";
 export { default as BIMDataToggle } from "./dist/js/BIMDataComponents/BIMDataToggle.js";
 export { default as BIMDataTooltip } from "./dist/js/BIMDataComponents/BIMDataTooltip.js";
-export { default as BIMDataGuidedTour } from "./dist/js/BIMDataComponents/BIMDataGuidedTour.js";
diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 19d75f37..1e2bb66d 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -212,9 +212,12 @@ export default {
     this.mutationObserver = new MutationObserver(this.handleClickedStep);
   },
   mounted() {
-    this.openGuidedTour(
-      this.tours.find(tour => tour.name === this.tourToDisplay).steps
-    );
+    const tour = this.tours.find(t => t.name === this.tourToDisplay);
+    if (tour) {
+      this.openGuidedTour(tour.steps);
+    } else {
+      console.warn(`GuideTour: unknown tour ${this.tourToDisplay}`);
+    }
   },
   unmounted() {
     this.mutationObserver.disconnect();

From 31d8dc1b9e9454be96e8ec878ff7a48e79d021b8 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 11:22:51 +0200
Subject: [PATCH 23/24] rename of tour-completed to set-tour-completed

---
 src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
index 1e2bb66d..97a702b9 100644
--- a/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
+++ b/src/BIMDataComponents/BIMDataGuidedTour/BIMDataGuidedTour.vue
@@ -149,7 +149,7 @@ export default {
       default: () => 10000,
     },
   },
-  emits: ["completed-tour"],
+  emits: ["set-completed-tour"],
   data() {
     return {
       steps: [],
@@ -283,7 +283,7 @@ export default {
     close() {
       this.showTooltip = false;
       this.closeGuidedTour();
-      this.$emit("completed-tour", this.tourToDisplay);
+      this.$emit("set-completed-tour", this.tourToDisplay);
     },
     resetSettings() {
       this.currentTarget = null;

From 3e5d1fcfd338c7b07be65e765c83faba0a6abdfe Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Wed, 20 Apr 2022 11:45:40 +0200
Subject: [PATCH 24/24] fix package.json

---
 package-lock.json | 2761 +++++++++++++++++++++++++--------------------
 package.json      |    2 +-
 2 files changed, 1547 insertions(+), 1216 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e5c34bd8..76aabee0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@bimdata/design-system",
-  "version": "1.3.0-rc.7",
+  "version": "1.3.1-rc.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@bimdata/design-system",
-      "version": "1.3.0-rc.7",
+      "version": "1.3.1-rc.1",
       "devDependencies": {
         "@babel/preset-env": "^7.16.11",
         "@bimdata/typescript-fetch-api-client": "^7.4.2",
@@ -98,25 +98,25 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz",
-      "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.9.tgz",
+      "integrity": "sha512-5ug+SfZCpDAkVp9SFIZAzlW18rlzsOcJGaetCjkySnrXXDUw9AR8cDUm1iByTmdWM6yxX6/zycaV76w3YTF2gw==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.17.7",
+        "@babel/generator": "^7.17.9",
         "@babel/helper-compilation-targets": "^7.17.7",
         "@babel/helper-module-transforms": "^7.17.7",
-        "@babel/helpers": "^7.17.8",
-        "@babel/parser": "^7.17.8",
+        "@babel/helpers": "^7.17.9",
+        "@babel/parser": "^7.17.9",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.17.3",
+        "@babel/traverse": "^7.17.9",
         "@babel/types": "^7.17.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.1.2",
+        "json5": "^2.2.1",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -128,9 +128,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.17.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
-      "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.9.tgz",
+      "integrity": "sha512-rAdDousTwxbIxbz5I7GEQ3lUip+xVCXooZNbsydCWs3xA7ZsYOv+CFRdzGxRX78BmQHu9B1Eso59AOZQOJDEdQ==",
       "dev": true,
       "dependencies": {
         "@babel/types": "^7.17.0",
@@ -185,15 +185,15 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.17.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.6.tgz",
-      "integrity": "sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.9.tgz",
+      "integrity": "sha512-kUjip3gruz6AJKOq5i3nC6CoCEEF/oHH3cp6tOZhB+IyyyPyW0g1Gfsxn3mkk6S08pIA2y8GQh609v9G/5sHVQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
         "@babel/helper-environment-visitor": "^7.16.7",
-        "@babel/helper-function-name": "^7.16.7",
-        "@babel/helper-member-expression-to-functions": "^7.16.7",
+        "@babel/helper-function-name": "^7.17.9",
+        "@babel/helper-member-expression-to-functions": "^7.17.7",
         "@babel/helper-optimise-call-expression": "^7.16.7",
         "@babel/helper-replace-supers": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7"
@@ -265,26 +265,13 @@
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.16.7.tgz",
-      "integrity": "sha512-QfDfEnIUyyBSR3HtrtGECuZ6DAyCkYFp7GHl75vFtTnn6pjKeK0T1DB5lLkFvBea8MdaiUABx3osbgLyInoejA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz",
+      "integrity": "sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-get-function-arity": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-get-function-arity": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.7.tgz",
-      "integrity": "sha512-flc+RLSOBXzNzVhcLu6ujeHUrD6tANAOU5ojrRx/as+tbzf8+stUCj7+IfRRoAbEZqj/ahXEMsjhOhgeZsrnTw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -466,13 +453,13 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.8.tgz",
-      "integrity": "sha512-QcL86FGxpfSJwGtAvv4iG93UL6bmqBdmoVY0CMCU2g+oD2ezQse3PT5Pa+jiD6LJndBQi0EDlpzOWNlLuhz5gw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.9.tgz",
+      "integrity": "sha512-cPCt915ShDWUEzEp3+UNRktO2n6v49l5RSnG9M5pS24hA+2FAc5si+Pn1i4VVbQQ+jh+bIZhPFQOJOzbrOYY1Q==",
       "dev": true,
       "dependencies": {
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.17.3",
+        "@babel/traverse": "^7.17.9",
         "@babel/types": "^7.17.0"
       },
       "engines": {
@@ -480,9 +467,9 @@
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.16.10.tgz",
-      "integrity": "sha512-5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8r7u7ZfTBFxdw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.9.tgz",
+      "integrity": "sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.16.7",
@@ -494,9 +481,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.8.tgz",
-      "integrity": "sha512-BoHhDJrJXqcg+ZL16Xv39H9n+AqJ4pcDrQBGZN+wHxIysrLZ3/ECwCBUch/1zUNhnsXULcONU3Ei5Hmkfk6kiQ==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.9.tgz",
+      "integrity": "sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1203,9 +1190,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.17.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.7.tgz",
-      "integrity": "sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.9.tgz",
+      "integrity": "sha512-2TBFd/r2I6VlYn0YRTz2JdazS+FoUuQ2rIFHoAxtyP/0G3D82SBLaRq9rnUkpqlLg03Byfl/+M32mpxjO6KaPw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-module-transforms": "^7.17.7",
@@ -1332,12 +1319,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.16.7.tgz",
-      "integrity": "sha512-mF7jOgGYCkSJagJ6XCujSQg+6xC1M77/03K2oBmVJWoFGNUtnVJO4WHKJk3dnPC8HCcj4xBQP1Egm8DWh3Pb3Q==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.17.9.tgz",
+      "integrity": "sha512-Lc2TfbxR1HOyn/c6b4Y/b6NHoTb67n/IoWLxTu4kC7h4KQnWlhCq2S8Tx0t2SVvv5Uu87Hs+6JEJ5kt2tYGylQ==",
       "dev": true,
       "dependencies": {
-        "regenerator-transform": "^0.14.2"
+        "regenerator-transform": "^0.15.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1573,9 +1560,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.8.tgz",
-      "integrity": "sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
+      "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.13.4"
@@ -1605,18 +1592,18 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.17.3",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
-      "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.9.tgz",
+      "integrity": "sha512-PQO8sDIJ8SIwipTPiR71kJQCKQYB5NGImbOviK8K+kg5xkNSYXLBupuX9QhatFowrsvo9Hj8WgArg3W7ijNAQw==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.17.3",
+        "@babel/generator": "^7.17.9",
         "@babel/helper-environment-visitor": "^7.16.7",
-        "@babel/helper-function-name": "^7.16.7",
+        "@babel/helper-function-name": "^7.17.9",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.17.3",
+        "@babel/parser": "^7.17.9",
         "@babel/types": "^7.17.0",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
@@ -1660,6 +1647,16 @@
         "node": ">=0.1.95"
       }
     },
+    "node_modules/@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
     "node_modules/@eslint/eslintrc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.2.1.tgz",
@@ -1701,15 +1698,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/@eslint/eslintrc/node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -1925,15 +1913,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/@jest/core/node_modules/ansi-escapes": {
-      "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,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/@jest/core/node_modules/braces": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
@@ -2438,9 +2417,9 @@
       "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.4.tgz",
-      "integrity": "sha512-vFv9ttIedivx0ux3QSjhgtCVjPZd5l46ZOMDSCwnH1yUO2e964gO8LZGyv2QkqcgR6TnBU1v+1IFqmeoG+0UJQ==",
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.7.tgz",
+      "integrity": "sha512-8XC0l0PwCbdg2Uc8zIIf6djNX3lYiz9GqQlC1LJ9WQvTYvcfP8IA9K2IKRnPm5tAX6X/+orF+WwKZ0doGcgJlg==",
       "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.0.3",
@@ -2655,9 +2634,9 @@
       }
     },
     "node_modules/@rollup/plugin-commonjs": {
-      "version": "21.0.3",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-21.0.3.tgz",
-      "integrity": "sha512-ThGfwyvcLc6cfP/MWxA5ACF+LZCvsuhUq7V5134Az1oQWsiC7lNpLT4mJI86WQunK7BYmpUiHmMk2Op6OAHs0g==",
+      "version": "21.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-21.1.0.tgz",
+      "integrity": "sha512-6ZtHx3VHIp2ReNNDxHjuUml6ur+WcQ28N1yHgCQwsbNkQg2suhxGMDQGJOn/KuDxKtd1xuZP5xSTwBA4GQ8hbA==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^3.1.0",
@@ -2692,9 +2671,9 @@
       }
     },
     "node_modules/@rollup/plugin-node-resolve": {
-      "version": "13.1.3",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.1.3.tgz",
-      "integrity": "sha512-BdxNk+LtmElRo5d06MGY4zoepyrXX1tkzX2hrnPEZ53k78GuOMWLqmJDGIIOPwVRIFZrLQOo+Yr6KtCuLIA0AQ==",
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.2.1.tgz",
+      "integrity": "sha512-btX7kzGvp1JwShQI9V6IM841YKNPYjKCvUbNrQ2EcVYbULtUd/GH6wZ/qdqH13j9pOHBER+EZXNN2L8RSJhVRA==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^3.1.0",
@@ -2854,9 +2833,9 @@
       "dev": true
     },
     "node_modules/@semantic-release/github/node_modules/fs-extra": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
-      "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -2895,9 +2874,9 @@
       }
     },
     "node_modules/@semantic-release/npm/node_modules/fs-extra": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
-      "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -2921,9 +2900,9 @@
       }
     },
     "node_modules/@semantic-release/npm/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -3107,9 +3086,9 @@
       }
     },
     "node_modules/@types/babel__traverse": {
-      "version": "7.14.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.14.2.tgz",
-      "integrity": "sha512-K2waXdXBi2302XUdcHcR1jCeU0LL4TD9HRs/gk0N2Xvrht+G/BfJa4QObBQZfhMdxiCpV3COl5Nfq4uKTeTnJA==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.17.0.tgz",
+      "integrity": "sha512-r8aveDbd+rzGP+ykSdF3oPuTVRWRfbBiHl0rVDM2yNEmSMXfkObQLV46b4RnCv3Lra51OlfnZhkkFaDl2MIRaA==",
       "dev": true,
       "dependencies": {
         "@babel/types": "^7.3.0"
@@ -3260,9 +3239,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "17.0.23",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz",
-      "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==",
+      "version": "17.0.25",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.25.tgz",
+      "integrity": "sha512-wANk6fBrUwdpY4isjWrKTufkrXdu1D2YHCot2fD/DfWxF5sMrVSA+KN7ydckvaTCh0HiqX9IVl0L5/ZoXg5M7w==",
       "dev": true
     },
     "node_modules/@types/normalize-package-data": {
@@ -3351,9 +3330,9 @@
       "dev": true
     },
     "node_modules/@types/uglify-js": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.1.tgz",
-      "integrity": "sha512-O3MmRAk6ZuAKa9CHgg0Pr0+lUOqoMLpc9AS4R8ano2auvsg7IE8syF3Xh/NPr26TWklxYcqoEEFdzLLs1fV9PQ==",
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.2.tgz",
+      "integrity": "sha512-/xFrPIo+4zOeNGtVMbf9rUm0N+i4pDf1ynExomqtokIJmVzR3962lJ1UE+MmexMkA0cmN9oTzg5Xcbwge0Ij2Q==",
       "dev": true,
       "dependencies": {
         "source-map": "^0.6.1"
@@ -3710,6 +3689,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/@vue/cli-service/node_modules/ignore": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/@vue/cli-service/node_modules/is-extendable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
@@ -3885,6 +3873,31 @@
         "strip-ansi": "^6.0.0"
       }
     },
+    "node_modules/@vue/cli-shared-utils/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
+    "node_modules/@vue/cli-shared-utils/node_modules/cross-spawn/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/@vue/cli-shared-utils/node_modules/execa": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -3936,14 +3949,56 @@
         "node": ">=4"
       }
     },
+    "node_modules/@vue/cli-shared-utils/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@vue/cli-shared-utils/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@vue/cli-shared-utils/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@vue/cli-shared-utils/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.31.tgz",
-      "integrity": "sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.33.tgz",
+      "integrity": "sha512-AAmr52ji3Zhk7IKIuigX2osWWsb2nQE5xsdFYjdnmtQ4gymmqXbjLvkSE174+fF3A3kstYrTgGkqgOEbsdLDpw==",
       "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.31",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
@@ -3958,27 +4013,27 @@
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.31.tgz",
-      "integrity": "sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.33.tgz",
+      "integrity": "sha512-GhiG1C8X98Xz9QUX/RlA6/kgPBWJkjq0Rq6//5XTAGSYrTMBgcLpP9+CnlUg1TFxnnCVughAG+KZl28XJqw8uQ==",
       "dev": true,
       "dependencies": {
-        "@vue/compiler-core": "3.2.31",
-        "@vue/shared": "3.2.31"
+        "@vue/compiler-core": "3.2.33",
+        "@vue/shared": "3.2.33"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.31.tgz",
-      "integrity": "sha512-748adc9msSPGzXgibHiO6T7RWgfnDcVQD+VVwYgSsyyY8Ans64tALHZANrKtOzvkwznV/F4H7OAod/jIlp/dkQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.33.tgz",
+      "integrity": "sha512-H8D0WqagCr295pQjUYyO8P3IejM3vEzeCO1apzByAEaAR/WimhMYczHfZVvlCE/9yBaEu/eu9RdiWr0kF8b71Q==",
       "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.31",
-        "@vue/compiler-dom": "3.2.31",
-        "@vue/compiler-ssr": "3.2.31",
-        "@vue/reactivity-transform": "3.2.31",
-        "@vue/shared": "3.2.31",
+        "@vue/compiler-core": "3.2.33",
+        "@vue/compiler-dom": "3.2.33",
+        "@vue/compiler-ssr": "3.2.33",
+        "@vue/reactivity-transform": "3.2.33",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -3995,13 +4050,13 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.31.tgz",
-      "integrity": "sha512-mjN0rqig+A8TVDnsGPYJM5dpbjlXeHUm2oZHZwGyMYiGT/F4fhJf/cXy8QpjnLQK4Y9Et4GWzHn9PS8AHUnSkw==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.33.tgz",
+      "integrity": "sha512-XQh1Xdk3VquDpXsnoCd7JnMoWec9CfAzQDQsaMcSU79OrrO2PNR0ErlIjm/mGq3GmBfkQjzZACV+7GhfRB8xMQ==",
       "dev": true,
       "dependencies": {
-        "@vue/compiler-dom": "3.2.31",
-        "@vue/shared": "3.2.31"
+        "@vue/compiler-dom": "3.2.33",
+        "@vue/shared": "3.2.33"
       }
     },
     "node_modules/@vue/component-compiler": {
@@ -4123,22 +4178,22 @@
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.31.tgz",
-      "integrity": "sha512-uS4l4z/W7wXdI+Va5pgVxBJ345wyGFKvpPYtdSgvfJfX/x2Ymm6ophQlXXB6acqGHtXuBqNyyO3zVp9b1r0MOA==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.33.tgz",
+      "integrity": "sha512-4UL5KOIvSQb254aqenW4q34qMXbfZcmEsV/yVidLUgvwYQQ/D21bGX3DlgPUGI3c4C+iOnNmDCkIxkILoX/Pyw==",
       "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.31",
-        "@vue/shared": "3.2.31",
+        "@vue/compiler-core": "3.2.33",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.31.tgz",
-      "integrity": "sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.33.tgz",
+      "integrity": "sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==",
       "dev": true
     },
     "node_modules/@vue/test-utils": {
@@ -4350,9 +4405,9 @@
       "dev": true
     },
     "node_modules/abab": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz",
-      "integrity": "sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
       "dev": true
     },
     "node_modules/abbrev": {
@@ -4519,18 +4574,12 @@
       }
     },
     "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "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,
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=4"
       }
     },
     "node_modules/ansi-html-community": {
@@ -4807,9 +4856,9 @@
       }
     },
     "node_modules/async": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
-      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
       "dev": true,
       "dependencies": {
         "lodash": "^4.17.14"
@@ -5915,9 +5964,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001325",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001325.tgz",
-      "integrity": "sha512-sB1bZHjseSjDtijV1Hb7PB2Zd58Kyx+n/9EotvZ4Qcz2K3d0lWB8dB4nb8wN/TsOGFq3UuAm0zQZNQ4SoR7TrQ==",
+      "version": "1.0.30001332",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz",
+      "integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==",
       "dev": true,
       "funding": [
         {
@@ -6027,6 +6076,20 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/chokidar/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/chokidar/node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -6198,6 +6261,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/cli-cursor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/cli-highlight": {
       "version": "2.1.11",
       "resolved": "https://registry.npmjs.org/cli-highlight/-/cli-highlight-2.1.11.tgz",
@@ -6302,9 +6377,9 @@
       }
     },
     "node_modules/cli-table3": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
-      "integrity": "sha512-w0q/enDHhPLq44ovMGdQeeDLvwxwavsJX7oQGYt/LrBlYsyaxyDnp6z3QzFut/6kLLKnlcUVJLrpB7KBfgG/RA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.2.tgz",
+      "integrity": "sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==",
       "dev": true,
       "dependencies": {
         "string-width": "^4.2.0"
@@ -6313,7 +6388,7 @@
         "node": "10.* || >= 12.*"
       },
       "optionalDependencies": {
-        "colors": "1.4.0"
+        "@colors/colors": "1.5.0"
       }
     },
     "node_modules/clipboard": {
@@ -6341,6 +6416,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/clipboardy/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
     "node_modules/clipboardy/node_modules/execa": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -6392,6 +6483,57 @@
         "node": ">=4"
       }
     },
+    "node_modules/clipboardy/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/clipboardy/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/clipboardy/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clipboardy/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clipboardy/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/cliui": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
@@ -6522,16 +6664,6 @@
       "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
       "dev": true
     },
-    "node_modules/colors": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -7114,12 +7246,12 @@
       "hasInstallScript": true
     },
     "node_modules/core-js-compat": {
-      "version": "3.21.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.21.1.tgz",
-      "integrity": "sha512-gbgX5AUvMb8gwxC7FLVWYT7Kkgu/y7+h/h1X43yJkNqhlK2fuYyQimqvKGNZFAY6CKii/GFKJ2cp/1/42TN36g==",
+      "version": "3.22.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.22.1.tgz",
+      "integrity": "sha512-CWbNqTluLMvZg1cjsQUbGiCM91dobSHKfDIyCoxuqxthdjGuUlaMbCsSehP3CBiVvG0C7P6UIrC1v0hgFE75jw==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.19.1",
+        "browserslist": "^4.20.2",
         "semver": "7.0.0"
       },
       "funding": {
@@ -7201,28 +7333,17 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
       "dependencies": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       },
       "engines": {
-        "node": ">=4.8"
-      }
-    },
-    "node_modules/cross-spawn/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
+        "node": ">= 8"
       }
     },
     "node_modules/crypto-browserify": {
@@ -7889,20 +8010,6 @@
         "node": "^8.12.0 || >=9.7.0"
       }
     },
-    "node_modules/default-gateway/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/default-gateway/node_modules/execa": {
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-3.4.0.tgz",
@@ -7957,51 +8064,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/default-gateway/node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/default-gateway/node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/default-gateway/node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/default-gateway/node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/defaults": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
@@ -8021,15 +8083,19 @@
       }
     },
     "node_modules/define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
       "dev": true,
       "dependencies": {
-        "object-keys": "^1.0.12"
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/define-property": {
@@ -8256,9 +8322,9 @@
       "dev": true
     },
     "node_modules/dom-serializer": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
-      "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
       "dev": true,
       "dependencies": {
         "domelementtype": "^2.0.1",
@@ -8280,9 +8346,9 @@
       }
     },
     "node_modules/domelementtype": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
       "dev": true,
       "funding": [
         {
@@ -8465,9 +8531,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.104",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.104.tgz",
-      "integrity": "sha512-2kjoAyiG7uMyGRM9mx25s3HAzmQG2ayuYXxsFmYugHSDcwxREgLtscZvbL1JcW9S/OemeQ3f/SG6JhDwpnCclQ==",
+      "version": "1.4.114",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.114.tgz",
+      "integrity": "sha512-gRwLpVYWHGbERPU6o8pKfR168V6enWEXzZc6zQNNXbgJ7UJna+9qzAIHY94+9KOv71D/CH+QebLA9pChD2q8zA==",
       "dev": true
     },
     "node_modules/elliptic": {
@@ -8605,9 +8671,9 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.19.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.2.tgz",
-      "integrity": "sha512-gfSBJoZdlL2xRiOCy0g8gLMryhoe1TlimjzU99L/31Z8QEGIhVQI+EWwt5lT+AuU9SnorVupXFqqOGqGfsyO6w==",
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.5.tgz",
+      "integrity": "sha512-Aa2G2+Rd3b6kxEUKTF4TaW67czBLyAv3z7VOhYRU50YBx+bbsYZ9xQP4lMNazePuFlybXI0V4MruPos7qUo5fA==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
@@ -8621,7 +8687,7 @@
         "is-callable": "^1.2.4",
         "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.1",
+        "is-shared-array-buffer": "^1.0.2",
         "is-string": "^1.0.7",
         "is-weakref": "^1.0.2",
         "object-inspect": "^1.12.0",
@@ -8701,6 +8767,54 @@
         "source-map": "~0.6.1"
       }
     },
+    "node_modules/escodegen/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/escodegen/node_modules/levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/escodegen/node_modules/optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/escodegen/node_modules/prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/escodegen/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -8711,10 +8825,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/escodegen/node_modules/type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/eslint": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.12.0.tgz",
-      "integrity": "sha512-it1oBL9alZg1S8UycLm5YDMAkIhtH6FtAzuZs6YvoGVldWjbS08BkAdb/ymP9LlAyq8koANu32U7Ib/w+UNh8Q==",
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.13.0.tgz",
+      "integrity": "sha512-D+Xei61eInqauAyTJ6C0q6x9mx7kTUC1KZ0m0LSEexR0V+e94K12LmWX076ZIsldwfQ2RONdaJe0re0TRGQbRQ==",
       "dev": true,
       "dependencies": {
         "@eslint/eslintrc": "^1.2.1",
@@ -8830,9 +8956,9 @@
       }
     },
     "node_modules/eslint-plugin-vue/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -8863,15 +8989,6 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/eslint-utils": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
@@ -8963,20 +9080,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
-    "node_modules/eslint/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/eslint/node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -9025,15 +9128,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/eslint/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/eslint/node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -9062,54 +9156,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/eslint/node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/eslint/node_modules/optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "dev": true,
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/eslint/node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/eslint/node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -9119,27 +9165,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/eslint/node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/eslint/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -9152,18 +9177,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/eslint/node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/eslint/node_modules/type-fest": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
@@ -9176,21 +9189,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/espree": {
       "version": "9.3.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.1.tgz",
@@ -9242,15 +9240,6 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -9263,7 +9252,7 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/esrecurse/node_modules/estraverse": {
+    "node_modules/estraverse": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
@@ -9272,15 +9261,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -9380,65 +9360,6 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/execa/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/execa/node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/execa/node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/execa/node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/execa/node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/exit": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
@@ -10192,6 +10113,25 @@
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
       "dev": true
     },
+    "node_modules/fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -10204,6 +10144,15 @@
       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
       "dev": true
     },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/generic-names": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-4.0.0.tgz",
@@ -10419,15 +10368,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globby/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/good-listener": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
@@ -10573,9 +10513,9 @@
       }
     },
     "node_modules/has-bigints": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
-      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10590,6 +10530,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-symbols": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
@@ -11098,9 +11050,9 @@
       "dev": true
     },
     "node_modules/https-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
       "dev": true,
       "dependencies": {
         "agent-base": "6",
@@ -11202,9 +11154,9 @@
       "dev": true
     },
     "node_modules/ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true,
       "engines": {
         "node": ">= 4"
@@ -11371,6 +11323,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/internal-ip/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
     "node_modules/internal-ip/node_modules/default-gateway": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
@@ -11435,6 +11403,57 @@
         "node": ">=4"
       }
     },
+    "node_modules/internal-ip/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/internal-ip/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/internal-ip/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/internal-ip/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/internal-ip/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -11626,9 +11645,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
-      "integrity": "sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
+      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -12274,6 +12293,22 @@
         "node": ">= 6"
       }
     },
+    "node_modules/jest-changed-files/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
     "node_modules/jest-changed-files/node_modules/execa": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -12325,6 +12360,57 @@
         "node": ">=4"
       }
     },
+    "node_modules/jest-changed-files/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/jest-changed-files/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/jest-changed-files/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jest-changed-files/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jest-changed-files/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/jest-cli": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-24.9.0.tgz",
@@ -13594,6 +13680,21 @@
         "strip-ansi": "^5.0.0"
       }
     },
+    "node_modules/jest-watch-typeahead/node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/jest-watch-typeahead/node_modules/string-length": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-3.1.0.tgz",
@@ -13619,6 +13720,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/jest-watch-typeahead/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/jest-watcher": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-24.9.0.tgz",
@@ -13637,15 +13750,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/jest-watcher/node_modules/ansi-escapes": {
-      "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,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/jest-worker": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz",
@@ -13678,12 +13782,12 @@
       "dev": true
     },
     "node_modules/js-beautify": {
-      "version": "1.14.2",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.2.tgz",
-      "integrity": "sha512-H85kX95a53os+q1OCqtYe8AXAmgy3BvtysA/V83S3fdhznm6WlUpGi14DqSPbKFsL3dXZFXYl7YQwW9U1+76ng==",
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.3.tgz",
+      "integrity": "sha512-f1ra8PHtOEu/70EBnmiUlV8nJePS58y9qKjl4JHfYWlFH6bo7ogZBz//FAZp7jDuXtYnGYKymZPlrg2I/9Zo4g==",
       "dev": true,
       "dependencies": {
-        "config-chain": "^1.1.12",
+        "config-chain": "^1.1.13",
         "editorconfig": "^0.15.3",
         "glob": "^7.1.3",
         "nopt": "^5.0.0"
@@ -14062,13 +14166,13 @@
       }
     },
     "node_modules/levn": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
       "dependencies": {
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2"
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -14410,6 +14514,21 @@
         "marked": "^1.0.0 || ^2.0.0"
       }
     },
+    "node_modules/marked-terminal/node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/marked-terminal/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -14480,6 +14599,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/marked-terminal/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -14541,18 +14672,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -14950,10 +15069,17 @@
         "thenify-all": "^1.0.0"
       }
     },
+    "node_modules/nan": {
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
+      "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
+      "dev": true,
+      "optional": true
+    },
     "node_modules/nanoid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
-      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.3.tgz",
+      "integrity": "sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==",
       "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
@@ -15223,10 +15349,22 @@
         "semver": "bin/semver"
       }
     },
+    "node_modules/node-notifier/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/node-releases": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
-      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.3.tgz",
+      "integrity": "sha512-maHFz6OLqYxz+VQyCAtA3PTX4UP/53pa05fyDNc9CwjvJ0yEh6+xBwKsgCxMNhS8taUKBFYxfuiaD9U/55iFaw==",
       "dev": true
     },
     "node_modules/nopt": {
@@ -15272,9 +15410,9 @@
       }
     },
     "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -15491,15 +15629,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/npm-run-path/node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/npm/node_modules/@gar/promisify": {
       "version": "1.1.2",
       "dev": true,
@@ -18591,17 +18720,17 @@
       }
     },
     "node_modules/optionator": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
       "dev": true,
       "dependencies": {
-        "deep-is": "~0.1.3",
-        "fast-levenshtein": "~2.0.6",
-        "levn": "~0.3.0",
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2",
-        "word-wrap": "~1.2.3"
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -18624,52 +18753,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/ora/node_modules/cli-cursor": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
-      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/mimic-fn": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
-      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/onetime": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
-      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/restore-cursor": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
-      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^2.0.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/ora/node_modules/strip-ansi": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -18992,12 +19075,12 @@
       "dev": true
     },
     "node_modules/path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/path-parse": {
@@ -21180,9 +21263,9 @@
       "dev": true
     },
     "node_modules/prelude-ls": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
       "engines": {
         "node": ">= 0.8.0"
@@ -21264,9 +21347,9 @@
       }
     },
     "node_modules/prismjs": {
-      "version": "1.27.0",
-      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
-      "integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.28.0.tgz",
+      "integrity": "sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -21944,9 +22027,9 @@
       "dev": true
     },
     "node_modules/regenerator-transform": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.5.tgz",
-      "integrity": "sha512-eOf6vka5IO151Jfsw2NO9WpGX58W6wWmefK3I1zEGr0lOD0u8rwPaNqQL1aRxUaxLeKO3ArNh3VYg1KbaD+FFw==",
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.0.tgz",
+      "integrity": "sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.8.4"
@@ -22003,13 +22086,14 @@
       }
     },
     "node_modules/regexp.prototype.flags": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.1.tgz",
-      "integrity": "sha512-pMR7hBVUUGI7PMA37m2ofIdQCsomVnas+Jn5UPGAHQ+/LlwKm/aTLJHdasmHRzlfeZwHiAOaRSo2rbBDm3nNUQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
+      "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.3",
+        "functions-have-names": "^1.2.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -22284,6 +22368,40 @@
       "deprecated": "https://github.com/lydell/resolve-url#deprecated",
       "dev": true
     },
+    "node_modules/restore-cursor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^2.0.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/mimic-fn": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
@@ -22347,9 +22465,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.70.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
-      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
+      "version": "2.70.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
+      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -22410,15 +22528,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/rollup-plugin-copy/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/rollup-plugin-copy/node_modules/is-plain-object": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
@@ -23263,6 +23372,20 @@
       "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
       "dev": true
     },
+    "node_modules/rollup/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/rsvp": {
       "version": "4.8.5",
       "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz",
@@ -23386,6 +23509,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sane/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
     "node_modules/sane/node_modules/execa": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -23549,6 +23688,45 @@
         "node": ">=4"
       }
     },
+    "node_modules/sane/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/sane/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/sane/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sane/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/sane/node_modules/to-regex-range": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
@@ -23562,10 +23740,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sane/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/sass": {
-      "version": "1.49.11",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.49.11.tgz",
-      "integrity": "sha512-wvS/geXgHUGs6A/4ud5BFIWKO1nKd7wYIGimDk4q4GFkJicILActpv9ueMT4eRGSsp1BdKHuw1WwAHXbhsJELQ==",
+      "version": "1.50.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.50.1.tgz",
+      "integrity": "sha512-noTnY41KnlW2A9P8sdwESpDmo+KBNkukI1i8+hOK3footBUcohNHtdOJbckp46XO95nuvcHDDZ+4tmOnpK3hjw==",
       "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
@@ -23808,9 +23998,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -24073,24 +24263,24 @@
       }
     },
     "node_modules/shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "dependencies": {
-        "shebang-regex": "^1.0.0"
+        "shebang-regex": "^3.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/shell-quote": {
@@ -26038,21 +26228,21 @@
       "dev": true
     },
     "node_modules/type-check": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
       "dependencies": {
-        "prelude-ls": "~1.1.2"
+        "prelude-ls": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.8.0"
       }
     },
     "node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
       "dev": true,
       "engines": {
         "node": ">=10"
@@ -26081,9 +26271,9 @@
       "dev": true
     },
     "node_modules/uglify-js": {
-      "version": "3.15.3",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.3.tgz",
-      "integrity": "sha512-6iCVm2omGJbsu3JWac+p6kUiOpg3wFO2f8lIXjfEb8RrmLjzog1wTPMmwKB7swfzzqxj9YM+sGUM++u1qN4qJg==",
+      "version": "3.15.4",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.4.tgz",
+      "integrity": "sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==",
       "dev": true,
       "optional": true,
       "bin": {
@@ -26580,9 +26770,9 @@
       }
     },
     "node_modules/vue-eslint-parser/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -27937,6 +28127,15 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/webpack/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/webpack/node_modules/fill-range": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -28114,15 +28313,18 @@
       }
     },
     "node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
       "bin": {
-        "which": "bin/which"
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
     "node_modules/which-boxed-primitive": {
@@ -28437,32 +28639,32 @@
       "dev": true
     },
     "@babel/core": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz",
-      "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.9.tgz",
+      "integrity": "sha512-5ug+SfZCpDAkVp9SFIZAzlW18rlzsOcJGaetCjkySnrXXDUw9AR8cDUm1iByTmdWM6yxX6/zycaV76w3YTF2gw==",
       "dev": true,
       "requires": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.17.7",
+        "@babel/generator": "^7.17.9",
         "@babel/helper-compilation-targets": "^7.17.7",
         "@babel/helper-module-transforms": "^7.17.7",
-        "@babel/helpers": "^7.17.8",
-        "@babel/parser": "^7.17.8",
+        "@babel/helpers": "^7.17.9",
+        "@babel/parser": "^7.17.9",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.17.3",
+        "@babel/traverse": "^7.17.9",
         "@babel/types": "^7.17.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.1.2",
+        "json5": "^2.2.1",
         "semver": "^6.3.0"
       }
     },
     "@babel/generator": {
-      "version": "7.17.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
-      "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.9.tgz",
+      "integrity": "sha512-rAdDousTwxbIxbz5I7GEQ3lUip+xVCXooZNbsydCWs3xA7ZsYOv+CFRdzGxRX78BmQHu9B1Eso59AOZQOJDEdQ==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.17.0",
@@ -28502,15 +28704,15 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.17.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.6.tgz",
-      "integrity": "sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.9.tgz",
+      "integrity": "sha512-kUjip3gruz6AJKOq5i3nC6CoCEEF/oHH3cp6tOZhB+IyyyPyW0g1Gfsxn3mkk6S08pIA2y8GQh609v9G/5sHVQ==",
       "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
         "@babel/helper-environment-visitor": "^7.16.7",
-        "@babel/helper-function-name": "^7.16.7",
-        "@babel/helper-member-expression-to-functions": "^7.16.7",
+        "@babel/helper-function-name": "^7.17.9",
+        "@babel/helper-member-expression-to-functions": "^7.17.7",
         "@babel/helper-optimise-call-expression": "^7.16.7",
         "@babel/helper-replace-supers": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7"
@@ -28561,23 +28763,13 @@
       }
     },
     "@babel/helper-function-name": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.16.7.tgz",
-      "integrity": "sha512-QfDfEnIUyyBSR3HtrtGECuZ6DAyCkYFp7GHl75vFtTnn6pjKeK0T1DB5lLkFvBea8MdaiUABx3osbgLyInoejA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz",
+      "integrity": "sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==",
       "dev": true,
       "requires": {
-        "@babel/helper-get-function-arity": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/types": "^7.16.7"
-      }
-    },
-    "@babel/helper-get-function-arity": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.7.tgz",
-      "integrity": "sha512-flc+RLSOBXzNzVhcLu6ujeHUrD6tANAOU5ojrRx/as+tbzf8+stUCj7+IfRRoAbEZqj/ahXEMsjhOhgeZsrnTw==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.16.7"
+        "@babel/types": "^7.17.0"
       }
     },
     "@babel/helper-hoist-variables": {
@@ -28714,20 +28906,20 @@
       }
     },
     "@babel/helpers": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.8.tgz",
-      "integrity": "sha512-QcL86FGxpfSJwGtAvv4iG93UL6bmqBdmoVY0CMCU2g+oD2ezQse3PT5Pa+jiD6LJndBQi0EDlpzOWNlLuhz5gw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.9.tgz",
+      "integrity": "sha512-cPCt915ShDWUEzEp3+UNRktO2n6v49l5RSnG9M5pS24hA+2FAc5si+Pn1i4VVbQQ+jh+bIZhPFQOJOzbrOYY1Q==",
       "dev": true,
       "requires": {
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.17.3",
+        "@babel/traverse": "^7.17.9",
         "@babel/types": "^7.17.0"
       }
     },
     "@babel/highlight": {
-      "version": "7.16.10",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.16.10.tgz",
-      "integrity": "sha512-5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8r7u7ZfTBFxdw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.9.tgz",
+      "integrity": "sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==",
       "dev": true,
       "requires": {
         "@babel/helper-validator-identifier": "^7.16.7",
@@ -28736,9 +28928,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.8.tgz",
-      "integrity": "sha512-BoHhDJrJXqcg+ZL16Xv39H9n+AqJ4pcDrQBGZN+wHxIysrLZ3/ECwCBUch/1zUNhnsXULcONU3Ei5Hmkfk6kiQ==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.9.tgz",
+      "integrity": "sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==",
       "dev": true
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
@@ -29196,9 +29388,9 @@
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.17.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.7.tgz",
-      "integrity": "sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.9.tgz",
+      "integrity": "sha512-2TBFd/r2I6VlYn0YRTz2JdazS+FoUuQ2rIFHoAxtyP/0G3D82SBLaRq9rnUkpqlLg03Byfl/+M32mpxjO6KaPw==",
       "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.17.7",
@@ -29277,12 +29469,12 @@
       }
     },
     "@babel/plugin-transform-regenerator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.16.7.tgz",
-      "integrity": "sha512-mF7jOgGYCkSJagJ6XCujSQg+6xC1M77/03K2oBmVJWoFGNUtnVJO4WHKJk3dnPC8HCcj4xBQP1Egm8DWh3Pb3Q==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.17.9.tgz",
+      "integrity": "sha512-Lc2TfbxR1HOyn/c6b4Y/b6NHoTb67n/IoWLxTu4kC7h4KQnWlhCq2S8Tx0t2SVvv5Uu87Hs+6JEJ5kt2tYGylQ==",
       "dev": true,
       "requires": {
-        "regenerator-transform": "^0.14.2"
+        "regenerator-transform": "^0.15.0"
       }
     },
     "@babel/plugin-transform-reserved-words": {
@@ -29455,9 +29647,9 @@
       }
     },
     "@babel/runtime": {
-      "version": "7.17.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.8.tgz",
-      "integrity": "sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
+      "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
       "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
@@ -29483,18 +29675,18 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.17.3",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
-      "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
+      "version": "7.17.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.9.tgz",
+      "integrity": "sha512-PQO8sDIJ8SIwipTPiR71kJQCKQYB5NGImbOviK8K+kg5xkNSYXLBupuX9QhatFowrsvo9Hj8WgArg3W7ijNAQw==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.17.3",
+        "@babel/generator": "^7.17.9",
         "@babel/helper-environment-visitor": "^7.16.7",
-        "@babel/helper-function-name": "^7.16.7",
+        "@babel/helper-function-name": "^7.17.9",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.17.3",
+        "@babel/parser": "^7.17.9",
         "@babel/types": "^7.17.0",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
@@ -29526,6 +29718,13 @@
         "minimist": "^1.2.0"
       }
     },
+    "@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true,
+      "optional": true
+    },
     "@eslint/eslintrc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.2.1.tgz",
@@ -29558,12 +29757,6 @@
             "type-fest": "^0.20.2"
           }
         },
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-          "dev": true
-        },
         "import-fresh": {
           "version": "3.3.0",
           "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -29737,12 +29930,6 @@
         "strip-ansi": "^5.0.0"
       },
       "dependencies": {
-        "ansi-escapes": {
-          "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
-        },
         "braces": {
           "version": "2.3.2",
           "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
@@ -30158,9 +30345,9 @@
       "dev": true
     },
     "@jridgewell/trace-mapping": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.4.tgz",
-      "integrity": "sha512-vFv9ttIedivx0ux3QSjhgtCVjPZd5l46ZOMDSCwnH1yUO2e964gO8LZGyv2QkqcgR6TnBU1v+1IFqmeoG+0UJQ==",
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.7.tgz",
+      "integrity": "sha512-8XC0l0PwCbdg2Uc8zIIf6djNX3lYiz9GqQlC1LJ9WQvTYvcfP8IA9K2IKRnPm5tAX6X/+orF+WwKZ0doGcgJlg==",
       "dev": true,
       "requires": {
         "@jridgewell/resolve-uri": "^3.0.3",
@@ -30346,9 +30533,9 @@
       }
     },
     "@rollup/plugin-commonjs": {
-      "version": "21.0.3",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-21.0.3.tgz",
-      "integrity": "sha512-ThGfwyvcLc6cfP/MWxA5ACF+LZCvsuhUq7V5134Az1oQWsiC7lNpLT4mJI86WQunK7BYmpUiHmMk2Op6OAHs0g==",
+      "version": "21.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-21.1.0.tgz",
+      "integrity": "sha512-6ZtHx3VHIp2ReNNDxHjuUml6ur+WcQ28N1yHgCQwsbNkQg2suhxGMDQGJOn/KuDxKtd1xuZP5xSTwBA4GQ8hbA==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.1.0",
@@ -30371,9 +30558,9 @@
       }
     },
     "@rollup/plugin-node-resolve": {
-      "version": "13.1.3",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.1.3.tgz",
-      "integrity": "sha512-BdxNk+LtmElRo5d06MGY4zoepyrXX1tkzX2hrnPEZ53k78GuOMWLqmJDGIIOPwVRIFZrLQOo+Yr6KtCuLIA0AQ==",
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.2.1.tgz",
+      "integrity": "sha512-btX7kzGvp1JwShQI9V6IM841YKNPYjKCvUbNrQ2EcVYbULtUd/GH6wZ/qdqH13j9pOHBER+EZXNN2L8RSJhVRA==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.1.0",
@@ -30493,9 +30680,9 @@
           "dev": true
         },
         "fs-extra": {
-          "version": "10.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
-          "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -30527,9 +30714,9 @@
       },
       "dependencies": {
         "fs-extra": {
-          "version": "10.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
-          "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
           "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
@@ -30547,9 +30734,9 @@
           }
         },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -30695,9 +30882,9 @@
       }
     },
     "@types/babel__traverse": {
-      "version": "7.14.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.14.2.tgz",
-      "integrity": "sha512-K2waXdXBi2302XUdcHcR1jCeU0LL4TD9HRs/gk0N2Xvrht+G/BfJa4QObBQZfhMdxiCpV3COl5Nfq4uKTeTnJA==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.17.0.tgz",
+      "integrity": "sha512-r8aveDbd+rzGP+ykSdF3oPuTVRWRfbBiHl0rVDM2yNEmSMXfkObQLV46b4RnCv3Lra51OlfnZhkkFaDl2MIRaA==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.3.0"
@@ -30848,9 +31035,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "17.0.23",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz",
-      "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw==",
+      "version": "17.0.25",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.25.tgz",
+      "integrity": "sha512-wANk6fBrUwdpY4isjWrKTufkrXdu1D2YHCot2fD/DfWxF5sMrVSA+KN7ydckvaTCh0HiqX9IVl0L5/ZoXg5M7w==",
       "dev": true
     },
     "@types/normalize-package-data": {
@@ -30939,9 +31126,9 @@
       "dev": true
     },
     "@types/uglify-js": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.1.tgz",
-      "integrity": "sha512-O3MmRAk6ZuAKa9CHgg0Pr0+lUOqoMLpc9AS4R8ano2auvsg7IE8syF3Xh/NPr26TWklxYcqoEEFdzLLs1fV9PQ==",
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.2.tgz",
+      "integrity": "sha512-/xFrPIo+4zOeNGtVMbf9rUm0N+i4pDf1ynExomqtokIJmVzR3962lJ1UE+MmexMkA0cmN9oTzg5Xcbwge0Ij2Q==",
       "dev": true,
       "requires": {
         "source-map": "^0.6.1"
@@ -31228,6 +31415,12 @@
             "slash": "^2.0.0"
           }
         },
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
+        },
         "is-extendable": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
@@ -31375,6 +31568,27 @@
         "strip-ansi": "^6.0.0"
       },
       "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true
+            }
+          }
+        },
         "execa": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -31413,17 +31627,47 @@
           "requires": {
             "path-key": "^2.0.0"
           }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
     "@vue/compiler-core": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.31.tgz",
-      "integrity": "sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.33.tgz",
+      "integrity": "sha512-AAmr52ji3Zhk7IKIuigX2osWWsb2nQE5xsdFYjdnmtQ4gymmqXbjLvkSE174+fF3A3kstYrTgGkqgOEbsdLDpw==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.31",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       },
@@ -31437,27 +31681,27 @@
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.31.tgz",
-      "integrity": "sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.33.tgz",
+      "integrity": "sha512-GhiG1C8X98Xz9QUX/RlA6/kgPBWJkjq0Rq6//5XTAGSYrTMBgcLpP9+CnlUg1TFxnnCVughAG+KZl28XJqw8uQ==",
       "dev": true,
       "requires": {
-        "@vue/compiler-core": "3.2.31",
-        "@vue/shared": "3.2.31"
+        "@vue/compiler-core": "3.2.33",
+        "@vue/shared": "3.2.33"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.31.tgz",
-      "integrity": "sha512-748adc9msSPGzXgibHiO6T7RWgfnDcVQD+VVwYgSsyyY8Ans64tALHZANrKtOzvkwznV/F4H7OAod/jIlp/dkQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.33.tgz",
+      "integrity": "sha512-H8D0WqagCr295pQjUYyO8P3IejM3vEzeCO1apzByAEaAR/WimhMYczHfZVvlCE/9yBaEu/eu9RdiWr0kF8b71Q==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.31",
-        "@vue/compiler-dom": "3.2.31",
-        "@vue/compiler-ssr": "3.2.31",
-        "@vue/reactivity-transform": "3.2.31",
-        "@vue/shared": "3.2.31",
+        "@vue/compiler-core": "3.2.33",
+        "@vue/compiler-dom": "3.2.33",
+        "@vue/compiler-ssr": "3.2.33",
+        "@vue/reactivity-transform": "3.2.33",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -31473,13 +31717,13 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.31.tgz",
-      "integrity": "sha512-mjN0rqig+A8TVDnsGPYJM5dpbjlXeHUm2oZHZwGyMYiGT/F4fhJf/cXy8QpjnLQK4Y9Et4GWzHn9PS8AHUnSkw==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.33.tgz",
+      "integrity": "sha512-XQh1Xdk3VquDpXsnoCd7JnMoWec9CfAzQDQsaMcSU79OrrO2PNR0ErlIjm/mGq3GmBfkQjzZACV+7GhfRB8xMQ==",
       "dev": true,
       "requires": {
-        "@vue/compiler-dom": "3.2.31",
-        "@vue/shared": "3.2.31"
+        "@vue/compiler-dom": "3.2.33",
+        "@vue/shared": "3.2.33"
       }
     },
     "@vue/component-compiler": {
@@ -31578,22 +31822,22 @@
       "requires": {}
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.31.tgz",
-      "integrity": "sha512-uS4l4z/W7wXdI+Va5pgVxBJ345wyGFKvpPYtdSgvfJfX/x2Ymm6ophQlXXB6acqGHtXuBqNyyO3zVp9b1r0MOA==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.33.tgz",
+      "integrity": "sha512-4UL5KOIvSQb254aqenW4q34qMXbfZcmEsV/yVidLUgvwYQQ/D21bGX3DlgPUGI3c4C+iOnNmDCkIxkILoX/Pyw==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.31",
-        "@vue/shared": "3.2.31",
+        "@vue/compiler-core": "3.2.33",
+        "@vue/shared": "3.2.33",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "@vue/shared": {
-      "version": "3.2.31",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.31.tgz",
-      "integrity": "sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==",
+      "version": "3.2.33",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.33.tgz",
+      "integrity": "sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==",
       "dev": true
     },
     "@vue/test-utils": {
@@ -31801,9 +32045,9 @@
       "dev": true
     },
     "abab": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz",
-      "integrity": "sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
       "dev": true
     },
     "abbrev": {
@@ -31929,13 +32173,10 @@
       "dev": true
     },
     "ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "requires": {
-        "type-fest": "^0.21.3"
-      }
+      "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-community": {
       "version": "0.0.8",
@@ -32156,9 +32397,9 @@
       "dev": true
     },
     "async": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
-      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
       "dev": true,
       "requires": {
         "lodash": "^4.17.14"
@@ -33084,9 +33325,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001325",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001325.tgz",
-      "integrity": "sha512-sB1bZHjseSjDtijV1Hb7PB2Zd58Kyx+n/9EotvZ4Qcz2K3d0lWB8dB4nb8wN/TsOGFq3UuAm0zQZNQ4SoR7TrQ==",
+      "version": "1.0.30001332",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz",
+      "integrity": "sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==",
       "dev": true
     },
     "capture-exit": {
@@ -33163,6 +33404,13 @@
         "readdirp": "~3.6.0"
       },
       "dependencies": {
+        "fsevents": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+          "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+          "dev": true,
+          "optional": true
+        },
         "glob-parent": {
           "version": "5.1.2",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -33305,6 +33553,15 @@
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
       "dev": true
     },
+    "cli-cursor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^2.0.0"
+      }
+    },
     "cli-highlight": {
       "version": "2.1.11",
       "resolved": "https://registry.npmjs.org/cli-highlight/-/cli-highlight-2.1.11.tgz",
@@ -33377,12 +33634,12 @@
       "dev": true
     },
     "cli-table3": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
-      "integrity": "sha512-w0q/enDHhPLq44ovMGdQeeDLvwxwavsJX7oQGYt/LrBlYsyaxyDnp6z3QzFut/6kLLKnlcUVJLrpB7KBfgG/RA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.2.tgz",
+      "integrity": "sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==",
       "dev": true,
       "requires": {
-        "colors": "1.4.0",
+        "@colors/colors": "1.5.0",
         "string-width": "^4.2.0"
       }
     },
@@ -33408,6 +33665,19 @@
         "is-wsl": "^2.1.1"
       },
       "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
         "execa": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -33446,6 +33716,42 @@
           "requires": {
             "path-key": "^2.0.0"
           }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -33562,13 +33868,6 @@
       "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
       "dev": true
     },
-    "colors": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-      "dev": true,
-      "optional": true
-    },
     "combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -34035,12 +34334,12 @@
       "dev": true
     },
     "core-js-compat": {
-      "version": "3.21.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.21.1.tgz",
-      "integrity": "sha512-gbgX5AUvMb8gwxC7FLVWYT7Kkgu/y7+h/h1X43yJkNqhlK2fuYyQimqvKGNZFAY6CKii/GFKJ2cp/1/42TN36g==",
+      "version": "3.22.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.22.1.tgz",
+      "integrity": "sha512-CWbNqTluLMvZg1cjsQUbGiCM91dobSHKfDIyCoxuqxthdjGuUlaMbCsSehP3CBiVvG0C7P6UIrC1v0hgFE75jw==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.19.1",
+        "browserslist": "^4.20.2",
         "semver": "7.0.0"
       },
       "dependencies": {
@@ -34116,24 +34415,14 @@
       }
     },
     "cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
       "requires": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-          "dev": true
-        }
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       }
     },
     "crypto-browserify": {
@@ -34650,17 +34939,6 @@
         "execa": "^3.3.0"
       },
       "dependencies": {
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "dev": true,
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
         "execa": {
           "version": "3.4.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-3.4.0.tgz",
@@ -34699,36 +34977,6 @@
           "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-2.0.1.tgz",
           "integrity": "sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw==",
           "dev": true
-        },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true
-        },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "dev": true,
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-          "dev": true
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
         }
       }
     },
@@ -34750,12 +34998,13 @@
       }
     },
     "define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
       "dev": true,
       "requires": {
-        "object-keys": "^1.0.12"
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       }
     },
     "define-property": {
@@ -34947,9 +35196,9 @@
       "dev": true
     },
     "dom-serializer": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
-      "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
       "dev": true,
       "requires": {
         "domelementtype": "^2.0.1",
@@ -34964,9 +35213,9 @@
       "dev": true
     },
     "domelementtype": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
       "dev": true
     },
     "domexception": {
@@ -35117,9 +35366,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.104",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.104.tgz",
-      "integrity": "sha512-2kjoAyiG7uMyGRM9mx25s3HAzmQG2ayuYXxsFmYugHSDcwxREgLtscZvbL1JcW9S/OemeQ3f/SG6JhDwpnCclQ==",
+      "version": "1.4.114",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.114.tgz",
+      "integrity": "sha512-gRwLpVYWHGbERPU6o8pKfR168V6enWEXzZc6zQNNXbgJ7UJna+9qzAIHY94+9KOv71D/CH+QebLA9pChD2q8zA==",
       "dev": true
     },
     "elliptic": {
@@ -35240,9 +35489,9 @@
       }
     },
     "es-abstract": {
-      "version": "1.19.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.2.tgz",
-      "integrity": "sha512-gfSBJoZdlL2xRiOCy0g8gLMryhoe1TlimjzU99L/31Z8QEGIhVQI+EWwt5lT+AuU9SnorVupXFqqOGqGfsyO6w==",
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.5.tgz",
+      "integrity": "sha512-Aa2G2+Rd3b6kxEUKTF4TaW67czBLyAv3z7VOhYRU50YBx+bbsYZ9xQP4lMNazePuFlybXI0V4MruPos7qUo5fA==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
@@ -35256,7 +35505,7 @@
         "is-callable": "^1.2.4",
         "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.1",
+        "is-shared-array-buffer": "^1.0.2",
         "is-string": "^1.0.7",
         "is-weakref": "^1.0.2",
         "object-inspect": "^1.12.0",
@@ -35309,19 +35558,64 @@
         "source-map": "~0.6.1"
       },
       "dependencies": {
+        "estraverse": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+          "dev": true
+        },
+        "levn": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+          "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2"
+          }
+        },
+        "optionator": {
+          "version": "0.8.3",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+          "dev": true,
+          "requires": {
+            "deep-is": "~0.1.3",
+            "fast-levenshtein": "~2.0.6",
+            "levn": "~0.3.0",
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2",
+            "word-wrap": "~1.2.3"
+          }
+        },
+        "prelude-ls": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+          "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+          "dev": true
+        },
         "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
+        },
+        "type-check": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+          "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "~1.1.2"
+          }
         }
       }
     },
     "eslint": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.12.0.tgz",
-      "integrity": "sha512-it1oBL9alZg1S8UycLm5YDMAkIhtH6FtAzuZs6YvoGVldWjbS08BkAdb/ymP9LlAyq8koANu32U7Ib/w+UNh8Q==",
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.13.0.tgz",
+      "integrity": "sha512-D+Xei61eInqauAyTJ6C0q6x9mx7kTUC1KZ0m0LSEexR0V+e94K12LmWX076ZIsldwfQ2RONdaJe0re0TRGQbRQ==",
       "dev": true,
       "requires": {
         "@eslint/eslintrc": "^1.2.1",
@@ -35401,17 +35695,6 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "dev": true,
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
         "escape-string-regexp": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -35442,12 +35725,6 @@
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-          "dev": true
-        },
         "import-fresh": {
           "version": "3.3.0",
           "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -35467,63 +35744,12 @@
             "argparse": "^2.0.1"
           }
         },
-        "levn": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-          "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "^1.2.1",
-            "type-check": "~0.4.0"
-          }
-        },
-        "optionator": {
-          "version": "0.9.1",
-          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-          "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-          "dev": true,
-          "requires": {
-            "deep-is": "^0.1.3",
-            "fast-levenshtein": "^2.0.6",
-            "levn": "^0.4.1",
-            "prelude-ls": "^1.2.1",
-            "type-check": "^0.4.0",
-            "word-wrap": "^1.2.3"
-          }
-        },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true
-        },
-        "prelude-ls": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-          "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-          "dev": true
-        },
         "resolve-from": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
           "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
           "dev": true
         },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "dev": true,
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-          "dev": true
-        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -35533,29 +35759,11 @@
             "has-flag": "^4.0.0"
           }
         },
-        "type-check": {
-          "version": "0.4.0",
-          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-          "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-          "dev": true,
-          "requires": {
-            "prelude-ls": "^1.2.1"
-          }
-        },
         "type-fest": {
           "version": "0.20.2",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
           "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
           "dev": true
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
         }
       }
     },
@@ -35599,9 +35807,9 @@
           }
         },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -35623,14 +35831,6 @@
       "requires": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
       }
     },
     "eslint-utils": {
@@ -35688,14 +35888,6 @@
       "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
       }
     },
     "esrecurse": {
@@ -35705,20 +35897,12 @@
       "dev": true,
       "requires": {
         "estraverse": "^5.2.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
       }
     },
     "estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true
     },
     "estree-walker": {
@@ -35797,49 +35981,6 @@
         "onetime": "^5.1.2",
         "signal-exit": "^3.0.3",
         "strip-final-newline": "^2.0.0"
-      },
-      "dependencies": {
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "dev": true,
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true
-        },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "dev": true,
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-          "dev": true
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "dev": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
       }
     },
     "exit": {
@@ -36432,6 +36573,17 @@
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
       "dev": true
     },
+    "fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      }
+    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -36444,6 +36596,12 @@
       "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
       "dev": true
     },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true
+    },
     "generic-names": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-4.0.0.tgz",
@@ -36615,14 +36773,6 @@
         "ignore": "^5.2.0",
         "merge2": "^1.4.1",
         "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-          "dev": true
-        }
       }
     },
     "good-listener": {
@@ -36740,9 +36890,9 @@
       }
     },
     "has-bigints": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
-      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true
     },
     "has-flag": {
@@ -36751,6 +36901,15 @@
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
+    "has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.1"
+      }
+    },
     "has-symbols": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
@@ -37154,9 +37313,9 @@
       "dev": true
     },
     "https-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
       "dev": true,
       "requires": {
         "agent-base": "6",
@@ -37224,9 +37383,9 @@
       "dev": true
     },
     "ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true
     },
     "image-size": {
@@ -37355,6 +37514,19 @@
         "ipaddr.js": "^1.9.0"
       },
       "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
         "default-gateway": {
           "version": "4.2.0",
           "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
@@ -37403,6 +37575,42 @@
           "requires": {
             "path-key": "^2.0.0"
           }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -37549,9 +37757,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
-      "integrity": "sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
+      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -38023,6 +38231,19 @@
         "throat": "^4.0.0"
       },
       "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
         "execa": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -38061,6 +38282,42 @@
           "requires": {
             "path-key": "^2.0.0"
           }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -39120,6 +39377,15 @@
         "strip-ansi": "^5.0.0"
       },
       "dependencies": {
+        "ansi-escapes": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+          "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.21.3"
+          }
+        },
         "string-length": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/string-length/-/string-length-3.1.0.tgz",
@@ -39138,6 +39404,12 @@
           "requires": {
             "ansi-regex": "^4.1.0"
           }
+        },
+        "type-fest": {
+          "version": "0.21.3",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+          "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+          "dev": true
         }
       }
     },
@@ -39154,14 +39426,6 @@
         "chalk": "^2.0.1",
         "jest-util": "^24.9.0",
         "string-length": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-escapes": {
-          "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
-        }
       }
     },
     "jest-worker": {
@@ -39192,12 +39456,12 @@
       "dev": true
     },
     "js-beautify": {
-      "version": "1.14.2",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.2.tgz",
-      "integrity": "sha512-H85kX95a53os+q1OCqtYe8AXAmgy3BvtysA/V83S3fdhznm6WlUpGi14DqSPbKFsL3dXZFXYl7YQwW9U1+76ng==",
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.3.tgz",
+      "integrity": "sha512-f1ra8PHtOEu/70EBnmiUlV8nJePS58y9qKjl4JHfYWlFH6bo7ogZBz//FAZp7jDuXtYnGYKymZPlrg2I/9Zo4g==",
       "dev": true,
       "requires": {
-        "config-chain": "^1.1.12",
+        "config-chain": "^1.1.13",
         "editorconfig": "^0.15.3",
         "glob": "^7.1.3",
         "nopt": "^5.0.0"
@@ -39500,13 +39764,13 @@
       "dev": true
     },
     "levn": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
       "requires": {
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2"
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
       }
     },
     "lilconfig": {
@@ -39788,6 +40052,15 @@
         "supports-hyperlinks": "^2.1.0"
       },
       "dependencies": {
+        "ansi-escapes": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+          "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.21.3"
+          }
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -39836,6 +40109,12 @@
           "requires": {
             "has-flag": "^4.0.0"
           }
+        },
+        "type-fest": {
+          "version": "0.21.3",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+          "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+          "dev": true
         }
       }
     },
@@ -39889,14 +40168,6 @@
         "trim-newlines": "^3.0.0",
         "type-fest": "^0.18.0",
         "yargs-parser": "^20.2.3"
-      },
-      "dependencies": {
-        "type-fest": {
-          "version": "0.18.1",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-          "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-          "dev": true
-        }
       }
     },
     "merge-descriptors": {
@@ -40229,10 +40500,17 @@
         "thenify-all": "^1.0.0"
       }
     },
+    "nan": {
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
+      "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
+      "dev": true,
+      "optional": true
+    },
     "nanoid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
-      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.3.tgz",
+      "integrity": "sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==",
       "dev": true
     },
     "nanomatch": {
@@ -40463,13 +40741,22 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
     "node-releases": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
-      "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.3.tgz",
+      "integrity": "sha512-maHFz6OLqYxz+VQyCAtA3PTX4UP/53pa05fyDNc9CwjvJ0yEh6+xBwKsgCxMNhS8taUKBFYxfuiaD9U/55iFaw==",
       "dev": true
     },
     "nopt": {
@@ -40503,9 +40790,9 @@
           }
         },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -42632,14 +42919,6 @@
       "dev": true,
       "requires": {
         "path-key": "^3.0.0"
-      },
-      "dependencies": {
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true
-        }
       }
     },
     "nth-check": {
@@ -42897,17 +43176,17 @@
       }
     },
     "optionator": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
       "dev": true,
       "requires": {
-        "deep-is": "~0.1.3",
-        "fast-levenshtein": "~2.0.6",
-        "levn": "~0.3.0",
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2",
-        "word-wrap": "~1.2.3"
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
       }
     },
     "ora": {
@@ -42924,40 +43203,6 @@
         "wcwidth": "^1.0.1"
       },
       "dependencies": {
-        "cli-cursor": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
-          "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
-          "dev": true,
-          "requires": {
-            "restore-cursor": "^2.0.0"
-          }
-        },
-        "mimic-fn": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
-          "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
-          "dev": true
-        },
-        "onetime": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
-          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
-          "dev": true,
-          "requires": {
-            "mimic-fn": "^1.0.0"
-          }
-        },
-        "restore-cursor": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
-          "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
-          "dev": true,
-          "requires": {
-            "onetime": "^2.0.0",
-            "signal-exit": "^3.0.2"
-          }
-        },
         "strip-ansi": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -43219,9 +43464,9 @@
       "dev": true
     },
     "path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true
     },
     "path-parse": {
@@ -44872,9 +45117,9 @@
       "dev": true
     },
     "prelude-ls": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true
     },
     "prepend-http": {
@@ -44932,9 +45177,9 @@
       }
     },
     "prismjs": {
-      "version": "1.27.0",
-      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
-      "integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.28.0.tgz",
+      "integrity": "sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==",
       "dev": true
     },
     "process": {
@@ -45510,9 +45755,9 @@
       "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==",
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.0.tgz",
+      "integrity": "sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.8.4"
@@ -45559,13 +45804,14 @@
       }
     },
     "regexp.prototype.flags": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.1.tgz",
-      "integrity": "sha512-pMR7hBVUUGI7PMA37m2ofIdQCsomVnas+Jn5UPGAHQ+/LlwKm/aTLJHdasmHRzlfeZwHiAOaRSo2rbBDm3nNUQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
+      "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.3",
+        "functions-have-names": "^1.2.2"
       }
     },
     "regexpp": {
@@ -45772,6 +46018,33 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
       "dev": true
     },
+    "restore-cursor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+      "dev": true,
+      "requires": {
+        "onetime": "^2.0.0",
+        "signal-exit": "^3.0.2"
+      },
+      "dependencies": {
+        "mimic-fn": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+          "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+          "dev": true
+        },
+        "onetime": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^1.0.0"
+          }
+        }
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
@@ -45822,12 +46095,21 @@
       }
     },
     "rollup": {
-      "version": "2.70.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
-      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
+      "version": "2.70.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
+      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
+      },
+      "dependencies": {
+        "fsevents": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+          "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+          "dev": true,
+          "optional": true
+        }
       }
     },
     "rollup-plugin-copy": {
@@ -45870,12 +46152,6 @@
             "slash": "^3.0.0"
           }
         },
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-          "dev": true
-        },
         "is-plain-object": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
@@ -46547,6 +46823,19 @@
             "to-regex": "^3.0.1"
           }
         },
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
         "execa": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
@@ -46678,6 +46967,33 @@
             "path-key": "^2.0.0"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
         "to-regex-range": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
@@ -46687,13 +47003,22 @@
             "is-number": "^3.0.0",
             "repeat-string": "^1.6.1"
           }
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
     "sass": {
-      "version": "1.49.11",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.49.11.tgz",
-      "integrity": "sha512-wvS/geXgHUGs6A/4ud5BFIWKO1nKd7wYIGimDk4q4GFkJicILActpv9ueMT4eRGSsp1BdKHuw1WwAHXbhsJELQ==",
+      "version": "1.50.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.50.1.tgz",
+      "integrity": "sha512-noTnY41KnlW2A9P8sdwESpDmo+KBNkukI1i8+hOK3footBUcohNHtdOJbckp46XO95nuvcHDDZ+4tmOnpK3hjw==",
       "dev": true,
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0",
@@ -46862,9 +47187,9 @@
           "dev": true
         },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -47089,18 +47414,18 @@
       }
     },
     "shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "requires": {
-        "shebang-regex": "^1.0.0"
+        "shebang-regex": "^3.0.0"
       }
     },
     "shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
     "shell-quote": {
@@ -48709,18 +49034,18 @@
       "dev": true
     },
     "type-check": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
       "requires": {
-        "prelude-ls": "~1.1.2"
+        "prelude-ls": "^1.2.1"
       }
     },
     "type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
       "dev": true
     },
     "type-is": {
@@ -48740,9 +49065,9 @@
       "dev": true
     },
     "uglify-js": {
-      "version": "3.15.3",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.3.tgz",
-      "integrity": "sha512-6iCVm2omGJbsu3JWac+p6kUiOpg3wFO2f8lIXjfEb8RrmLjzog1wTPMmwKB7swfzzqxj9YM+sGUM++u1qN4qJg==",
+      "version": "3.15.4",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.4.tgz",
+      "integrity": "sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==",
       "dev": true,
       "optional": true
     },
@@ -49144,9 +49469,9 @@
           }
         },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -49675,6 +50000,12 @@
             "estraverse": "^4.1.1"
           }
         },
+        "estraverse": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+          "dev": true
+        },
         "fill-range": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -50412,9 +50743,9 @@
       }
     },
     "which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
       "requires": {
         "isexe": "^2.0.0"
diff --git a/package.json b/package.json
index 724e6b63..f8eb0233 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/design-system",
-  "version": "1.3.0-rc.7",
+  "version": "1.3.1-rc.1",
   "main": "./dist/js/BIMDataComponents/index.js",
   "module": "./dist/js/BIMDataComponents/index.js",
   "files": [