From b4a52ac3bc844a725db2b2b67c18773daece6d6c Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Wed, 10 Nov 2021 02:20:10 +0100
Subject: [PATCH 01/12] Show announcements on documentation home page

---
 .gitignore                                  |  1 +
 docs/.netlify/functions/announcements.js    | 39 ++++++++++++++
 docs/.netlify/functions/package.json        |  9 ++++
 docs/.vuepress/components/Announcements.vue | 57 +++++++++++++++++++++
 docs/README.md                              | 17 +-----
 5 files changed, 107 insertions(+), 16 deletions(-)
 create mode 100644 docs/.netlify/functions/announcements.js
 create mode 100644 docs/.netlify/functions/package.json
 create mode 100644 docs/.vuepress/components/Announcements.vue

diff --git a/.gitignore b/.gitignore
index 94f81056a..ab053da42 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ package-lock.json
 yarn.lock
 yarn-error.log
 /three-examples
+/.netlify
diff --git a/docs/.netlify/functions/announcements.js b/docs/.netlify/functions/announcements.js
new file mode 100644
index 000000000..49c583292
--- /dev/null
+++ b/docs/.netlify/functions/announcements.js
@@ -0,0 +1,39 @@
+const axios = require('axios');
+
+exports.handler = async function(event, context) {
+  if (event.httpMethod !== 'GET') {
+    return { statusCode: 405, body: 'Method Not Allowed' };
+  }
+
+  return await axios({
+    url    : 'https://api.github.com/graphql',
+    method : 'POST',
+    headers: {
+      'Authorization': `bearer ${process.env.GH_TOKEN}`,
+    },
+    data   : {
+      query: `
+        query {
+          repository(owner: "mistic100", name: "photo-sphere-viewer") {
+            pinnedDiscussions(first: 2) {
+              nodes {
+                discussion {
+                  title
+                  createdAt
+                  url
+                  body
+                }
+              }
+            }
+          }
+        }`,
+    },
+  })
+    .then(result => {
+        const announcements = result.data.data.repository.pinnedDiscussions.nodes.map(n => n.discussion);
+        return {
+          statusCode: 200,
+          body: JSON.stringify(announcements)
+        };
+    });
+};
diff --git a/docs/.netlify/functions/package.json b/docs/.netlify/functions/package.json
new file mode 100644
index 000000000..9a8d696ce
--- /dev/null
+++ b/docs/.netlify/functions/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "psv-netlify-functions",
+  "version": "1.0.0",
+  "license": "MIT",
+  "private": true,
+  "dependencies": {
+    "axios": "^0.24.0"
+  }
+}
diff --git a/docs/.vuepress/components/Announcements.vue b/docs/.vuepress/components/Announcements.vue
new file mode 100644
index 000000000..7925cf6ab
--- /dev/null
+++ b/docs/.vuepress/components/Announcements.vue
@@ -0,0 +1,57 @@
+<template>
+  <div style="display: flex">
+    <div class="custom-block tip" style="flex: 1" v-for="entry in announcements">
+      <p class="custom-block-title">{{entry.title}}
+        <small>{{entry.date}}</small>
+      </p>
+      <p v-html="entry.body"></p>
+    </div>
+  </div>
+</template>
+
+<script>
+  const axios = require('axios');
+  const { marked } = require('marked');
+  const { format, parseISO } = require('date-fns');
+
+  export default {
+    data() {
+      return {
+        announcements: [],
+      };
+    },
+    mounted() {
+      this.fetchAnnouncements()
+        .then(announcements => {
+          this.announcements = announcements.data.map(this.formatAnnouncement);
+        });
+    },
+    methods: {
+      fetchAnnouncements() {
+        const cacheDate = localStorage.announcementsCacheDate;
+
+        if (cacheDate && (new Date() - new Date(cacheDate)) < 1000 * 3600) {
+          return Promise.resolve(JSON.parse(localStorage.announcementsCache));
+        } else {
+          return axios('/.netlify/functions/announcements')
+            .then(function (data) {
+              localStorage.announcementsCacheDate = new Date().toString();
+              localStorage.announcementsCache = JSON.stringify(data);
+              return data;
+            });
+        }
+      },
+      formatAnnouncement(announcement) {
+        let body = marked.parseInline(announcement.body.split('\r\n')[0], { breaks: true });
+        body += ` <a href="${announcement.url}">Read more.</a>`;
+
+        return {
+          title: announcement.title,
+          url  : announcement.url,
+          date : format(parseISO(announcement.createdAt), 'PPP'),
+          body : body,
+        };
+      }
+    }
+  }
+</script>
diff --git a/docs/README.md b/docs/README.md
index b45a84436..5b8f393e4 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -20,22 +20,7 @@ features:
 footer: Licensed under MIT License, documentation under CC BY 3.0
 ---
 
-<div style="display: flex">
-<div style="width: 50%">
-
-::: tip New tiles support
-Improve the loading time of big panoramas with the the [Tiles adapter](guide/adapters/tiles.md).
-:::
-
-</div>
-<div style="width: 50%">
-
-::: tip Typescript support
-Photo Sphere Viewer is now shipped with its own typings.
-:::
-
-</div>
-</div>
+<Announcements/>
 
 <iframe style="width: 100%; height: 600px;" src="//jsfiddle.net/mistic100/5r684etx/embedded/result,js/dark" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 

From fc5106599d907b22cdd5c666dedbf5fb479651fa Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 16 Nov 2021 13:36:37 +0100
Subject: [PATCH 02/12] fix: virtual tour plugin startNodeId

---
 docs/.vuepress/components/Announcements.vue | 18 +++++++++++++++---
 src/plugins/virtual-tour/index.js           |  4 ++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/docs/.vuepress/components/Announcements.vue b/docs/.vuepress/components/Announcements.vue
