Remove Angular from visualize (#20295)

src/ui/public/render_complete/render_complete_helper.ts

@@ -24,21 +24,21 @@ export class RenderCompleteHelper {
     this.setup();
   }
 
-  public destroy() {
+  public destroy = () => {
     this.element.removeEventListener('renderStart', this.start);
     this.element.removeEventListener('renderComplete', this.complete);
-  }
+  };
 
-  public setup() {
+  public setup = () => {
     this.element.setAttribute(attributeName, 'false');
     this.element.addEventListener('renderStart', this.start);
     this.element.addEventListener('renderComplete', this.complete);
-  }
+  };
 
-  public disable() {
+  public disable = () => {
     this.element.setAttribute(attributeName, 'disabled');
     this.destroy();
-  }
+  };
 
   private start = () => {
     this.element.setAttribute(attributeName, 'false');

src/ui/public/visualize/components/index.js

@@ -17,5 +17,6 @@
  * under the License.
  */
 
+export * from './visualization';
 export * from './visualization_chart';
 export * from './visualization_noresults';

src/ui/public/visualize/visualization.js → src/ui/public/visualize/components/visualization.js

@@ -17,10 +17,10 @@
  * under the License.
  */
 
-import './visualize.less';
+import './visualization.less';
 import _ from 'lodash';
 import React, { Component } from 'react';
-import { VisualizationNoResults, VisualizationChart } from './components';
+import { VisualizationNoResults, VisualizationChart } from './';
 
 const _showNoResultsMessage = (vis, visData) => {
   const requiresSearch = _.get(vis, 'type.requiresSearch');

src/ui/public/visualize/visualize.less → src/ui/public/visualize/components/visualization.less

@@ -1,6 +1,6 @@
 @import (reference) "~ui/styles/variables";
 
-visualize {
+.visualize {
   display: flex;
   flex: 1 1 100%;
   overflow-x: hidden;

src/ui/public/visualize/index.js

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-import './visualize';
+export * from './loader';