From af901c9900d2b88d67687deb7f31f89697b54e16 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 31 May 2022 12:48:48 +0200
Subject: [PATCH 01/13] doc: fix changelog and announcements

---
 docs/.vuepress/enhanceApp.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index 7fae2aac4..eee32e11f 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -8,6 +8,8 @@ import 'vue-slider-component/dist-css/vue-slider-component.css';
 import 'vue-slider-component/theme/material.css'
 import 'vue-swatches/dist/vue-swatches.css';
 
+window.global = window;
+
 export default ({ Vue, router }) => {
   Vue.use(VueMaterial);
   Vue.component('v-swatches', VSwatches);

From f3a62bb9561c8e205fdb676559eeca408c95d093 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 5 Jun 2022 10:53:34 +0200
Subject: [PATCH 02/13] Bump stylelint-config-standard-scss from 3.0.0 to 4.0.0
 (#687)

Bumps [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss) from 3.0.0 to 4.0.0.
- [Release notes](https://github.com/stylelint-scss/stylelint-config-standard-scss/releases)
- [Changelog](https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint-scss/stylelint-config-standard-scss/compare/v3.0.0...v4.0.0)

---
updated-dependencies:
- dependency-name: stylelint-config-standard-scss
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 59ef92b00..52555149c 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "rollup-plugin-string": "^3.0.0",
     "sass": "^1.43.4",
     "stylelint": "^14.0.0",
-    "stylelint-config-standard-scss": "^3.0.0",
+    "stylelint-config-standard-scss": "^4.0.0",
     "typescript": "^4.4.2",
     "vue-material": "^1.0.0-beta-15",
     "vue-slider-component": "^3.2.14",

From 9aa13d27c10ddef5503b57a18fbb2d54510356f3 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 7 Jun 2022 13:49:14 +0200
Subject: [PATCH 03/13] Remove circular dependency

---
 src/buttons/DescriptionButton.js | 3 +--
 src/utils/Dynamic.js             | 2 +-
 src/utils/MultiDynamic.js        | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/buttons/DescriptionButton.js b/src/buttons/DescriptionButton.js
index ca389011f..a75499b38 100644
--- a/src/buttons/DescriptionButton.js
+++ b/src/buttons/DescriptionButton.js
@@ -1,4 +1,3 @@
-import { NavbarCaption } from '../components/NavbarCaption';
 import { EVENTS, IDS } from '../data/constants';
 import info from '../icons/info.svg';
 import { AbstractButton } from './AbstractButton';
@@ -103,7 +102,7 @@ export class DescriptionButton extends AbstractButton {
    */
   refreshUi(refresh = false) {
     if (refresh) {
-      const caption = this.psv.navbar.getButton(NavbarCaption.id, false);
+      const caption = this.psv.navbar.getButton('caption', false);
       const captionHidden = caption && !caption.isVisible();
       const hasDescription = !!this.psv.config.description;
 
diff --git a/src/utils/Dynamic.js b/src/utils/Dynamic.js
index 1b18b5ac2..78f4f4b8c 100644
--- a/src/utils/Dynamic.js
+++ b/src/utils/Dynamic.js
@@ -1,5 +1,5 @@
 import { PSVError } from '../PSVError';
-import { bound, loop } from './index';
+import { bound, loop } from './math';
 
 /**
  * @summary Represents a variable that can dynamically change with time (using requestAnimationFrame)
diff --git a/src/utils/MultiDynamic.js b/src/utils/MultiDynamic.js
index 1b36f15ec..3e6efce7c 100644
--- a/src/utils/MultiDynamic.js
+++ b/src/utils/MultiDynamic.js
@@ -1,4 +1,4 @@
-import { each } from './index';
+import { each } from './misc';
 
 /**
  * @summary Wrapper for multiple {@link PSV.utils.Dynamic} evolving together

From 4cf5a36ecf3456c2bbd26347203b3ca829baa09b Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 7 Jun 2022 13:49:48 +0200
Subject: [PATCH 04/13] doc: fix changelog and announcements

---
 docs/.vuepress/components/Announcements.vue | 10 ++++++++--
 docs/.vuepress/components/Changelog.vue     | 12 +++++++++---
 docs/.vuepress/enhanceApp.js                |  2 --
 package.json                                |  1 -
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/docs/.vuepress/components/Announcements.vue b/docs/.vuepress/components/Announcements.vue
index 3a07a4b8e..337a68920 100644
--- a/docs/.vuepress/components/Announcements.vue
+++ b/docs/.vuepress/components/Announcements.vue
@@ -10,7 +10,6 @@
 </template>
 
 <script>
-  const axios = require('axios');
   const { marked } = require('marked');
   const { format, parseISO } = require('date-fns');
 
@@ -33,7 +32,14 @@
         if (cacheDate && (new Date() - new Date(cacheDate)) < 1000 * 3600) {
           return Promise.resolve(JSON.parse(localStorage.announcementsCache));
         } else {
-          return axios('/.netlify/functions/announcements')
+          return fetch('/.netlify/functions/announcements')
+            .then((response) => {
+              if (response.ok) {
+                return response.json();
+              } else {
+                throw new Error(response.statusText);
+              }
+            })
             .then(function (data) {
               localStorage.announcementsCacheDate = new Date().toString();
               localStorage.announcementsCache = JSON.stringify(data);
diff --git a/docs/.vuepress/components/Changelog.vue b/docs/.vuepress/components/Changelog.vue
index a8ea9e6f7..c53a55c94 100644
--- a/docs/.vuepress/components/Changelog.vue
+++ b/docs/.vuepress/components/Changelog.vue
@@ -20,7 +20,6 @@
 </template>
 
 <script>
-  const axios = require('axios');
   const { marked } = require('marked');
   const { format, parseISO } = require('date-fns');
 
@@ -45,8 +44,15 @@
         if (cacheDate && (new Date() - new Date(cacheDate)) < 1000 * 3600) {
           return Promise.resolve(JSON.parse(localStorage.releasesCache));
         } else {
-          return axios('https://api.github.com/repos/mistic100/Photo-Sphere-Viewer/releases')
-            .then(function (data) {
+          return fetch('https://api.github.com/repos/mistic100/Photo-Sphere-Viewer/releases')
+            .then((response) => {
+              if (response.ok) {
+                return response.json();
+              } else {
+                throw new Error(response.statusText);
+              }
+            })
+            .then((data) => {
               localStorage.releasesCacheDate = new Date().toString();
               localStorage.releasesCache = JSON.stringify(data);
               return data;
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index eee32e11f..7fae2aac4 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -8,8 +8,6 @@ import 'vue-slider-component/dist-css/vue-slider-component.css';
 import 'vue-slider-component/theme/material.css'
 import 'vue-swatches/dist/vue-swatches.css';
 
-window.global = window;
-
 export default ({ Vue, router }) => {
   Vue.use(VueMaterial);
   Vue.component('v-swatches', VSwatches);
diff --git a/package.json b/package.json
index 52555149c..c184b88e9 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,6 @@
     "@vuepress/plugin-back-to-top": "^1.8.2",
     "@vuepress/plugin-google-analytics": "^1.8.2",
     "autoprefixer": "^10.3.3",
-    "axios": "^0.27.0",
     "cpx2": "^4.1.2",
     "date-fns": "^2.23.0",
     "eslint": "^8.2.0",

From 7e72baf6368bcecd48a86da59815c2e496958637 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 7 Jun 2022 14:00:21 +0200
Subject: [PATCH 05/13] doc: netlify config

---
 docs/.netlify/functions/package.json | 9 ---------
 package.json                         | 1 +
 2 files changed, 1 insertion(+), 9 deletions(-)
 delete mode 100644 docs/.netlify/functions/package.json

diff --git a/docs/.netlify/functions/package.json b/docs/.netlify/functions/package.json
deleted file mode 100644
index 9a8d696ce..000000000
--- a/docs/.netlify/functions/package.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "name": "psv-netlify-functions",
-  "version": "1.0.0",
-  "license": "MIT",
-  "private": true,
-  "dependencies": {
-    "axios": "^0.24.0"
-  }
-}
diff --git a/package.json b/package.json
index c184b88e9..52555149c 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
     "@vuepress/plugin-back-to-top": "^1.8.2",
     "@vuepress/plugin-google-analytics": "^1.8.2",
     "autoprefixer": "^10.3.3",
+    "axios": "^0.27.0",
     "cpx2": "^4.1.2",
     "date-fns": "^2.23.0",
     "eslint": "^8.2.0",

From 9317cd1214c52982f814f006254e8b23d92d51b3 Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 7 Jun 2022 13:31:46 +0200
Subject: [PATCH 06/13] Close #647 idle autorotate

---
 docs/.vuepress/components/Announcements.vue |  2 +-
 docs/.vuepress/components/Changelog.vue     |  2 +-
 docs/.vuepress/components/Playground.vue    |  6 +++
 docs/guide/config.md                        | 12 ++++-
 example/equirectangular.html                |  2 +
 src/Viewer.js                               | 58 ++++++++++++++++-----
 src/buttons/AbstractMoveButton.js           |  5 +-
 src/buttons/AutorotateButton.js             |  4 ++
 src/buttons/ZoomRangeButton.js              |  1 +
 src/data/config.js                          | 10 +++-
 src/plugins/gyroscope/index.js              |  2 +
 src/services/EventsHandler.js               | 41 +++++++++------
 src/services/Renderer.js                    |  4 ++
 types/Viewer.d.ts                           |  1 +
 14 files changed, 116 insertions(+), 34 deletions(-)

diff --git a/docs/.vuepress/components/Announcements.vue b/docs/.vuepress/components/Announcements.vue
index 337a68920..f655ef72c 100644
--- a/docs/.vuepress/components/Announcements.vue
+++ b/docs/.vuepress/components/Announcements.vue
@@ -22,7 +22,7 @@
     mounted() {
       this.fetchAnnouncements()
         .then(announcements => {
-          this.announcements = announcements.data.map(this.formatAnnouncement);
+          this.announcements = announcements.map(this.formatAnnouncement);
         });
     },
     methods: {
diff --git a/docs/.vuepress/components/Changelog.vue b/docs/.vuepress/components/Changelog.vue
index c53a55c94..3424a4e6c 100644
--- a/docs/.vuepress/components/Changelog.vue
+++ b/docs/.vuepress/components/Changelog.vue
@@ -33,7 +33,7 @@
     mounted() {
       this.fetchReleases()
         .then(releases => {
-          this.changelog = releases.data.map(this.formatRelease);
+          this.changelog = releases.map(this.formatRelease);
           this.showLoader = false;
         });
     },
diff --git a/docs/.vuepress/components/Playground.vue b/docs/.vuepress/components/Playground.vue
index ae14e945e..f73748aac 100644
--- a/docs/.vuepress/components/Playground.vue
+++ b/docs/.vuepress/components/Playground.vue
@@ -128,6 +128,9 @@
                 <md-input v-model="options.autorotateLat" :disabled="!imageData"/>
               </md-field>
             </div>
+            <div class="md-layout-item md-size-33 checkbox-field">
+              <md-checkbox class="md-primary" v-model="options.autorotateIdle" :disabled="!imageData">Autorotate on idle</md-checkbox>
+            </div>
           </div>
 
           <div class="md-layout md-gutter">
@@ -737,6 +740,9 @@
             Object.keys(this.options)
               .some(optName => {
                 if (!isEqual(this.options[optName], this.oldOptions[optName])) {
+                  if (optName === 'autorotateIdle') {
+                    this.psv.setOption('autorotateDelay',  this.options.autorotateIdle ? 2000 : null);
+                  }
                   this.psv.setOption(optName, this.options[optName]);
                   return true;
                 }
diff --git a/docs/guide/config.md b/docs/guide/config.md
index 2d411e310..11b554073 100644
--- a/docs/guide/config.md
+++ b/docs/guide/config.md
@@ -109,6 +109,14 @@ Initial latitude, between -π/2 and π/2.
 
 Delay after which the automatic rotation will begin, in milliseconds.
 
+#### `autorotateIdle`
+- type: `boolean`
+- default: `false`
+
+Restarts the automatic rotation if the user is idle for `autorotateDelay`.
+
+**Note:** the rotation won't restart of the user explicitly clicks on the navbar button.
+
 #### `autorotateSpeed`
 - type: `string`
 - default: `2rpm`
@@ -192,7 +200,7 @@ Requires two fingers to rotate the panorama. This allows standard touch-scroll n
 
 Allows to rotate the panorama sphere. Angles are in radians.
 
-**Note** : if the XMP data and/or `panoData` contains heading/pitch/roll data, they will be applied before `sphereCorrection`.
+**Note:** if the XMP data and/or `panoData` contains heading/pitch/roll data, they will be applied before `sphereCorrection`.
 
 ![pan-tilt-toll](/assets/pan-tilt-roll.png)
 
@@ -247,7 +255,7 @@ panoData: (image) => ({
 })
 ```
 
-**Note** : if the XMP data and/or `panoData` contains heading/pitch/roll data, they will be applied before `sphereCorrection`.
+**Note:** if the XMP data and/or `panoData` contains heading/pitch/roll data, they will be applied before `sphereCorrection`.
 
 ::: warning
 Only the default `equirectangular` adapter supports `panoData`, for other adapters you can only use [`sphereCorrection`](#spherecorrection) if the tilt/roll/pan needs to be corrected.
diff --git a/example/equirectangular.html b/example/equirectangular.html
index 3299870db..4c44386fa 100644
--- a/example/equirectangular.html
+++ b/example/equirectangular.html
@@ -58,6 +58,8 @@
     caption            : panos[0].caption,
     description        : panos[0].description,
     loadingImg         : 'assets/photosphere-logo.gif',
+    autorotateDelay    : 2000,
+    autorotateIdle     : true,
     fisheye            : false,
     touchmoveTwoFingers: false,
     mousewheelCtrlKey  : false,
diff --git a/src/Viewer.js b/src/Viewer.js
index 8aff4730b..2e5847f62 100644
--- a/src/Viewer.js
+++ b/src/Viewer.js
@@ -27,6 +27,7 @@ import {
   isAbortError,
   isExtendedPosition,
   isFullscreenEnabled,
+  isNil,
   logWarn,
   MultiDynamic,
   pluginInterop,
@@ -78,7 +79,7 @@ export class Viewer extends EventEmitter {
      * @property {boolean} autorotateEnabled - automatic rotation is enabled
      * @property {PSV.Animation} animationPromise - promise of the current animation
      * @property {Promise} loadingPromise - promise of the setPanorama method
-     * @property startTimeout - timeout id of the automatic rotation delay
+     * @property {number} idleTime - time of the last user action
      * @property {object} objectsObservers
      * @property {PSV.Size} size - size of the container
      * @property {PSV.PanoData} panoData - panorama metadata, if supported
@@ -95,7 +96,7 @@ export class Viewer extends EventEmitter {
       autorotateEnabled: false,
       animationPromise : null,
       loadingPromise   : null,
-      startTimeout     : null,
+      idleTime         : -1,
       objectsObservers : {},
       size             : {
         width : 0,
@@ -276,8 +277,8 @@ export class Viewer extends EventEmitter {
       }
 
       // Queue autorotate
-      if (this.config.autorotateDelay) {
-        this.prop.startTimeout = setTimeout(() => this.startAutorotate(), this.config.autorotateDelay);
+      if (!isNil(this.config.autorotateDelay)) {
+        this.prop.idleTime = performance.now();
       }
 
       this.prop.ready = true;
@@ -506,6 +507,7 @@ export class Viewer extends EventEmitter {
         throw err;
       }
       else {
+        this.resetIdleTimer();
         this.navbar.setCaption(this.config.caption);
         return true;
       }
@@ -570,6 +572,11 @@ export class Viewer extends EventEmitter {
    * @throws {PSV.PSVError} when the configuration is incorrect
    */
   setOptions(options) {
+    const rawConfig = {
+      ...this.config,
+      ...options,
+    };
+
     each(options, (value, key) => {
       if (DEPRECATED_OPTIONS[key]) {
         logWarn(DEPRECATED_OPTIONS[key]);
@@ -585,7 +592,7 @@ export class Viewer extends EventEmitter {
       }
 
       if (CONFIG_PARSERS[key]) {
-        this.config[key] = CONFIG_PARSERS[key](value, options);
+        this.config[key] = CONFIG_PARSERS[key](value, rawConfig);
       }
       else {
         this.config[key] = value;
@@ -625,6 +632,10 @@ export class Viewer extends EventEmitter {
           this.renderer.canvasContainer.style.background = this.config.canvasBackground;
           break;
 
+        case 'autorotateIdle':
+          this.resetIdleTimer();
+          break;
+
         default:
           break;
       }
@@ -647,6 +658,22 @@ export class Viewer extends EventEmitter {
     this.setOptions({ [option]: value });
   }
 
+  /**
+   * @summary Restarts the idle timer (if `autorotateIdle=true`)
+   * @package
+   */
+  resetIdleTimer() {
+    this.prop.idleTime = this.config.autorotateIdle ? performance.now() : -1;
+  }
+
+  /**
+   * @summary Stops the idle timer
+   * @package
+   */
+  disableIdleTimer() {
+    this.prop.idleTime = -1;
+  }
+
   /**
    * @summary Starts the automatic rotation
    * @fires PSV.autorotate
@@ -655,6 +682,9 @@ export class Viewer extends EventEmitter {
     if (refresh && !this.isAutorotateEnabled()) {
       return;
     }
+    if (!refresh && this.isAutorotateEnabled()) {
+      return;
+    }
 
     if (!refresh) {
       this.__stopAll();
@@ -680,11 +710,6 @@ export class Viewer extends EventEmitter {
    * @fires PSV.autorotate
    */
   stopAutorotate() {
-    if (this.prop.startTimeout) {
-      clearTimeout(this.prop.startTimeout);
-      this.prop.startTimeout = null;
-    }
-
     if (this.isAutorotateEnabled()) {
       this.dynamics.position.stop();
 
@@ -809,6 +834,11 @@ export class Viewer extends EventEmitter {
       },
     });
 
+    this.prop.animationPromise.then(() => {
+      this.prop.animationPromise = null;
+      this.resetIdleTimer();
+    });
+
     return this.prop.animationPromise;
   }
 
@@ -948,13 +978,15 @@ export class Viewer extends EventEmitter {
 
   /**
    * @summary Stops all current animations
+   * @returns {Promise}
    * @package
    */
   __stopAll() {
-    this.stopAutorotate();
-    this.stopAnimation();
-
     this.trigger(EVENTS.STOP_ALL);
+
+    this.disableIdleTimer();
+    this.stopAutorotate();
+    return this.stopAnimation();
   }
 
   /**
diff --git a/src/buttons/AbstractMoveButton.js b/src/buttons/AbstractMoveButton.js
index 3ac2606c2..bd8b85f93 100644
--- a/src/buttons/AbstractMoveButton.js
+++ b/src/buttons/AbstractMoveButton.js
@@ -123,7 +123,10 @@ export class AbstractMoveButton extends AbstractButton {
       return;
     }
 
-    this.prop.handler.up(() => this.psv.dynamics.position.stop());
+    this.prop.handler.up(() => {
+      this.psv.dynamics.position.stop();
+      this.psv.resetIdleTimer();
+    });
   }
 
 }
diff --git a/src/buttons/AutorotateButton.js b/src/buttons/AutorotateButton.js
index b0d44da7b..5ac7aa6f8 100644
--- a/src/buttons/AutorotateButton.js
+++ b/src/buttons/AutorotateButton.js
@@ -52,6 +52,10 @@ export class AutorotateButton extends AbstractButton {
    * @description Toggles autorotate
    */
   onClick() {
+    if (this.psv.isAutorotateEnabled()) {
+      this.psv.config.autorotateIdle = false;
+      this.psv.resetIdleTimer();
+    }
     this.psv.toggleAutorotate();
   }
 
diff --git a/src/buttons/ZoomRangeButton.js b/src/buttons/ZoomRangeButton.js
index b0ff28f63..43982cfb1 100644
--- a/src/buttons/ZoomRangeButton.js
+++ b/src/buttons/ZoomRangeButton.js
@@ -80,6 +80,7 @@ export class ZoomRangeButton extends AbstractButton {
     delete this.zoomValue;
 
     this.psv.off(EVENTS.ZOOM_UPDATED, this);
+    this.psv.off(EVENTS.READY, this);
 
     super.destroy();
   }
diff --git a/src/data/config.js b/src/data/config.js
index f637e7ad3..4a2a70272 100644
--- a/src/data/config.js
+++ b/src/data/config.js
@@ -2,7 +2,7 @@ import { AbstractAdapter } from '../adapters/AbstractAdapter';
 import { EquirectangularAdapter } from '../adapters/equirectangular';
 import { AbstractPlugin } from '../plugins/AbstractPlugin';
 import { PSVError } from '../PSVError';
-import { bound, clone, deepmerge, each, logWarn, parseAngle, parseSpeed, pluginInterop } from '../utils';
+import { bound, clone, deepmerge, each, isNil, logWarn, parseAngle, parseSpeed, pluginInterop } from '../utils';
 import { ACTIONS, KEY_CODES } from './constants';
 
 /**
@@ -32,6 +32,7 @@ export const DEFAULTS = {
   moveSpeed          : 1,
   zoomSpeed          : 1,
   autorotateDelay    : null,
+  autorotateIdle     : false,
   autorotateSpeed    : '2rpm',
   autorotateLat      : null,
   moveInertia        : true,
@@ -183,6 +184,13 @@ export const CONFIG_PARSERS = {
   autorotateSpeed: (autorotateSpeed) => {
     return parseSpeed(autorotateSpeed);
   },
+  autorotateIdle : (autorotateIdle, config) => {
+    if (autorotateIdle && isNil(config.autorotateDelay)) {
+      logWarn('autorotateIdle requires a non null autorotateDelay');
+      return false;
+    }
+    return autorotateIdle;
+  },
   fisheye        : (fisheye) => {
     // translate boolean fisheye to amount
     if (fisheye === true) {
diff --git a/src/plugins/gyroscope/index.js b/src/plugins/gyroscope/index.js
index 67a45b951..7e8cba658 100644
--- a/src/plugins/gyroscope/index.js
+++ b/src/plugins/gyroscope/index.js
@@ -191,6 +191,8 @@ export class GyroscopePlugin extends AbstractPlugin {
       this.psv.config.moveInertia = this.prop.config_moveInertia;
 
       this.trigger(EVENTS.GYROSCOPE_UPDATED, false);
+
+      this.psv.resetIdleTimer();
     }
   }
 
diff --git a/src/services/EventsHandler.js b/src/services/EventsHandler.js
index 72910db99..957c5d84f 100644
--- a/src/services/EventsHandler.js
+++ b/src/services/EventsHandler.js
@@ -211,12 +211,17 @@ export class EventsHandler extends AbstractService {
       return;
     }
 
-    if (this.config.keyboard[e.key] === ACTIONS.TOGGLE_AUTOROTATE) {
+    const action = this.config.keyboard[e.key];
+    if (action === ACTIONS.TOGGLE_AUTOROTATE) {
       this.psv.toggleAutorotate();
     }
-    else if (this.config.keyboard[e.key] && !this.state.keyHandler.time) {
+    else if (action && !this.state.keyHandler.time) {
+      if (action !== ACTIONS.ZOOM_IN && action !== ACTIONS.ZOOM_OUT) {
+        this.psv.__stopAll();
+      }
+
       /* eslint-disable */
-      switch (this.config.keyboard[e.key]) {
+      switch (action) {
         // @formatter:off
         case ACTIONS.ROTATE_LAT_UP: this.psv.dynamics.position.roll({latitude: false}); break;
         case ACTIONS.ROTATE_LAT_DOWN: this.psv.dynamics.position.roll({latitude: true});  break;
@@ -246,6 +251,7 @@ export class EventsHandler extends AbstractService {
     this.state.keyHandler.up(() => {
       this.psv.dynamics.position.stop();
       this.psv.dynamics.zoom.stop();
+      this.psv.resetIdleTimer();
     });
   }
 
@@ -533,8 +539,7 @@ export class EventsHandler extends AbstractService {
    * @private
    */
   __startMove(evt) {
-    this.psv.stopAutorotate();
-    this.psv.stopAnimation()
+    this.psv.__stopAll()
       .then(() => {
         this.state.mouseX = evt.clientX;
         this.state.mouseY = evt.clientY;
@@ -554,16 +559,19 @@ export class EventsHandler extends AbstractService {
    * @private
    */
   __startMoveZoom(evt) {
-    const p1 = { x: evt.touches[0].clientX, y: evt.touches[0].clientY };
-    const p2 = { x: evt.touches[1].clientX, y: evt.touches[1].clientY };
-
-    this.state.pinchDist = distance(p1, p2);
-    this.state.mouseX = (p1.x + p2.x) / 2;
-    this.state.mouseY = (p1.y + p2.y) / 2;
-    this.state.startMouseX = this.state.mouseX;
-    this.state.startMouseY = this.state.mouseY;
-    this.state.moving = true;
-    this.state.zooming = true;
+    this.psv.__stopAll()
+      .then(() => {
+        const p1 = { x: evt.touches[0].clientX, y: evt.touches[0].clientY };
+        const p2 = { x: evt.touches[1].clientX, y: evt.touches[1].clientY };
+
+        this.state.pinchDist = distance(p1, p2);
+        this.state.mouseX = (p1.x + p2.x) / 2;
+        this.state.mouseY = (p1.y + p2.y) / 2;
+        this.state.startMouseX = this.state.mouseX;
+        this.state.startMouseY = this.state.mouseY;
+        this.state.moving = true;
+        this.state.zooming = true;
+      });
   }
 
   /**
@@ -573,6 +581,8 @@ export class EventsHandler extends AbstractService {
    * @private
    */
   __stopMove(evt) {
+    this.psv.resetIdleTimer();
+
     if (!getClosest(evt.target, '.psv-container')) {
       this.state.moving = false;
       this.state.mouseHistory.length = 0;
@@ -604,6 +614,7 @@ export class EventsHandler extends AbstractService {
    * @private
    */
   __stopMoveZoom() {
+    this.psv.resetIdleTimer();
     this.state.mouseHistory.length = 0;
     this.state.moving = false;
     this.state.zooming = false;
diff --git a/src/services/Renderer.js b/src/services/Renderer.js
index e7b81729e..5de6f0c25 100644
--- a/src/services/Renderer.js
+++ b/src/services/Renderer.js
@@ -207,6 +207,10 @@ export class Renderer extends AbstractService {
     this.psv.trigger(EVENTS.BEFORE_RENDER, timestamp, elapsed);
     each(this.psv.dynamics, d => d.update(elapsed));
 
+    if (this.prop.idleTime > 0 && timestamp - this.prop.idleTime > this.config.autorotateDelay) {
+      this.psv.startAutorotate();
+    }
+
     if (this.prop.needsUpdate) {
       this.render();
       this.prop.needsUpdate = false;
diff --git a/types/Viewer.d.ts b/types/Viewer.d.ts
index e949fe219..b81b5eca2 100644
--- a/types/Viewer.d.ts
+++ b/types/Viewer.d.ts
@@ -49,6 +49,7 @@ export type ViewerOptions = {
   moveSpeed?: number;
   zoomSpeed?: number;
   autorotateDelay?: number,
+  autorotateIdle?: boolean;
   autorotateSpeed?: string | number;
   autorotateLat?: number;
   moveInertia?: boolean;

From 770f80066889cd733546b2e6199b949069d05aeb Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Fri, 10 Jun 2022 13:22:00 +0200
Subject: [PATCH 07/13] Fix #690 video: invalid panoData (breaks markers)

---
 src/adapters/equirectangular-video/index.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/adapters/equirectangular-video/index.js b/src/adapters/equirectangular-video/index.js
index 980761382..1889bcb86 100644
--- a/src/adapters/equirectangular-video/index.js
+++ b/src/adapters/equirectangular-video/index.js
@@ -51,11 +51,12 @@ export class EquirectangularVideoAdapter extends AbstractVideoAdapter {
   loadTexture(panorama) {
     return super.loadTexture(panorama)
       .then(({ texture }) => {
+        const video = texture.image;
         const panoData = {
-          fullWidth    : texture.image.width,
-          fullHeight   : texture.image.height,
-          croppedWidth : texture.image.width,
-          croppedHeight: texture.image.height,
+          fullWidth    : video.videoWidth,
+          fullHeight   : video.videoHeight,
+          croppedWidth : video.videoWidth,
+          croppedHeight: video.videoHeight,
           croppedX     : 0,
           croppedY     : 0,
           poseHeading  : 0,

From cdd5ac23e5755b7361cbe2e60f807d1f97c8a2e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E6=AC=A3?= <1136843910@qq.com>
Date: Wed, 15 Jun 2022 21:23:38 +0800
Subject: [PATCH 08/13] feat:gyroscope add moveMode option (#695)

---
 docs/plugins/plugin-gyroscope.md   | 6 ++++++
 src/plugins/gyroscope/index.js     | 5 ++++-
 types/plugins/gyroscope/index.d.ts | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/docs/plugins/plugin-gyroscope.md b/docs/plugins/plugin-gyroscope.md
index 012da1fec..7778680d9 100644
--- a/docs/plugins/plugin-gyroscope.md
+++ b/docs/plugins/plugin-gyroscope.md
@@ -38,6 +38,12 @@ Allows to pan horizontally the camera when the gyroscope is enabled (requires gl
 
 By default the camera will keep its current horizontal position when the gyroscope is enabled. Turn this option `true` to enable absolute positionning and only use the device orientation.
 
+#### `moveMode`
+- type: `smooth` | `fast`
+- default: `smooth`
+
+How the gyroscope data is used to rotate the panorama.
+
 #### `lang`
 - type: `object`
 - default:
diff --git a/src/plugins/gyroscope/index.js b/src/plugins/gyroscope/index.js
index 7e8cba658..8d0bdc717 100644
--- a/src/plugins/gyroscope/index.js
+++ b/src/plugins/gyroscope/index.js
@@ -9,6 +9,7 @@ import { GyroscopeButton } from './GyroscopeButton';
  * @typedef {Object} PSV.plugins.GyroscopePlugin.Options
  * @property {boolean} [touchmove=true] - allows to pan horizontally when the gyroscope is enabled (requires global `mousemove=true`)
  * @property {boolean} [absolutePosition=false] - when true the view will ignore the current direction when enabling gyroscope control
+ * @property {'smooth' | 'fast'} [moveMode='smooth'] - How the gyroscope data is used to rotate the panorama.
  */
 
 
@@ -63,6 +64,7 @@ export class GyroscopePlugin extends AbstractPlugin {
     this.config = {
       touchmove       : true,
       absolutePosition: false,
+      moveMode: 'smooth',
       ...options,
     };
 
@@ -244,7 +246,8 @@ export class GyroscopePlugin extends AbstractPlugin {
       };
 
       // having a slow speed on smalls movements allows to absorb the device/hand vibrations
-      this.psv.dynamics.position.goto(target, utils.getAngle(position, target) < 0.01 ? 1 : 3);
+      const step = this.config.moveMode === 'smooth' ? 3 : 10;
+      this.psv.dynamics.position.goto(target, utils.getAngle(position, target) < 0.01 ? 1 : step);
     }
   }
 
diff --git a/types/plugins/gyroscope/index.d.ts b/types/plugins/gyroscope/index.d.ts
index e9db6d925..73d9b931b 100644
--- a/types/plugins/gyroscope/index.d.ts
+++ b/types/plugins/gyroscope/index.d.ts
@@ -4,6 +4,7 @@ import { Event } from 'uevent';
 export type GyroscopePluginOptions = {
   touchmove?: boolean;
   absolutePosition?: boolean;
+  moveMode?:'smooth' | 'fast'
 };
 
 export const EVENTS: {

From 400ed14e7ee2f86e1a9709901c3785e0aedabaa6 Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Mon, 4 Jul 2022 17:59:02 +0200
Subject: [PATCH 09/13] Update PR template

---
 .github/CONTRIBUTING.md          | 9 ---------
 .github/ISSUE_TEMPLATE.md        | 2 +-
 .github/PULL_REQUEST_TEMPLATE.md | 7 ++++---
 3 files changed, 5 insertions(+), 13 deletions(-)
 delete mode 100644 .github/CONTRIBUTING.md

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
deleted file mode 100644
index 1fad2416d..000000000
--- a/.github/CONTRIBUTING.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Guidelines for contributing
-
-## Work on `dev`
-Any merge request should be created from and issued to the `dev` branch.
-
-## Unit tests
-There are very few unit tests because it's somehow difficult to setup, but please don't break them and create new ones if you can.
-
-I won't merge any branch not passing the CI build.
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 23d3fc60a..5461d3808 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,4 +1,4 @@
-## Issues guidelines
+**Issues guidelines**
 
 - **Indicate your Photo-Sphere-Viewer, three.js and web browser versions**
 - Please search in the [documentation](http://photo-sphere-viewer.js.org) before asking.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index ab14ad110..89ee2b825 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,5 +1,6 @@
 **Merge request checklist**
 
-- [ ] I read the [guidelines for contributing](https://github.com/mistic100/Photo-Sphere-Viewer/blob/master/.github/CONTRIBUTING.md)
-- [ ] I created my branch from `dev` and I am issuing the PR to `dev`
-- [ ] Unit tests are OK
+- [ ] I created my branch from `dev` and I am issuing the PR to `dev`.
+- [ ] All tests pass. If needed, new unit tests were added (only for utils).
+- [ ] If needed, the [types](https://github.com/mistic100/Photo-Sphere-Viewer/tree/dev/types) have been updated.
+- [ ] If needed, the [documentation](https://github.com/mistic100/Photo-Sphere-Viewer/tree/dev/docs) has been updated.

From a4e30a3b9a7f1cba58138d2a8b17db5e733e5f81 Mon Sep 17 00:00:00 2001
From: Adrien Pavie <panieravide@riseup.net>
Date: Mon, 4 Jul 2022 20:28:19 +0200
Subject: [PATCH 10/13] Close #682 equirectangular tiles: `basePanoData` option
 (#706)

Add type for basePanoData
---
 docs/guide/adapters/equirectangular-tiles.md    | 5 +++++
 docs/guide/config.md                            | 2 +-
 src/adapters/equirectangular-tiles/index.js     | 3 ++-
 types/adapters/equirectangular-tiles/index.d.ts | 3 ++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/guide/adapters/equirectangular-tiles.md b/docs/guide/adapters/equirectangular-tiles.md
index 6f6d1dc41..f1e41c7f1 100644
--- a/docs/guide/adapters/equirectangular-tiles.md
+++ b/docs/guide/adapters/equirectangular-tiles.md
@@ -77,6 +77,11 @@ Function used to build the URL of a tile.
 
 URL of a low resolution complete panorama image to display while the tiles are loading.
 
+#### `basePanoData`
+- type: `object | function<Image, object>`
+
+Panorama configuration associated to low resolution first image, following the same format as [`panoData` configuration object](../config.md#panodata)
+
 
 ## Preparing the panorama
 
diff --git a/docs/guide/config.md b/docs/guide/config.md
index 11b554073..7680668d3 100644
--- a/docs/guide/config.md
+++ b/docs/guide/config.md
@@ -258,7 +258,7 @@ panoData: (image) => ({
 **Note:** if the XMP data and/or `panoData` contains heading/pitch/roll data, they will be applied before `sphereCorrection`.
 
 ::: warning
-Only the default `equirectangular` adapter supports `panoData`, for other adapters you can only use [`sphereCorrection`](#spherecorrection) if the tilt/roll/pan needs to be corrected.
+Only the default `equirectangular` adapter and low-resolution panorama of `equirectangular-tiles` supports `panoData`, for other adapters you can only use [`sphereCorrection`](#spherecorrection) if the tilt/roll/pan needs to be corrected.
 :::
 
 #### `requestHeaders`
diff --git a/src/adapters/equirectangular-tiles/index.js b/src/adapters/equirectangular-tiles/index.js
index 14d308a1f..06cfd5d0c 100644
--- a/src/adapters/equirectangular-tiles/index.js
+++ b/src/adapters/equirectangular-tiles/index.js
@@ -18,6 +18,7 @@ import { buildErrorMaterial, createBaseTexture } from '../shared/tiles-utils';
  * @typedef {Object} PSV.adapters.EquirectangularTilesAdapter.Panorama
  * @summary Configuration of a tiled panorama
  * @property {string} [baseUrl] - low resolution panorama loaded before tiles
+ * @property {PSV.PanoData | PSV.PanoDataProvider} [basePanoData] - panoData configuration associated to low resolution panorama loaded before tiles
  * @property {int} width - complete panorama width (height is always width/2)
  * @property {int} cols - number of vertical tiles
  * @property {int} rows - number of horizontal tiles
@@ -266,7 +267,7 @@ export class EquirectangularTilesAdapter extends EquirectangularAdapter {
     };
 
     if (panorama.baseUrl) {
-      return super.loadTexture(panorama.baseUrl)
+      return super.loadTexture(panorama.baseUrl, panorama.basePanoData)
         .then(textureData => ({
           panorama: panorama,
           texture : textureData.texture,
diff --git a/types/adapters/equirectangular-tiles/index.d.ts b/types/adapters/equirectangular-tiles/index.d.ts
index 52f7aa82f..c67272de5 100644
--- a/types/adapters/equirectangular-tiles/index.d.ts
+++ b/types/adapters/equirectangular-tiles/index.d.ts
@@ -1,10 +1,11 @@
-import { AbstractAdapter, Viewer } from '../..';
+import { AbstractAdapter, Viewer, PanoData, PanoDataProvider } from '../..';
 
 /**
  * @summary Configuration of a tiled panorama
  */
 export type EquirectangularTilesPanorama = {
   baseUrl?: string;
+  basePanoData?: PanoData | PanoDataProvider;
   width: number;
   cols: number;
   rows: number;

From c90cb7853af3afd530ac3bb0264f5bd0d4589d7d Mon Sep 17 00:00:00 2001
From: Damien Sorel <damien.sorel@sogelink.fr>
Date: Tue, 5 Jul 2022 12:50:55 +0200
Subject: [PATCH 11/13] Fix #705 stereo: hide compass

---
 src/plugins/compass/index.js     | 17 +++++++++++++++++
 src/plugins/stereo/index.js      | 14 ++++++++++++++
 types/plugins/compass/index.d.ts | 10 ++++++++++
 3 files changed, 41 insertions(+)

diff --git a/src/plugins/compass/index.js b/src/plugins/compass/index.js
index bcad1caa4..07e2556b1 100644
--- a/src/plugins/compass/index.js
+++ b/src/plugins/compass/index.js
@@ -61,6 +61,7 @@ export class CompassPlugin extends AbstractPlugin {
      * @private
      */
     this.prop = {
+      visible  : true,
       mouse    : null,
       mouseDown: false,
       markers  : [],
@@ -202,6 +203,22 @@ export class CompassPlugin extends AbstractPlugin {
     }
   }
 
+  /**
+   * @summary Hides the compass
+   */
+  hide() {
+    this.container.style.display = 'none';
+    this.prop.visible = false;
+  }
+
+  /**
+   * @summary Shows the compass
+   */
+  show() {
+    this.container.style.display = '';
+    this.prop.visible = true;
+  }
+
   /**
    * @summary Changes the hotspots on the compass
    * @param {PSV.plugins.CompassPlugin.Hotspot[]} hotspots
diff --git a/src/plugins/stereo/index.js b/src/plugins/stereo/index.js
index 7700aa2c6..2022088b2 100644
--- a/src/plugins/stereo/index.js
+++ b/src/plugins/stereo/index.js
@@ -54,6 +54,13 @@ export class StereoPlugin extends AbstractPlugin {
      */
     this.markers = null;
 
+    /**
+     * @type {PSV.plugins.CompassPlugin}
+     * @readonly
+     * @private
+     */
+    this.compass = null;
+
     /**
      * @member {Object}
      * @protected
@@ -77,6 +84,7 @@ export class StereoPlugin extends AbstractPlugin {
     super.init();
 
     this.markers = this.psv.getPlugin('markers');
+    this.compass = this.psv.getPlugin('compass');
     this.gyroscope = this.psv.getPlugin('gyroscope');
 
     if (!this.gyroscope) {
@@ -98,6 +106,10 @@ export class StereoPlugin extends AbstractPlugin {
 
     this.stop();
 
+    delete this.markers;
+    delete this.compass;
+    delete this.gyroscope;
+
     super.destroy();
   }
 
@@ -149,6 +161,7 @@ export class StereoPlugin extends AbstractPlugin {
       this.psv.needsUpdate();
 
       this.markers?.hide();
+      this.compass?.hide();
       this.psv.navbar.hide();
       this.psv.panel.hide();
 
@@ -177,6 +190,7 @@ export class StereoPlugin extends AbstractPlugin {
       this.psv.needsUpdate();
 
       this.markers?.show();
+      this.compass?.show();
       this.psv.navbar.show();
 
       this.__unlockOrientation();
diff --git a/types/plugins/compass/index.d.ts b/types/plugins/compass/index.d.ts
index e14fdb19a..76c6e06b0 100644
--- a/types/plugins/compass/index.d.ts
+++ b/types/plugins/compass/index.d.ts
@@ -22,6 +22,16 @@ export class CompassPlugin extends AbstractPlugin {
 
   constructor(psv: Viewer, options: CompassPluginOptions);
 
+  /**
+   * @summary Hides the compass
+   */
+  hide();
+
+  /**
+   * @summary Shows the compass
+   */
+  show();
+
   /**
    * @summary Changes the hotspots on the compass
    */

From 12cf250cb5121fe122fe81513b7660757d1ef202 Mon Sep 17 00:00:00 2001
From: Damien Sorel <contact@git.strangeplanet.fr>
Date: Tue, 5 Jul 2022 13:46:11 +0200
Subject: [PATCH 12/13] Update stale.yml

---
 .github/stale.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/stale.yml b/.github/stale.yml
index 8d2ccd042..d8c6a18a6 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -2,6 +2,7 @@ daysUntilStale: 7
 daysUntilClose: 7
 onlyLabels:
   - invalid
+  - "info requested"
 staleLabel: wontfix
 markComment: >
   This issue has been automatically marked as wontfix because not enough

From ecc65b744ccffe6c89c71b241a4ed6551b1399f6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 6 Jul 2022 12:36:55 +0200
Subject: [PATCH 13/13] Bump three from 0.141.0 to 0.142.0 (#704)

Bumps [three](https://github.com/mrdoob/three.js) from 0.141.0 to 0.142.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>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 52555149c..01a59acaa 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "url": "git://github.com/mistic100/Photo-Sphere-Viewer.git"
   },
   "dependencies": {
-    "three": "^0.141.0",
+    "three": "^0.142.0",
     "uevent": "^2.1.1"
   },
   "devDependencies": {