text: import ImageryViewComponent from './components/ImageryView.vue';
  
  import Vue from 'vue';
  
  export default class ImageryView {
      constructor(openmct, domainObject, objectPath) {
          this.openmct = openmct;
          this.domainObject = domainObject;
          this.objectPath = objectPath;
          this.component = undefined;
      }
  
      show(element, isEditing, viewOptions) {
          let alternateObjectPath;
          let indexForFocusedImage;
          if (viewOptions) {
              indexForFocusedImage = viewOptions.indexForFocusedImage;
              alternateObjectPath = viewOptions.objectPath;
          }
  
          this.component = new Vue({
              el: element,
              components: {
                  'imagery-view': ImageryViewComponent
              },
              provide: {
                  openmct: this.openmct,
                  domainObject: this.domainObject,
                  objectPath: alternateObjectPath || this.objectPath,
                  currentView: this
              },
              data() {
                  return {
                      indexForFocusedImage
                  };
              },
              template: '<imagery-view :index-for-focused-image="indexForFocusedImage" ref="ImageryContainer"></imagery-view>'
  
          });
      }
  
      destroy() {
          this.component.$destroy();
          this.component = undefined;
      }
  
      _getInstance() {
          return this.component;
      }
  }
  