From 2305ae1a8222d2b39c870f1b8a0bbf87b5711665 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 10 Jan 2021 16:29:51 +0100
Subject: [PATCH] remove edgeScrolling prop/flag (since it's limited to
 fullscreen)

---
 app/src/App.vue                   |  2 +-
 app/src/components/SVGContent.vue | 73 +++++++++++++++----------------
 2 files changed, 36 insertions(+), 39 deletions(-)

diff --git a/app/src/App.vue b/app/src/App.vue
index b50171d..1d62395 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <SVGContent id="root" url="content/intro.svg" edge-scrolling @set-background="setBackground"/>
+  <SVGContent id="root" url="content/intro.svg" @set-background="setBackground"/>
 </template>
 
 <script lang="ts">
diff --git a/app/src/components/SVGContent.vue b/app/src/components/SVGContent.vue
index 590c277..f1f4405 100644
--- a/app/src/components/SVGContent.vue
+++ b/app/src/components/SVGContent.vue
@@ -18,8 +18,7 @@ export default defineComponent({
     url: {
       type: String,
       required: true
-    },
-    edgeScrolling: Boolean
+    }
   },
   setup(props, {emit}) {
     const root = ref(null);
@@ -58,46 +57,44 @@ export default defineComponent({
       panzoom.value = pz;
 
       // Edge scrolling
-      if (props.edgeScrolling) {
-        const MOVE_EDGE = 75;
-        const MAX_SPEED = 20;
-        let edgeScrollInterval: number | undefined;
-        window.addEventListener("mousemove", (ev) => {
-          clearTimeout(edgeScrollInterval);
-          edgeScrollInterval = undefined;
-          if (!document.fullscreenElement) {
-            return;
-          }
+      const MOVE_EDGE = 75;
+      const MAX_SPEED = 20;
+      let edgeScrollInterval: number | undefined;
+      window.addEventListener("mousemove", (ev) => {
+        clearTimeout(edgeScrollInterval);
+        edgeScrollInterval = undefined;
+        if (!document.fullscreenElement) {
+          return;
+        }
 
-          let horizontalShift: number;
-          let verticalShift: number;
+        let horizontalShift: number;
+        let verticalShift: number;
 
-          const transform = pz.getTransform();
-          if (ev.clientX < MOVE_EDGE || ev.clientX > window.innerWidth - MOVE_EDGE) {
-            const horizontalEdgeDistance =
-                (ev.clientX < window.innerWidth / 2) ? ev.clientX : (ev.clientX - window.innerWidth);
-            const horizontalRatio = (MOVE_EDGE - Math.abs(horizontalEdgeDistance)) / MOVE_EDGE;
-            horizontalShift = horizontalRatio * Math.sign(horizontalEdgeDistance) * MAX_SPEED;
-          } else {
-            horizontalShift = 0;
-          }
+        const transform = pz.getTransform();
+        if (ev.clientX < MOVE_EDGE || ev.clientX > window.innerWidth - MOVE_EDGE) {
+          const horizontalEdgeDistance =
+              (ev.clientX < window.innerWidth / 2) ? ev.clientX : (ev.clientX - window.innerWidth);
+          const horizontalRatio = (MOVE_EDGE - Math.abs(horizontalEdgeDistance)) / MOVE_EDGE;
+          horizontalShift = horizontalRatio * Math.sign(horizontalEdgeDistance) * MAX_SPEED;
+        } else {
+          horizontalShift = 0;
+        }
 
-          if (ev.clientY < MOVE_EDGE || ev.clientY > window.innerHeight - MOVE_EDGE) {
-            const verticalEdgeDistance =
-                (ev.clientY < window.innerHeight / 2) ? ev.clientY : (ev.clientY - window.innerHeight);
-            const verticalRatio = (MOVE_EDGE - Math.abs(verticalEdgeDistance)) / MOVE_EDGE;
-            verticalShift = verticalRatio * Math.sign(verticalEdgeDistance) * MAX_SPEED;
-          } else {
-            verticalShift = 0;
-          }
+        if (ev.clientY < MOVE_EDGE || ev.clientY > window.innerHeight - MOVE_EDGE) {
+          const verticalEdgeDistance =
+              (ev.clientY < window.innerHeight / 2) ? ev.clientY : (ev.clientY - window.innerHeight);
+          const verticalRatio = (MOVE_EDGE - Math.abs(verticalEdgeDistance)) / MOVE_EDGE;
+          verticalShift = verticalRatio * Math.sign(verticalEdgeDistance) * MAX_SPEED;
+        } else {
+          verticalShift = 0;
+        }
 
-          if (horizontalShift || verticalShift) {
-            edgeScrollInterval = setInterval(() => {
-              pz.moveTo(transform!.x + horizontalShift, transform!.y + verticalShift);
-            }, 1000 / 60);
-          }
-        });
-      }
+        if (horizontalShift || verticalShift) {
+          edgeScrollInterval = setInterval(() => {
+            pz.moveTo(transform!.x + horizontalShift, transform!.y + verticalShift);
+          }, 1000 / 60);
+        }
+      });
 
       // Anchors
       anchors.value = processAnchors(svg);