1 files changed, 8 insertions, 8 deletions
diff --git a/src/index.js b/src/index.js
index 66c8150..384cfea 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,10 @@
-import * as panzoom from './modules/pan-zoom.js';
-import * as gameboard from './modules/gameboard.js';
-import * as recordSheet from './modules/record_sheet.js';
-import * as mapSelectDialog from './modules/map_select_dialog.js';
-import { Observable } from './modules/observable.js';
-import { requestResource, build } from './modules/scenario.js';
-import { scenarios } from './modules/scenarios.js';
+import { withRestore as panzoom } from 'pan-zoom';
+import * as gameboard from './modules/gameboard';
+import * as recordSheet from './modules/record_sheet';
+import * as mapSelectDialog from './modules/map_select_dialog';
+import { Observable } from './modules/observable';
+import { requestResource, build } from './modules/scenario';
+import { scenarios } from './modules/scenarios';
 
 globalThis.svgns = 'http://www.w3.org/2000/svg';
 
@@ -79,7 +79,7 @@ async function buildScenario(req) {
   mapResourceEl.style.opacity = 1;
   mapPlaceholder.style.opacity = 0;
 
-  panzoom.start(template);
+  panzoom.start(template, '.gameboard');
   gameboard.start(template);
 
   // recordSheet.start(svg.querySelector('.start-locations'), gameboard.getUnits());