index 7925cf6ab..3a07a4b8e 100644
--- a/docs/.vuepress/components/Announcements.vue
+++ b/docs/.vuepress/components/Announcements.vue
@@ -1,7 +1,7 @@
 <template>
-  <div style="display: flex">
-    <div class="custom-block tip" style="flex: 1" v-for="entry in announcements">
-      <p class="custom-block-title">{{entry.title}}
+  <div class="announcements">
+    <div class="custom-block tip" v-for="entry in announcements">
+      <p class="custom-block-title"><Badge text="NEW"/> {{entry.title}}
         <small>{{entry.date}}</small>
       </p>
       <p v-html="entry.body"></p>
@@ -55,3 +55,15 @@
     }
   }
 </script>
+
+<style>
+.announcements {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.announcements > div {
+  flex: 1;
+  min-width: 300px;
+}
+</style>
diff --git a/src/plugins/virtual-tour/index.js b/src/plugins/virtual-tour/index.js
index b52656ad8..7f3e8c98b 100644
--- a/src/plugins/virtual-tour/index.js
+++ b/src/plugins/virtual-tour/index.js
@@ -318,10 +318,10 @@ export class VirtualTourPlugin extends AbstractPlugin {
     this.datasource.setNodes(nodes);
 
     if (!startNodeId) {
-      startNodeId = this.datasource.nodes[0].id;
+      startNodeId = nodes[0].id;
     }
     else if (!this.datasource.nodes[startNodeId]) {
-      startNodeId = this.datasource.nodes[0].id;
+      startNodeId = nodes[0].id;
       utils.logWarn(`startNodeId not found is provided nodes, resetted to ${startNodeId}`);
     }
 

From e5bdaf2ad21645165743bb1797301e3071adfa87 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Mon, 22 Nov 2021 13:25:23 +0100
Subject: [PATCH 03/12] Close #600 Update sasslint

---
 .stylelintrc.json            | 47 ++++++------------------------------
 package.json                 |  5 ++--
 src/styles/_vars.scss        | 25 +++++++++----------
 src/styles/notification.scss |  5 ++--
 src/styles/overlay.scss      |  7 +++---
 src/styles/panel.scss        |  4 ++-
 6 files changed, 31 insertions(+), 62 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 12349458e..df73f8a7c 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -1,49 +1,18 @@
 {
   "extends": [
-    "stylelint-config-standard"
+    "stylelint-config-standard-scss"
   ],
   "plugins": [
     "stylelint-scss"
   ],
   "rules": {
-    "number-leading-zero": "never",
     "max-empty-lines": 2,
-    "max-nesting-depth": 4,
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true,
-    "at-rule-empty-line-before": null,
-    "at-rule-name-space-after": "always",
-    "block-closing-brace-newline-after": [
-      "always",
-      {
-        "ignoreAtRules": [
-          "if",
-          "else"
-        ]
-      }
-    ],
-    "scss/at-else-closing-brace-newline-after": "always-last-in-chain",
-    "scss/at-else-closing-brace-space-after": "always-intermediate",
-    "scss/at-else-empty-line-before": "never",
-    "scss/at-if-closing-brace-newline-after": "always-last-in-chain",
-    "scss/at-if-closing-brace-space-after": "always-intermediate",
-    "scss/at-function-parentheses-space-before": "never",
-    "scss/at-import-no-partial-leading-underscore": true,
-    "scss/at-mixin-argumentless-call-parentheses": "always",
-    "scss/at-mixin-parentheses-space-before": "never",
-    "scss/dollar-variable-colon-space-after": "always",
-    "scss/dollar-variable-colon-space-before": "never",
-    "scss/dollar-variable-default": [
-      true,
-      {
-        "ignore": "local"
-      }
-    ],
-    "scss/media-feature-value-dollar-variable": "always",
-    "scss/operator-no-newline-after": true,
-    "scss/operator-no-newline-before": true,
-    "scss/operator-no-unspaced": true,
-    "scss/no-duplicate-dollar-variables": true,
-    "scss/at-extend-no-missing-placeholder": true
+    "max-line-length": null,
+    "color-function-notation": "legacy",
+    "alpha-value-notation": "number",
+    "number-leading-zero": "never",
+    "scss/dollar-variable-empty-line-before": null,
+    "string-quotes": "single",
+    "selector-class-pattern": null
   }
 }
diff --git a/package.json b/package.json
index 8394ba962..5332744d2 100644
--- a/package.json
+++ b/package.json
@@ -72,9 +72,8 @@
     "rollup-plugin-local-resolve": "^1.0.7",
     "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-string": "^3.0.0",
-    "stylelint": "^13.13.1",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-scss": "^3.20.1",
+    "stylelint": "^14.0.0",
+    "stylelint-config-standard-scss": "^3.0.0",
     "typescript": "^4.4.2",
     "vue-material": "^1.0.0-beta-11",
     "vue-slider-component": "^3.2.14",
diff --git a/src/styles/_vars.scss b/src/styles/_vars.scss
index 0fe342a3c..5e8fbb209 100644
--- a/src/styles/_vars.scss
+++ b/src/styles/_vars.scss
@@ -1,16 +1,16 @@
-//*** MAIN ***
+// *** MAIN ***
 $psv-main-background-stops: #fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100% !default;
 $psv-main-background: radial-gradient($psv-main-background-stops) !default;
 
 
-//*** LOADER ***
+// *** LOADER ***
 $psv-loader-color: rgba(61, 61, 61, .7) !default;
 $psv-loader-width: 150px !default;
 $psv-loader-tickness: 10px !default;
 $psv-loader-font: 14px sans-serif !default;
 
 
-//*** NAVBAR ***
+// *** NAVBAR ***
 $psv-navbar-height: 40px !default;
 $psv-navbar-background: rgba(61, 61, 61, .5) !default;
 
@@ -34,7 +34,7 @@ $psv-zoom-buttons-width: 16px !default;
 $psv-zoom-range-media-min-width: 600px !default;
 
 
-//*** TOOLTIP ***
+// *** TOOLTIP ***
 $psv-tooltip-background-color: rgba(61, 61, 61, .8) !default;
 $psv-tooltip-animate-offset: 5px !default;
 $psv-tooltip-animate-delay: 100ms !default;
@@ -48,23 +48,20 @@ $psv-tooltip-font: 14px sans-serif !default;
 $psv-tooltip-text-shadow: 0 1px #000 !default;
 
 $psv-tooltip-shadow-color: rgba(90, 90, 90, .7) !default;
-// the shadow is always at the opposite side of the arrow
-$psv-tooltip-shadow-offset: 3px !default;
+$psv-tooltip-shadow-offset: 3px !default; // the shadow is always at the opposite side of the arrow
 
 
-//*** PANEL ***
+// *** PANEL ***
 $psv-panel-background: rgba(10, 10, 10, .7) !default;
 $psv-panel-text-color: rgb(220, 220, 220) !default;
 
 $psv-panel-width: 400px !default;
 $psv-panel-padding: 1em !default;
 
-// must be odd
-$psv-panel-resizer-width: 9px !default;
+$psv-panel-resizer-width: 9px !default; // must be odd
 $psv-panel-resizer-background: rgba(0, 0, 0, .9) !default;
 $psv-panel-resizer-grip-color: #fff !default;
-// must be odd
-$psv-panel-resizer-grip-height: 29px !default;
+$psv-panel-resizer-grip-height: 29px !default; // must be odd
 $psv-panel-close-button-width: 24px !default;
 $psv-panel-close-button-background: $psv-panel-resizer-background !default;
 $psv-panel-close-button-color: #fff !default;
@@ -81,7 +78,7 @@ $psv-panel-menu-odd-background: rgba(255, 255, 255, .1) !default;
 $psv-panel-menu-even-background: transparent !default;
 
 
-//*** NOTIFICATION ***
+// *** NOTIFICATION ***
 $psv-notification-bottom: (from: - $psv-navbar-height, to: $psv-navbar-height * 2) !default;
 $psv-notification-animate-delay: 200ms !default;
 $psv-notification-background-color: $psv-tooltip-background-color !default;
@@ -91,7 +88,7 @@ $psv-notification-font: $psv-tooltip-font !default;
 $psv-notification-text-color: $psv-tooltip-text-color !default;
 
 
-//*** OVERLAY ***
+// *** OVERLAY ***
 $psv-overlay-color: black !default;
 $psv-overlay-opacity: .8 !default;
 $psv-overlay-font-family: sans-serif !default;
@@ -100,7 +97,7 @@ $psv-overlay-subtext-size: 20px !default;
 $psv-overlay-image-size: (portrait: 50vw, landscape: 25vw) !default;
 
 
-//*** Z-INDEXES ***
+// *** Z-INDEXES ***
 $psv-canvas-zindex: 0 !default;
 $psv-hud-zindex: 10 !default;
 $psv-polygon-marker-zindex: 20 !default;
diff --git a/src/styles/notification.scss b/src/styles/notification.scss
index cb57567d2..55b255ebe 100644
--- a/src/styles/notification.scss
+++ b/src/styles/notification.scss
@@ -1,9 +1,10 @@
+@use 'sass:map';
 @import 'vars';
 
 .psv-notification {
   position: absolute;
   z-index: $psv-notification-zindex;
-  bottom: map-get($psv-notification-bottom, from);
+  bottom: map.get($psv-notification-bottom, from);
   display: flex;
   justify-content: center;
   box-sizing: border-box;
@@ -25,6 +26,6 @@
 
   &--visible {
     opacity: 100;
-    bottom: map-get($psv-notification-bottom, to);
+    bottom: map.get($psv-notification-bottom, to);
   }
 }
diff --git a/src/styles/overlay.scss b/src/styles/overlay.scss
index 287a99663..2eb82c9ae 100644
--- a/src/styles/overlay.scss
+++ b/src/styles/overlay.scss
@@ -1,3 +1,4 @@
+@use 'sass:map';
 @import 'vars';
 
 .psv-overlay {
@@ -19,10 +20,10 @@
     margin-bottom: 4vh;
 
     svg {
-      width: map-get($psv-overlay-image-size, portrait);
+      width: map.get($psv-overlay-image-size, portrait);
 
-      @media (orientation: landscape) { /* stylelint-disable-line scss/media-feature-value-dollar-variable */
-        width: map-get($psv-overlay-image-size, landscape);
+      @media (orientation: landscape) {
+        width: map.get($psv-overlay-image-size, landscape);
       }
     }
   }
diff --git a/src/styles/panel.scss b/src/styles/panel.scss
index 98053b314..6290b1a00 100644
--- a/src/styles/panel.scss
+++ b/src/styles/panel.scss
@@ -1,3 +1,4 @@
+@use 'sass:list';
 @import 'vars';
 
 /* stylelint-disable scss/no-duplicate-dollar-variables */
@@ -100,6 +101,7 @@
     cursor: col-resize;
 
     $psv-panel-resizer-grip-width: $psv-panel-resizer-width - 4px;
+
     @if $psv-panel-resizer-grip-width > 0 {
       &::before {
         content: '';
@@ -179,7 +181,7 @@
       flex: none;
       height: $psv-panel-menu-item-height;
       width: $psv-panel-menu-item-height;
-      margin-right: #{nth($psv-panel-menu-item-padding, 1)};
+      margin-right: #{list.nth($psv-panel-menu-item-padding, 1)};
 
       img {
         max-width: 100%;

From 153682506bc43c39c185240604df43920de8e708 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Mon, 22 Nov 2021 13:53:21 +0100
Subject: [PATCH 04/12] Fix sass usage

---
 package.json                       |  4 ++--
 rollup.config.js                   |  2 +-
 src/styles/buttons/autorotate.scss |  6 +++---
 src/styles/buttons/zoom-range.scss |  4 ++--
 src/styles/panel.scss              | 14 +++++---------
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 5332744d2..80e30d419 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,6 @@
     "@babel/plugin-proposal-optional-chaining": "^7.14.5",
     "@babel/preset-env": "^7.15.0",
     "@babel/register": "^7.15.3",
-    "@csstools/postcss-sass": "https://github.com/sinankeskin/postcss-sass#master",
     "@pixi/jsdoc-template": "^2.5.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-json": "^4.1.0",
@@ -70,8 +69,9 @@
     "rollup": "^2.56.0",
     "rollup-plugin-dts": "^4.0.0",
     "rollup-plugin-local-resolve": "^1.0.7",
-    "rollup-plugin-postcss": "^4.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
+    "sass": "^1.43.4",
     "stylelint": "^14.0.0",
     "stylelint-config-standard-scss": "^3.0.0",
     "typescript": "^4.4.2",
diff --git a/rollup.config.js b/rollup.config.js
index febd16a89..5cdc6da53 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -59,8 +59,8 @@ const baseConfig = {
     postcss({
       extract  : true,
       sourceMap: true,
+      use      : ['sass'],
       plugins  : [
-        require('@csstools/postcss-sass')({}),
         require('autoprefixer')({}),
         require('postcss-banner')({
           banner   : cssBanner,
diff --git a/src/styles/buttons/autorotate.scss b/src/styles/buttons/autorotate.scss
index 28b54a030..85d59e343 100644
--- a/src/styles/buttons/autorotate.scss
+++ b/src/styles/buttons/autorotate.scss
@@ -2,8 +2,8 @@
 
 .psv-autorotate-button {
   &.psv-button {
-    width: #{$psv-buttons-height + $psv-buttons-padding / 2};
-    height: #{$psv-buttons-height + $psv-buttons-padding / 2};
-    padding: #{$psv-buttons-padding / 4 * 3};
+    width: #{$psv-buttons-height + $psv-buttons-padding * .5};
+    height: #{$psv-buttons-height + $psv-buttons-padding * .5};
+    padding: #{$psv-buttons-padding * .25 * 3};
   }
 }
diff --git a/src/styles/buttons/zoom-range.scss b/src/styles/buttons/zoom-range.scss
index 1b79d2958..5adbad3f1 100644
--- a/src/styles/buttons/zoom-range.scss
+++ b/src/styles/buttons/zoom-range.scss
@@ -5,7 +5,7 @@
     width: $psv-zoom-range-width;
     height: $psv-zoom-range-tickness;
     margin: $psv-buttons-padding 0;
-    padding: #{($psv-buttons-height - $psv-zoom-range-tickness) / 2} 0;
+    padding: #{($psv-buttons-height - $psv-zoom-range-tickness) * .5} 0;
     max-width: $psv-zoom-range-media-min-width; // trick for JS access
   }
 
@@ -20,7 +20,7 @@
   &-handle {
     position: absolute;
     border-radius: 50%;
-    top: #{($psv-zoom-range-tickness - $psv-zoom-disk-diameter) / 2};
+    top: #{($psv-zoom-range-tickness - $psv-zoom-disk-diameter) * .5};
     width: $psv-zoom-disk-diameter;
     height: $psv-zoom-disk-diameter;
     background: $psv-buttons-color;
diff --git a/src/styles/panel.scss b/src/styles/panel.scss
index 6290b1a00..dfc94b40c 100644
--- a/src/styles/panel.scss
+++ b/src/styles/panel.scss
@@ -1,13 +1,10 @@
 @use 'sass:list';
 @import 'vars';
 
-/* stylelint-disable scss/no-duplicate-dollar-variables */
-@function make-dot-shadow($color, $width, $height) {
+@function make-dot-shadow($color, $w, $h) {
   $val: 1px 0 $color;
   $x: 3;
   $y: 0;
-  $w: $width / 1px;
-  $h: $height / 1px;
 
   @while $y < $h {
     @if $x > $w {
@@ -21,7 +18,6 @@
 
   @return $val;
 }
-/* stylelint-enable */
 
 .psv-panel {
   position: absolute;
@@ -107,8 +103,8 @@
         content: '';
         position: absolute;
         top: 50%;
-        left: ($psv-panel-resizer-width - $psv-panel-resizer-grip-width) / 2 - 1px;
-        margin-top: (-$psv-panel-resizer-grip-height / 2);
+        left: ($psv-panel-resizer-width - $psv-panel-resizer-grip-width) * .5 - 1px;
+        margin-top: (-$psv-panel-resizer-grip-height * .5);
         width: 1px;
         height: 1px;
         box-shadow: make-dot-shadow($psv-panel-resizer-grip-color, $psv-panel-resizer-grip-width, $psv-panel-resizer-grip-height);
@@ -152,12 +148,12 @@
     display: flex;
     align-items: center;
     font: $psv-panel-title-font;
-    margin: $psv-panel-title-margin $psv-panel-title-margin / 2;
+    margin: $psv-panel-title-margin $psv-panel-title-margin * .5;
 
     svg {
       width: $psv-panel-title-icon-size;
       height: $psv-panel-title-icon-size;
-      margin-right: $psv-panel-title-margin / 2;
+      margin-right: $psv-panel-title-margin * .5;
     }
   }
 

From 4d604a41e2f1be3385ebb942f86e796fc6765f6e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 26 Nov 2021 04:17:47 +0000
Subject: [PATCH 05/12] Bump three from 0.134.0 to 0.135.0

Bumps [three](https://github.com/mrdoob/three.js) from 0.134.0 to 0.135.0.
- [Release notes](https://github.com/mrdoob/three.js/releases)
- [Commits](https://github.com/mrdoob/three.js/commits)

---
updated-dependencies:
- dependency-name: three
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 80e30d419..4c27ddeba 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "url": "git://github.com/mistic100/Photo-Sphere-Viewer.git"
   },
   "dependencies": {
-    "three": "^0.134.0",
+    "three": "^0.135.0",
     "uevent": "~2.0.1"
   },
   "devDependencies": {

From 746a41225d9b56f169f622e8af8869cc1a0093f5 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Wed, 1 Dec 2021 13:25:30 +0100
Subject: [PATCH 06/12] Fix #603 Virtual tour navigation on touch screens

---
 src/plugins/virtual-tour/index.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/plugins/virtual-tour/index.js b/src/plugins/virtual-tour/index.js
index 7f3e8c98b..530e9c612 100644
--- a/src/plugins/virtual-tour/index.js
+++ b/src/plugins/virtual-tour/index.js
@@ -267,6 +267,11 @@ export class VirtualTourPlugin extends AbstractPlugin {
 
       case CONSTANTS.EVENTS.CLICK:
         nodeId = this.prop.currentArrow?.userData?.[LINK_DATA]?.nodeId;
+        if (!nodeId) {
+          // on touch screens "currentArrow" may be null (no hover state)
+          const arrow = this.psv.dataHelper.getIntersection({ x: e.args[0].viewerX, y: e.args[0].viewerY }, LINK_DATA)?.object;
+          nodeId = arrow?.userData?.[LINK_DATA]?.nodeId;
+        }
         if (nodeId) {
           this.setCurrentNode(nodeId);
         }

From 512fb94a027bd9a1fef24430b7fc2751868d3756 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Wed, 1 Dec 2021 13:35:22 +0100
Subject: [PATCH 07/12] Fix click behavior on touch screens

---
 src/services/EventsHandler.js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/services/EventsHandler.js b/src/services/EventsHandler.js
index 7d12006da..7348098f4 100644
--- a/src/services/EventsHandler.js
+++ b/src/services/EventsHandler.js
@@ -341,6 +341,7 @@ export class EventsHandler extends AbstractService {
     }
     else if (evt.touches.length === 2) {
       this.__cancelLongTouch();
+      this.__cancelTwoFingersOverlay();
       this.__startMoveZoom(evt);
       evt.preventDefault();
     }
@@ -357,6 +358,7 @@ export class EventsHandler extends AbstractService {
     }
 
     this.__cancelLongTouch();
+    this.__cancelTwoFingersOverlay();
 
     if (evt.touches.length === 1) {
       this.__stopMoveZoom();
@@ -364,11 +366,6 @@ export class EventsHandler extends AbstractService {
     else if (evt.touches.length === 0) {
       this.__stopMove(evt.changedTouches[0]);
     }
-
-    if (this.config.touchmoveTwoFingers) {
-      this.__cancelTwoFingersOverlay();
-      this.psv.overlay.hide(IDS.TWO_FINGERS);
-    }
   }
 
   /**
@@ -381,6 +378,8 @@ export class EventsHandler extends AbstractService {
       return;
     }
 
+    this.__cancelLongTouch();
+
     if (evt.touches.length === 1) {
       if (this.config.touchmoveTwoFingers) {
         if (!this.prop.twofingersTimeout) {
@@ -401,9 +400,7 @@ export class EventsHandler extends AbstractService {
     else if (evt.touches.length === 2) {
       evt.preventDefault();
       this.__moveZoom(evt);
-      if (this.config.touchmoveTwoFingers) {
-        this.__cancelTwoFingersOverlay();
-      }
+      this.__cancelTwoFingersOverlay();
     }
   }
 
@@ -427,6 +424,7 @@ export class EventsHandler extends AbstractService {
       clearTimeout(this.prop.twofingersTimeout);
       this.prop.twofingersTimeout = null;
     }
+    this.psv.overlay.hide(IDS.TWO_FINGERS);
   }
 
   /**

From a2d414cec41b751b290a0b57da3b698d6139ec06 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Wed, 1 Dec 2021 13:45:17 +0100
Subject: [PATCH 08/12] Close #602 add "load-progress" event

---
 src/components/Loader.js  | 3 +++
 src/data/constants.js     | 7 +++++++
 types/Viewer.d.ts         | 6 +++++-
 types/data/constants.d.ts | 1 +
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/Loader.js b/src/components/Loader.js
index 7886574e0..e8d68863f 100644
--- a/src/components/Loader.js
+++ b/src/components/Loader.js
@@ -1,3 +1,4 @@
+import { EVENTS } from '../data/constants';
 import { SYSTEM } from '../data/system';
 import { bound, getStyle } from '../utils';
 import { AbstractComponent } from './AbstractComponent';
@@ -113,6 +114,8 @@ export class Loader extends AbstractComponent {
       -Math.PI / 2, bound(value, 0, 100) / 100 * 2 * Math.PI - Math.PI / 2
     );
     context.stroke();
+
+    this.psv.trigger(EVENTS.LOAD_PROGRESS, Math.round(value));
   }
 
 }
diff --git a/src/data/constants.js b/src/data/constants.js
index 76a93cec8..3039fd99d 100644
--- a/src/data/constants.js
+++ b/src/data/constants.js
@@ -166,6 +166,13 @@ export const EVENTS = {
    * @param {*} Data associated to this tooltip
    */
   HIDE_TOOLTIP      : 'hide-tooltip',
+  /**
+   * @event load-progress
+   * @memberof PSV
+   * @summary Triggered when the loader value changes
+   * @param {number} value from 0 to 100
+   */
+  LOAD_PROGRESS     : 'load-progress',
   /**
    * @event open-panel
    * @memberof PSV
diff --git a/types/Viewer.d.ts b/types/Viewer.d.ts
index e8c337cb9..2645abf2a 100644
--- a/types/Viewer.d.ts
+++ b/types/Viewer.d.ts
@@ -343,9 +343,13 @@ export class Viewer extends EventEmitter {
    */
   on(e: 'hide-overlay', cb: (e: Event, id: string | undefined) => void): this;
   /**
-   * @summary Trigered when the tooltip is hidden
+   * @summary Triggered when the tooltip is hidden
    */
   on(e: 'hide-tooltip', cb: (e: Event, data: any) => void): this;
+  /**
+   * @summary Triggered when the loader value changes
+   */
+  on(e: 'load-progress', cb: (e: Event, value: number) => void): this;
   /**
    * @summary Triggered when the panel is opened
    */
diff --git a/types/data/constants.d.ts b/types/data/constants.d.ts
index 38fc1d82a..4035e886d 100644
--- a/types/data/constants.d.ts
+++ b/types/data/constants.d.ts
@@ -36,6 +36,7 @@ export const EVENTS: {
   HIDE_NOTIFICATION: 'hide-notification',
   HIDE_OVERLAY: 'hide-overlay',
   HIDE_TOOLTIP: 'hide-tooltip',
+  LOAD_PROGRESS: 'load-progress',
   OPEN_PANEL: 'open-panel',
   PANORAMA_LOADED: 'panorama-loaded',
   POSITION_UPDATED: 'position-updated',

From 5c1364d9fe8df6011f9cfe1a6c1b5e613364a4de Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Tue, 7 Dec 2021 19:31:51 +0100
Subject: [PATCH 09/12] doc: new algolia config

---
 docs/.vuepress/config.js | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 0a654b137..0d9f1335e 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -16,7 +16,8 @@ module.exports = {
     smoothScroll: true,
     sidebarDepth: 3,
     algolia     : {
-      apiKey   : 'a27daf8784ab1c35fdbdf1dee321428c',
+      appId    : '5AVMW192FM',
+      apiKey   : 'd443b6c08ed5353575f503b7a57f5bbf',
       indexName: 'photo-sphere-viewer',
     },
     nav         : [
@@ -43,19 +44,19 @@ module.exports = {
             'cropped-panorama',
             'migration-v3',
             {
-              title: 'Adapters',
-              path: '/guide/adapters/',
-              collapsable : false,
-              children: [
+              title      : 'Adapters',
+              path       : '/guide/adapters/',
+              collapsable: false,
+              children   : [
                 'adapters/cubemap',
                 'adapters/tiles',
               ],
             },
             {
-              title: 'Reusable components',
-              path: '/guide/components/',
-              collapsable : false,
-              children: [
+              title      : 'Reusable components',
+              path       : '/guide/components/',
+              collapsable: false,
+              children   : [
                 'components/panel',
                 'components/notification',
                 'components/overlay',
@@ -92,9 +93,9 @@ module.exports = {
           ],
         },
       ],
-      '/demos/': [
+      '/demos/'  : [
         {
-          title: 'Demos',
+          title       : 'Demos',
           sidebarDepth: 3,
           collapsable : false,
           children    : [

From 02c11daf36ed5c93fa81648e1f16aba0d0786183 Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Wed, 8 Dec 2021 18:46:07 +0100
Subject: [PATCH 10/12] Fix node-sass version for vuepress

---
 .github/workflows/ci.yml | 12 ++++++------
 package.json             |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index b12e53f4a..298608cac 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -7,9 +7,9 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
-    - name: build
-      run: |
-        npm install
-        npm run compile
-        npm run test
+      - uses: actions/checkout@v2
+      - name: build
+        run: |
+          yarn
+          yarn compile
+          yarn test
diff --git a/package.json b/package.json
index 4c27ddeba..b654f9142 100644
--- a/package.json
+++ b/package.json
@@ -81,6 +81,10 @@
     "vuepress": "^1.8.2",
     "vuepress-plugin-element-tabs": "^0.2.8"
   },
+  "resolutions": {
+    "node-sass": "^7.0.0",
+    "sass-loader": "^10.2.0"
+  },
   "scripts": {
     "compile": "npm-run-all compile:*",
     "compile:prepare": "cpx \"node_modules/three/examples/jsm/**/*\" three-examples/",

From bfe7dc458748648b4ea8d511ca8b4ec63a0f0b5f Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Wed, 8 Dec 2021 19:16:18 +0100
Subject: [PATCH 11/12] Add milestone-comment GH action

---
 .github/workflows/close-milestone.yml | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 .github/workflows/close-milestone.yml

diff --git a/.github/workflows/close-milestone.yml b/.github/workflows/close-milestone.yml
new file mode 100644
index 000000000..5f56c2fe0
--- /dev/null
+++ b/.github/workflows/close-milestone.yml
@@ -0,0 +1,19 @@
+name: close-milestone
+
+on:
+  milestone:
+    types: [closed]
+
+permissions:
+  issues: write
+  pull-requests: write
+
+jobs:
+  comment:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: bflad/action-milestone-comment@v1
+        with:
+          body: |
+            This feature/bug fix has been released in [version ${{ github.event.milestone.title }}](https://github.com/mistic100/Photo-Sphere-Viewer/releases/tag/${{ github.event.milestone.title }}).

From 2bb22392987638273839e7b1909894c7bc334c81 Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Wed, 8 Dec 2021 22:40:53 +0100
Subject: [PATCH 12/12] Fix #605 doc: remove vuepress-plugin-element-tabs

---
 docs/.vuepress/components/Playground.vue | 31 ++++++++++++++----------
 docs/.vuepress/config.js                 |  1 -
 docs/.vuepress/enhanceApp.js             |  3 ++-
 docs/.vuepress/styles/index.styl         | 13 +++++++---
 docs/guide/README.md                     | 13 +++++-----
 docs/guide/adapters/README.md            | 14 +++++------
 docs/plugins/README.md                   | 14 +++++------
 docs/plugins/plugin-virtual-tour.md      | 28 +++++++++------------
 package.json                             |  9 ++-----
 9 files changed, 62 insertions(+), 64 deletions(-)

diff --git a/docs/.vuepress/components/Playground.vue b/docs/.vuepress/components/Playground.vue
index adf67b0b6..e9f613b4a 100644
--- a/docs/.vuepress/components/Playground.vue
+++ b/docs/.vuepress/components/Playground.vue
@@ -2,7 +2,7 @@
   .playground-container {
     margin: 0 calc(-50vw + 940px / 2);
     display: flex;
-    align-items: flex-start;
+    align-items: stretch;
   }
 
   #form {
@@ -39,8 +39,13 @@
     }
   }
 
-  .playground-container .el-tabs__content {
-    overflow: visible;
+  .playground-container .md-tabs {
+    align-items: stretch;
+  }
+
+  .playground-container .md-tabs-content {
+    overflow-y: visible;
+    height: 100% !important;
   }
 
   .playground-container .md-title {
@@ -55,8 +60,8 @@
 
 <template>
   <div class="playground-container">
-    <Tabs type="border-card" stretch id="form">
-      <Tab label="Panorama">
+    <md-tabs id="form" md-elevation="1" md-alignment="fixed">
+      <md-tab md-label="Panorama">
         <div class="md-layout md-gutter">
           <md-button class="md-primary md-dense md-raised" style="margin: 15px 0 0 20px; width: 150px"
                      v-on:click="loadDefaultFile" target="_blank">
@@ -74,9 +79,9 @@
           <label>Caption</label>
           <md-input name="caption" v-model="options.caption" :disabled="!imageData"/>
         </md-field>
-      </Tab>
+      </md-tab>
 
-      <Tab label="Standard options">
+      <md-tab md-label="Standard options">
         <div class="md-layout md-gutter">
           <div class="md-layout-item md-size-33">
             <md-field>
@@ -154,9 +159,9 @@
             </md-checkbox>
           </div>
         </div>
-      </Tab>
+      </md-tab>
 
-      <Tab label="Advanced options">
+      <md-tab md-label="Advanced options">
         <div class="md-layout md-gutter" style="margin-bottom: 30px">
           <div class="md-layout-item md-size-33">
             <label class="md-caption">Correction, pan</label>
@@ -205,16 +210,16 @@
             </md-field>
           </div>
         </div>
-      </Tab>
+      </md-tab>
 
-      <Tab label="Navbar config">
+      <md-tab md-label="Navbar config">
         <div class="md-layout md-gutter">
           <div class="md-layout-item md-size-33" v-for="item in navbar">
             <md-checkbox class="md-primary" v-model="item.enabled" :disabled="!imageData">{{item.label}}</md-checkbox>
           </div>
         </div>
-      </Tab>
-    </Tabs>
+      </md-tab>
+    </md-tabs>
 
     <div id="viewer"></div>
   </div>
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 0d9f1335e..9aa8e8263 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -111,7 +111,6 @@ module.exports = {
       'ga': 'UA-28192323-3',
     }],
     ['@vuepress/back-to-top'],
-    ['vuepress-plugin-element-tabs'],
   ],
   alias      : {
     'photo-sphere-viewer'           : path.resolve(process.cwd(), 'dist/photo-sphere-viewer.js'),
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index de1102f8c..35223ab60 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -1,4 +1,4 @@
-import { MdButton, MdCheckbox, MdField } from 'vue-material/dist/components';
+import { MdButton, MdCheckbox, MdField, MdTabs } from 'vue-material/dist/components';
 import VSwatches from 'vue-swatches';
 import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min';
 
@@ -12,6 +12,7 @@ export default ({ Vue, router }) => {
   Vue.use(MdField);
   Vue.use(MdButton);
   Vue.use(MdCheckbox);
+  Vue.use(MdTabs);
   Vue.component('v-swatches', VSwatches);
   Vue.component('vue-slider', VueSlider);
 
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index b19abac4e..303e18780 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -12,12 +12,19 @@
   max-width: 940px;
 }
 
-.md-theme-default a:not(.md-button):hover,
-.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active,
-.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover{
+.md-theme-default a:not(.md-button):hover {
     color: $accentColor;
 }
 
+.md-tab {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.md-tabs-content {
+  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
+}
+
 .site-name .md-badge {
   position: static;
   display: inline;
diff --git a/docs/guide/README.md b/docs/guide/README.md
index 93467803a..977d17486 100644
--- a/docs/guide/README.md
+++ b/docs/guide/README.md
@@ -38,9 +38,8 @@ You can also [download the latest release](https://github.com/mistic100/Photo-Sp
 
 Include all JS & CSS files in your page manually or with your favorite bundler and init the viewer.
 
-:::: tabs
-
-::: tab Direct import
+<md-tabs md-elevation="1">
+<md-tab md-label="Direct import">
 ```html
 <head>
   <!-- for optimal display on high DPI devices -->
@@ -63,9 +62,9 @@ Include all JS & CSS files in your page manually or with your favorite bundler a
   });
 </script>
 ```
-:::
+</md-tab>
 
-::: tab ES import
+<md-tab md-label="ES import">
 Import `photo-sphere-viewer/dist/photo-sphere-viewer.css` with the prefered way depending on your tooling.
 
 ```html
@@ -86,9 +85,9 @@ const viewer = new Viewer({
   panorama: 'path/to/panorama.jpg'
 });
 ```
-:::
+</md-tab>
+</md-tabs>
 
-::::
 
 The `panorama` must be an [equirectangular projection](https://en.wikipedia.org/wiki/Equirectangular_projection) of your photo. Other modes are supported through [adapters](./adapters/).
 
diff --git a/docs/guide/adapters/README.md b/docs/guide/adapters/README.md
index 546f7da45..309e18e22 100644
--- a/docs/guide/adapters/README.md
+++ b/docs/guide/adapters/README.md
@@ -13,9 +13,8 @@ Official adapters (listed on the left menu) are available in the the main `photo
 
 **Example for the Cubemap adapter:**
 
-:::: tabs
-
-::: tab Direct import
+<md-tabs md-elevation="1">
+<md-tab md-label="Direct import">
 ```html
 <!-- base imports of PSV and dependencies -->
 
@@ -30,9 +29,9 @@ new PhotoSphereViewer.Viewer({
   panorama: // specific to the adapter,
 });
 ```
-:::
+</md-tab>
 
-::: tab ES import
+<md-tab md-label="ES import">
 ```js
 import { CubemapAdapter } from 'photo-sphere-viewer/dist/adapters/cubemap';
 
@@ -43,6 +42,5 @@ new Viewer({
   panorama: // specific to the adapter,
 });
 ```
-:::
-
-::::
+</md-tab>
+</md-tabs>
diff --git a/docs/plugins/README.md b/docs/plugins/README.md
index 2bae95158..e52a7399d 100644
--- a/docs/plugins/README.md
+++ b/docs/plugins/README.md
@@ -8,9 +8,8 @@ Official plugins (listed on the left menu) are available in the the main `photo-
 
 **Example for the Markers plugin:**
 
-:::: tabs
-
-::: tab Direct import
+<md-tabs md-elevation="1">
+<md-tab md-label="Direct import">
 ```html
 <!-- base imports of PSV and dependencies -->
 
@@ -18,17 +17,16 @@ Official plugins (listed on the left menu) are available in the the main `photo-
 
 <script src="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/plugins/markers.min.js"></script>
 ```
-:::
+</md-tab>
 
-::: tab ES import
+<md-tab md-label="ES import">
 Import `photo-sphere-viewer/dist/plugins/markers.css` with the prefered way depending on your tooling.
 
 ```js
 import { MarkersPlugin } from 'photo-sphere-viewer/dist/plugins/markers';
 ```
-:::
-
-::::
+</md-tab>
+</md-tabs>
 
 
 
diff --git a/docs/plugins/plugin-virtual-tour.md b/docs/plugins/plugin-virtual-tour.md
index 8f9e50d58..a62c4083d 100644
--- a/docs/plugins/plugin-virtual-tour.md
+++ b/docs/plugins/plugin-virtual-tour.md
@@ -14,9 +14,8 @@ The plugin allows to define `nodes` which contains a `panorama` and one or more
 
 There two different ways to define the position of the links : the manual way and the GPS way.
 
-:::: tabs
-
-::: tab Manual mode
+<md-tabs md-elevation="1">
+<md-tab md-label="Manual mode">
 In manual mode each link must have `longitude`/`latitude` or `x`/`y` coordinates to be placed at the correct location on the panorama. This works exactly like the placement of markers.
 
 ```js
@@ -30,9 +29,9 @@ const node = {
   }],
 };
 ```
-:::
+</md-tab>
 
-::: tab GPS mode
+<md-tab md-label="GPS mode">
 In GPS mode each node has positionning coordinates and the links are placed automatically.
 
 ```js
@@ -46,16 +45,14 @@ const node = {
   }],
 };
 ```
-:::
-
-::::
+</md-tab>
+</md-tabs>
 
 
 The nodes can be provided all at once or asynchronously as the user navigates.
 
-:::: tabs
-
-::: tab Client mode
+<md-tabs md-elevation="1">
+<md-tab md-label="Client mode">
 In client mode you must provide all `nodes` all at once, you can also change all the nodes with the `setNodes` method.
 
 ```js
@@ -64,10 +61,9 @@ const nodes = [
   { id: 'node-2', panorama: '002.jpg', links: [{ nodeId: 'node-1', x: 3000, y: 780}] },
 ];
 ```
+</md-tab>
 
-:::
-
-::: tab Server mode
+<md-tab md-label="Server mode">
 In server mode you provide the callbacks `getNode` and `getLinks` which both return a Promise to load the data of a node and the links of a node.
 
 ```js
@@ -81,10 +77,10 @@ getLinks = (nodeId) => {
 
 ::: tip Optimize HTTP calls
 `getNode` can return a node object with its `links` property already filled, in this case `getLinks` is not called.
-
 :::
 
-::::
+</md-tab>
+</md-tabs>
 
 
 ## Example
diff --git a/package.json b/package.json
index b654f9142..f8f4065b1 100644
--- a/package.json
+++ b/package.json
@@ -75,15 +75,10 @@
     "stylelint": "^14.0.0",
     "stylelint-config-standard-scss": "^3.0.0",
     "typescript": "^4.4.2",
-    "vue-material": "^1.0.0-beta-11",
+    "vue-material": "^1.0.0-beta-15",
     "vue-slider-component": "^3.2.14",
     "vue-swatches": "^2.1.1",
-    "vuepress": "^1.8.2",
-    "vuepress-plugin-element-tabs": "^0.2.8"
-  },
-  "resolutions": {
-    "node-sass": "^7.0.0",
-    "sass-loader": "^10.2.0"
+    "vuepress": "^1.8.2"
   },
   "scripts": {
     "compile": "npm-run-all compile:*",