Make the actual Vislib import async (#78949) (#79079)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Author: Tim Roes

src/plugins/vis_type_vislib/public/vis_controller.tsx

@@ -20,8 +20,6 @@
 import $ from 'jquery';
 import React, { RefObject } from 'react';
 
-// @ts-ignore
-import { Vis as Vislib } from './vislib/vis';
 import { Positions } from './utils/collections';
 import { VisTypeVislibDependencies } from './plugin';
 import { mountReactNode } from '../../../core/public/utils';
@@ -80,6 +78,9 @@ export const createVislibVisController = (deps: VisTypeVislibDependencies) => {
           return resolve();
         }
 
+        // @ts-expect-error
+        const { Vis: Vislib } = await import('./vislib/vis');
+
         this.vislibVis = new Vislib(this.chartEl, visParams, deps);
         this.vislibVis.on('brush', this.vis.API.events.brush);
         this.vislibVis.on('click', this.vis.API.events.filter);