[Vega] Fixes problem with controls not being displayed on a map (#97373)

* add element for vegaControls

* Fix check types

* Fixed type check

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

src/plugins/vis_type_vega/public/vega_view/vega_base_view.d.ts

@@ -34,6 +34,7 @@ export class VegaBaseView {
   destroy(): Promise<void>;
 
   _$container: any;
+  _$controls: any;
   _parser: any;
   _vegaViewConfig: any;
   _serviceSettings: VegaViewParams['serviceSettings'];

src/plugins/vis_type_vega/public/vega_view/vega_map_view/layers/vega_layer.test.ts

@@ -36,6 +36,7 @@ describe('vega_map_view/tms_raster_layer', () => {
       vegaView: ({
         initialize: jest.fn(),
       } as unknown) as View,
+      vegaControls: 'element',
       updateVegaView: jest.fn(),
     };
   });

src/plugins/vis_type_vega/public/vega_view/vega_map_view/layers/vega_layer.ts

@@ -13,12 +13,13 @@ import type { LayerParameters } from './types';
 export interface VegaLayerContext {
   vegaView: View;
   updateVegaView: (map: Map, view: View) => void;
+  vegaControls: any;
 }
 
 export function initVegaLayer({
   id,
   map: mapInstance,
-  context: { vegaView, updateVegaView },
+  context: { vegaView, vegaControls, updateVegaView },
 }: LayerParameters<VegaLayerContext>) {
   const vegaLayer: CustomLayerInterface = {
     id,
@@ -34,7 +35,7 @@ export function initVegaLayer({
       vegaContainer.style.height = mapCanvas.style.height;
 
       mapContainer.appendChild(vegaContainer);
-      vegaView.initialize(vegaContainer);
+      vegaView.initialize(vegaContainer, vegaControls);
     },
     render() {
       updateVegaView(mapInstance, vegaView);

src/plugins/vis_type_vega/public/vega_view/vega_map_view/view.ts

@@ -175,6 +175,7 @@ export class VegaMapView extends VegaBaseView {
       map: mapBoxInstance,
       context: {
         vegaView,
+        vegaControls: this._$controls.get(0),
         updateVegaView,
       },
     });