destroy() {
    this.events.emit('panel-teardown');
    this.events.removeAllListeners();

    if (this.queryRunner) {
      this.queryRunner.destroy();
      this.queryRunner = null;
    }
  }

 render() {
   if (!this.hasRefreshed) {
     this.refresh();
   } else {
     this.events.emit('render');
   }
 }

  updateGridPos(newPos: GridPos) {
    let sizeChanged = false;

    if (this.gridPos.w !== newPos.w || this.gridPos.h !== newPos.h) {
      sizeChanged = true;
    }

    this.gridPos.x = newPos.x;
    this.gridPos.y = newPos.y;
    this.gridPos.w = newPos.w;
    this.gridPos.h = newPos.h;

    if (sizeChanged) {
      this.events.emit('panel-size-changed');
    }
  }

  updateGridPos(newPos: GridPos) {
    let sizeChanged = false;

    if (this.gridPos.w !== newPos.w || this.gridPos.h !== newPos.h) {
      sizeChanged = true;
    }

    this.gridPos.x = newPos.x;
    this.gridPos.y = newPos.y;
    this.gridPos.w = newPos.w;
    this.gridPos.h = newPos.h;

    if (sizeChanged) {
      console.log('PanelModel sizeChanged event and render events fired');
      this.events.emit('panel-size-changed');
    }
  }

 initialized() {
   this.events.emit('panel-initialized');
 }

 refresh() {
   this.hasRefreshed = true;
   this.events.emit('refresh');
 }

 resizeDone() {
   this.events.emit('panel-size-changed');
 }

 setViewMode(fullscreen: boolean, isEditing: boolean) {
   this.fullscreen = fullscreen;
   this.isEditing = isEditing;
   this.events.emit('view-mode-changed');
 }

 destroy() {
   this.events.emit('panel-teardown');
   this.events.removeAllListeners();
 }

 destroy() {
   this.events.removeAllListeners();
 }