Merge pull request #288 from Kitware/unroll-layers

Unroll layers.

package.json

@@ -61,7 +61,7 @@
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-vue": "^6.0.1",
-    "geojs": "^1.10.4",
+    "geojs": "^1.10.11",
     "node-sass": "^7.0.1",
     "prettier": "^1.19.1",
     "pug": "^3.0.1",

src/components/AnnotationViewer.vue

@@ -79,6 +79,12 @@ export default class AnnotationViewer extends Vue {
   @Prop()
   readonly tileHeight: any;
 
+  @Prop()
+  readonly lowestLayer: any;
+
+  @Prop()
+  readonly layerCount: any;
+
   get displayWorkerPreview() {
     return this.propertiesStore.displayWorkerPreview;
   }
@@ -92,12 +98,21 @@ export default class AnnotationViewer extends Vue {
   }
 
   get visibleChannels() {
-    return this.layers.reduce((channels: number[], layer: IDisplayLayer) => {
-      if (layer.visible && !channels.includes(layer.channel)) {
-        return [...channels, layer.channel];
-      }
-      return [...channels];
-    }, []);
+    return this.layers.reduce(
+      (channels: number[], layer: IDisplayLayer, idx: number) => {
+        if (
+          idx < this.lowestLayer ||
+          idx >= this.lowestLayer + this.layerCount
+        ) {
+          return [...channels];
+        }
+        if (layer.visible && !channels.includes(layer.channel)) {
+          return [...channels, layer.channel];
+        }
+        return [...channels];
+      },
+      []
+    );
   }
 
   get filteredAnnotations() {