Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'src/modules/pan-zoom.js')
-rw-r--r--src/modules/pan-zoom.js33
1 files changed, 0 insertions, 33 deletions
diff --git a/src/modules/pan-zoom.js b/src/modules/pan-zoom.js
deleted file mode 100644
index 76c77f6..0000000
--- a/src/modules/pan-zoom.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { pan, zoom } from 'pan-zoom';
-
-const storageKey = 'pan-zoom';
-const zoomFactor = 0.25;
-
-function restorePanZoomVal(el) {
- const storedPanZoomVal = localStorage.getItem(storageKey);
-
- if (storedPanZoomVal) el.style.transform = storedPanZoomVal;
-}
-
-function addEventListeners(svg, el) {
- svg.addEventListener('wheel', zoom(el, zoomFactor), { passive: false });
- svg.addEventListener('pointerdown', pan(el), { passive: false });
-}
-
-function storePanZoomVal(transformMatrix) {
- localStorage.setItem(storageKey, transformMatrix);
-}
-
-function observePanZoomChanges(el) {
- const observer = new MutationObserver(() => storePanZoomVal(el.style.transform));
-
- observer.observe(el, { attributeFilter: ['style'] });
-}
-
-export function start(svg) {
- const targetEl = svg.querySelector('.gameboard');
-
- restorePanZoomVal(targetEl);
- addEventListeners(svg, targetEl);
- observePanZoomChanges(targetEl);
-}