Spaces pane and fixes

* Updated viewer version
* Added pane for spaces
* Removed webpack dev server

README.md

@@ -8,5 +8,5 @@ Note: The API which this application uses is not yet published but will be publi
 ## Usage
 
 1. Run `yarn` to install dependencies
-2. Run `yarn start` to start dev server
-3. Alternatively, run `yarn build` and open `index.html`
+2. Run `yarn build`
+3. Open `index.html`

package.json

@@ -22,11 +22,10 @@
     "ts-loader": "^2.3.7",
     "tslint": "^5.7.0",
     "typescript": "^2.5.2",
-    "webpack": "^3.6.0",
-    "webpack-dev-server": "^2.8.2"
+    "webpack": "^3.6.0"
   },
   "dependencies": {
-    "@rapal/optimaze-viewer": "^0.1.0",
+    "@rapal/optimaze-viewer": "^0.2.0",
     "@types/leaflet": "^1.2.0",
     "@types/q": "^1.0.5",
     "leaflet": "^1.2.0",

src/app.ts

@@ -54,13 +54,17 @@ Q.all([
 
   // Creating custom panes is not neccessary, but makes sure
   // that elements of the same type are shown at the same z-index
-  viewer.createPane("seats");
+  viewer.createPane("spaces").style.zIndex = "405";
+  viewer.createPane("seats").style.zIndex = "410";
 
   // Create selectable space layers
   const spaceLayers = floor.spaceGraphics.map(s => {
-    return new Space(s.id, s.boundaries, {
-      selectable: true
-    });
+    return new Space(
+      s.id,
+      s.boundaries,
+      { pane: "spaces" },
+      { selectable: true }
+    );
   });
 
   spaceLayers.forEach(space => {