@tic-nova/ngx-mapbox-gl 14.0.0

package/esm2022/lib/image/image.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.component.js","sourceRoot":"","sources":["../../../../../../libs/ngx-mapbox-gl/src/lib/image/image.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  inject,\n  input,\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { filter, startWith, switchMap } from 'rxjs/operators';\nimport { MapService } from '../map/map.service';\nimport type { Map } from 'mapbox-gl';\n\n@Component({\n  selector: 'mgl-image',\n  template: '',\n})\nexport class ImageComponent implements OnInit, OnDestroy, OnChanges {\n  private mapService = inject(MapService);\n  private zone = inject(NgZone);\n\n  /* Init inputs */\n  id = input.required<string>();\n\n  /* Dynamic inputs */\n  data = input<Parameters<Map['addImage']>[1]>();\n  options = input<Parameters<Map['addImage']>[2]>();\n  url = input<string>();\n\n  @Output() imageError = new EventEmitter<Error>();\n  @Output() imageLoaded = new EventEmitter<void>();\n\n  private isAdded = false;\n  private isAdding = false;\n  private sub: Subscription;\n\n  ngOnInit() {\n    this.sub = this.mapService.mapLoaded$\n      .pipe(\n        switchMap(() =>\n          fromEvent(this.mapService.mapInstance, 'styledata').pipe(\n            startWith(undefined),\n            filter(\n              () =>\n                !this.isAdding &&\n                !this.mapService.mapInstance.hasImage(this.id()),\n            ),\n          ),\n        ),\n      )\n      .subscribe(() => this.init());\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (\n      (changes['data'] && !changes['data'].isFirstChange()) ||\n      (changes['options'] && !changes['options'].isFirstChange()) ||\n      (changes['url'] && !changes['url'].isFirstChange())\n    ) {\n      this.ngOnDestroy();\n      this.ngOnInit();\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.isAdded) {\n      this.mapService.removeImage(this.id());\n    }\n    if (this.sub) {\n      this.sub.unsubscribe();\n    }\n  }\n\n  private async init() {\n    this.isAdding = true;\n    if (this.data()) {\n      this.mapService.addImage(this.id(), this.data()!, this.options());\n      this.isAdded = true;\n      this.isAdding = false;\n    } else if (this.url()) {\n      try {\n        await this.mapService.loadAndAddImage(\n          this.id(),\n          this.url()!,\n          this.options(),\n        );\n        this.isAdded = true;\n        this.isAdding = false;\n        this.zone.run(() => {\n          this.imageLoaded.emit();\n        });\n      } catch (error) {\n        this.zone.run(() => {\n          this.imageError.emit(error as Error);\n        });\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/layer/layer.component.js

@@ -0,0 +1,139 @@
+import { Component, EventEmitter, Output, inject, input, } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { filter, map, startWith, switchMap } from 'rxjs/operators';
+import { MapService } from '../map/map.service';
+import * as i0 from "@angular/core";
+export class LayerComponent {
+    mapService = inject(MapService);
+    /* Init inputs */
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
+    source = input(...(ngDevMode ? [undefined, { debugName: "source" }] : []));
+    type = input.required(...(ngDevMode ? [{ debugName: "type" }] : []));
+    metadata = input(...(ngDevMode ? [undefined, { debugName: "metadata" }] : []));
+    sourceLayer = input(...(ngDevMode ? [undefined, { debugName: "sourceLayer" }] : []));
+    /* Dynamic inputs */
+    filter = input(...(ngDevMode ? [undefined, { debugName: "filter" }] : []));
+    layout = input(...(ngDevMode ? [undefined, { debugName: "layout" }] : []));
+    paint = input(...(ngDevMode ? [undefined, { debugName: "paint" }] : []));
+    before = input(...(ngDevMode ? [undefined, { debugName: "before" }] : []));
+    minzoom = input(...(ngDevMode ? [undefined, { debugName: "minzoom" }] : []));
+    maxzoom = input(...(ngDevMode ? [undefined, { debugName: "maxzoom" }] : []));
+    layerClick = new EventEmitter();
+    layerDblClick = new EventEmitter();
+    layerMouseDown = new EventEmitter();
+    layerMouseUp = new EventEmitter();
+    layerMouseEnter = new EventEmitter();
+    layerMouseLeave = new EventEmitter();
+    layerMouseMove = new EventEmitter();
+    layerMouseOver = new EventEmitter();
+    layerMouseOut = new EventEmitter();
+    layerContextMenu = new EventEmitter();
+    layerTouchStart = new EventEmitter();
+    layerTouchEnd = new EventEmitter();
+    layerTouchCancel = new EventEmitter();
+    layerAdded = false;
+    sub;
+    ngOnInit() {
+        this.sub = this.mapService.mapLoaded$
+            .pipe(switchMap(() => fromEvent(this.mapService.mapInstance, 'styledata').pipe(map(() => false), filter(() => !this.mapService.mapInstance.getLayer(this.id())), startWith(true))))
+            .subscribe((bindEvents) => this.init(bindEvents));
+    }
+    ngOnChanges(changes) {
+        if (!this.layerAdded) {
+            return;
+        }
+        if (changes['paint'] && !changes['paint'].isFirstChange()) {
+            this.mapService.setLayerAllPaintProperty(this.id(), changes['paint'].currentValue);
+        }
+        if (changes['layout'] && !changes['layout'].isFirstChange()) {
+            this.mapService.setLayerAllLayoutProperty(this.id(), changes['layout'].currentValue);
+        }
+        if (changes['filter'] && !changes['filter'].isFirstChange()) {
+            this.mapService.setLayerFilter(this.id(), changes['filter'].currentValue);
+        }
+        if (changes['before'] && !changes['before'].isFirstChange()) {
+            this.mapService.setLayerBefore(this.id(), changes['before'].currentValue);
+        }
+        if ((changes['minzoom'] && !changes['minzoom'].isFirstChange()) ||
+            (changes['maxzoom'] && !changes['maxzoom'].isFirstChange())) {
+            this.mapService.setLayerZoomRange(this.id(), this.minzoom(), this.maxzoom());
+        }
+    }
+    ngOnDestroy() {
+        if (this.layerAdded) {
+            this.mapService.removeLayer(this.id());
+        }
+        if (this.sub) {
+            this.sub.unsubscribe();
+        }
+    }
+    init(bindEvents) {
+        const layer = {
+            layerOptions: {
+                id: this.id(),
+                type: this.type(),
+                source: this.source(),
+                metadata: this.metadata(),
+                'source-layer': this.sourceLayer(),
+                minzoom: this.minzoom(),
+                maxzoom: this.maxzoom(),
+                filter: this.filter(),
+                layout: this.layout(),
+                paint: this.paint(),
+            },
+            layerEvents: {
+                layerClick: this.layerClick,
+                layerDblClick: this.layerDblClick,
+                layerMouseDown: this.layerMouseDown,
+                layerMouseUp: this.layerMouseUp,
+                layerMouseEnter: this.layerMouseEnter,
+                layerMouseLeave: this.layerMouseLeave,
+                layerMouseMove: this.layerMouseMove,
+                layerMouseOver: this.layerMouseOver,
+                layerMouseOut: this.layerMouseOut,
+                layerContextMenu: this.layerContextMenu,
+                layerTouchStart: this.layerTouchStart,
+                layerTouchEnd: this.layerTouchEnd,
+                layerTouchCancel: this.layerTouchCancel,
+            },
+        };
+        this.mapService.addLayer(layer, bindEvents, this.before());
+        this.layerAdded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: LayerComponent, isStandalone: true, selector: "mgl-layer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null }, sourceLayer: { classPropertyName: "sourceLayer", publicName: "sourceLayer", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, paint: { classPropertyName: "paint", publicName: "paint", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, minzoom: { classPropertyName: "minzoom", publicName: "minzoom", isSignal: true, isRequired: false, transformFunction: null }, maxzoom: { classPropertyName: "maxzoom", publicName: "maxzoom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layerClick: "layerClick", layerDblClick: "layerDblClick", layerMouseDown: "layerMouseDown", layerMouseUp: "layerMouseUp", layerMouseEnter: "layerMouseEnter", layerMouseLeave: "layerMouseLeave", layerMouseMove: "layerMouseMove", layerMouseOver: "layerMouseOver", layerMouseOut: "layerMouseOut", layerContextMenu: "layerContextMenu", layerTouchStart: "layerTouchStart", layerTouchEnd: "layerTouchEnd", layerTouchCancel: "layerTouchCancel" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-layer',
+                    template: '',
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], metadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }], sourceLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceLayer", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], paint: [{ type: i0.Input, args: [{ isSignal: true, alias: "paint", required: false }] }], before: [{ type: i0.Input, args: [{ isSignal: true, alias: "before", required: false }] }], minzoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "minzoom", required: false }] }], maxzoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxzoom", required: false }] }], layerClick: [{
+                type: Output
+            }], layerDblClick: [{
+                type: Output
+            }], layerMouseDown: [{
+                type: Output
+            }], layerMouseUp: [{
+                type: Output
+            }], layerMouseEnter: [{
+                type: Output
+            }], layerMouseLeave: [{
+                type: Output
+            }], layerMouseMove: [{
+                type: Output
+            }], layerMouseOver: [{
+                type: Output
+            }], layerMouseOut: [{
+                type: Output
+            }], layerContextMenu: [{
+                type: Output
+            }], layerTouchStart: [{
+                type: Output
+            }], layerTouchEnd: [{
+                type: Output
+            }], layerTouchCancel: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=layer.component.js.map

package/esm2022/lib/layer/layer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.component.js","sourceRoot":"","sources":["../../../../../../libs/ngx-mapbox-gl/src/lib/layer/layer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  inject,\n  input,\n} from '@angular/core';\nimport type {\n  Layer,\n  MapMouseEvent,\n  MapTouchEvent,\n  Map,\n  SourceSpecification,\n  LayerSpecification,\n} from 'mapbox-gl';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { filter, map, startWith, switchMap } from 'rxjs/operators';\nimport { MapService, SetupLayer } from '../map/map.service';\nimport { LayerEvents } from '../map/map.types';\n\ntype AnyLayerSource = LayerSpecification['source'] | SourceSpecification;\n\n@Component({\n  selector: 'mgl-layer',\n  template: '',\n})\nexport class LayerComponent\n  implements OnInit, OnDestroy, OnChanges, LayerEvents\n{\n  private mapService = inject(MapService);\n\n  /* Init inputs */\n  id = input.required<Layer['id']>();\n  source = input<AnyLayerSource>();\n  type = input.required<Layer['type']>();\n  metadata = input<Layer['metadata']>();\n  sourceLayer = input<Layer['source-layer']>();\n\n  /* Dynamic inputs */\n  filter = input<Layer['filter']>();\n  layout = input<Layer['layout']>();\n  paint = input<Layer['paint']>();\n  before = input<Parameters<Map['moveLayer']>[1]>();\n  minzoom = input<Layer['minzoom']>();\n  maxzoom = input<Layer['maxzoom']>();\n\n  @Output() layerClick = new EventEmitter<MapMouseEvent>();\n  @Output() layerDblClick = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseDown = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseUp = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseEnter = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseLeave = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseMove = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseOver = new EventEmitter<MapMouseEvent>();\n  @Output() layerMouseOut = new EventEmitter<MapMouseEvent>();\n  @Output() layerContextMenu = new EventEmitter<MapMouseEvent>();\n  @Output() layerTouchStart = new EventEmitter<MapTouchEvent>();\n  @Output() layerTouchEnd = new EventEmitter<MapTouchEvent>();\n  @Output() layerTouchCancel = new EventEmitter<MapTouchEvent>();\n\n  private layerAdded = false;\n  private sub: Subscription;\n\n  ngOnInit() {\n    this.sub = this.mapService.mapLoaded$\n      .pipe(\n        switchMap(() =>\n          fromEvent(this.mapService.mapInstance, 'styledata').pipe(\n            map(() => false),\n            filter(() => !this.mapService.mapInstance.getLayer(this.id())),\n            startWith(true),\n          ),\n        ),\n      )\n      .subscribe((bindEvents: boolean) => this.init(bindEvents));\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (!this.layerAdded) {\n      return;\n    }\n    if (changes['paint'] && !changes['paint'].isFirstChange()) {\n      this.mapService.setLayerAllPaintProperty(\n        this.id(),\n        changes['paint'].currentValue!,\n      );\n    }\n    if (changes['layout'] && !changes['layout'].isFirstChange()) {\n      this.mapService.setLayerAllLayoutProperty(\n        this.id(),\n        changes['layout'].currentValue!,\n      );\n    }\n    if (changes['filter'] && !changes['filter'].isFirstChange()) {\n      this.mapService.setLayerFilter(\n        this.id(),\n        changes['filter'].currentValue!,\n      );\n    }\n    if (changes['before'] && !changes['before'].isFirstChange()) {\n      this.mapService.setLayerBefore(\n        this.id(),\n        changes['before'].currentValue!,\n      );\n    }\n    if (\n      (changes['minzoom'] && !changes['minzoom'].isFirstChange()) ||\n      (changes['maxzoom'] && !changes['maxzoom'].isFirstChange())\n    ) {\n      this.mapService.setLayerZoomRange(\n        this.id(),\n        this.minzoom(),\n        this.maxzoom(),\n      );\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.layerAdded) {\n      this.mapService.removeLayer(this.id());\n    }\n    if (this.sub) {\n      this.sub.unsubscribe();\n    }\n  }\n\n  private init(bindEvents: boolean) {\n    const layer: SetupLayer = {\n      layerOptions: {\n        id: this.id(),\n        type: this.type(),\n        source: this.source(),\n        metadata: this.metadata(),\n        'source-layer': this.sourceLayer(),\n        minzoom: this.minzoom(),\n        maxzoom: this.maxzoom(),\n        filter: this.filter(),\n        layout: this.layout(),\n        paint: this.paint(),\n      },\n      layerEvents: {\n        layerClick: this.layerClick,\n        layerDblClick: this.layerDblClick,\n        layerMouseDown: this.layerMouseDown,\n        layerMouseUp: this.layerMouseUp,\n        layerMouseEnter: this.layerMouseEnter,\n        layerMouseLeave: this.layerMouseLeave,\n        layerMouseMove: this.layerMouseMove,\n        layerMouseOver: this.layerMouseOver,\n        layerMouseOut: this.layerMouseOut,\n        layerContextMenu: this.layerContextMenu,\n        layerTouchStart: this.layerTouchStart,\n        layerTouchEnd: this.layerTouchEnd,\n        layerTouchCancel: this.layerTouchCancel,\n      },\n    };\n    this.mapService.addLayer(layer, bindEvents, this.before());\n    this.layerAdded = true;\n  }\n}\n"]}

package/esm2022/lib/map/map.component.js

@@ -0,0 +1,381 @@
+import { afterNextRender, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Output, ViewChild, inject, input, } from '@angular/core';
+import { lastValueFrom } from 'rxjs';
+import { MapService } from './map.service';
+import * as i0 from "@angular/core";
+export class MapComponent {
+    mapService = inject(MapService);
+    /* Init inputs */
+    accessToken = input(...(ngDevMode ? [undefined, { debugName: "accessToken" }] : []));
+    collectResourceTiming = input(...(ngDevMode ? [undefined, { debugName: "collectResourceTiming" }] : []));
+    crossSourceCollisions = input(...(ngDevMode ? [undefined, { debugName: "crossSourceCollisions" }] : []));
+    fadeDuration = input(...(ngDevMode ? [undefined, { debugName: "fadeDuration" }] : []));
+    hash = input(...(ngDevMode ? [undefined, { debugName: "hash" }] : []));
+    refreshExpiredTiles = input(...(ngDevMode ? [undefined, { debugName: "refreshExpiredTiles" }] : []));
+    failIfMajorPerformanceCaveat = input(...(ngDevMode ? [undefined, { debugName: "failIfMajorPerformanceCaveat" }] : []));
+    bearingSnap = input(...(ngDevMode ? [undefined, { debugName: "bearingSnap" }] : []));
+    interactive = input(...(ngDevMode ? [undefined, { debugName: "interactive" }] : []));
+    pitchWithRotate = input(...(ngDevMode ? [undefined, { debugName: "pitchWithRotate" }] : []));
+    clickTolerance = input(...(ngDevMode ? [undefined, { debugName: "clickTolerance" }] : []));
+    attributionControl = input(...(ngDevMode ? [undefined, { debugName: "attributionControl" }] : []));
+    logoPosition = input(...(ngDevMode ? [undefined, { debugName: "logoPosition" }] : []));
+    maxTileCacheSize = input(...(ngDevMode ? [undefined, { debugName: "maxTileCacheSize" }] : []));
+    localIdeographFontFamily = input(...(ngDevMode ? [undefined, { debugName: "localIdeographFontFamily" }] : []));
+    preserveDrawingBuffer = input(...(ngDevMode ? [undefined, { debugName: "preserveDrawingBuffer" }] : []));
+    trackResize = input(...(ngDevMode ? [undefined, { debugName: "trackResize" }] : []));
+    transformRequest = input(...(ngDevMode ? [undefined, { debugName: "transformRequest" }] : []));
+    bounds = input(...(ngDevMode ? [undefined, { debugName: "bounds" }] : [])); // Use fitBounds for dynamic input
+    antialias = input(...(ngDevMode ? [undefined, { debugName: "antialias" }] : []));
+    locale = input(...(ngDevMode ? [undefined, { debugName: "locale" }] : []));
+    cooperativeGestures = input(...(ngDevMode ? [undefined, { debugName: "cooperativeGestures" }] : []));
+    /* Dynamic inputs */
+    minZoom = input(...(ngDevMode ? [undefined, { debugName: "minZoom" }] : []));
+    maxZoom = input(...(ngDevMode ? [undefined, { debugName: "maxZoom" }] : []));
+    minPitch = input(...(ngDevMode ? [undefined, { debugName: "minPitch" }] : []));
+    maxPitch = input(...(ngDevMode ? [undefined, { debugName: "maxPitch" }] : []));
+    scrollZoom = input(...(ngDevMode ? [undefined, { debugName: "scrollZoom" }] : []));
+    dragRotate = input(...(ngDevMode ? [undefined, { debugName: "dragRotate" }] : []));
+    touchPitch = input(...(ngDevMode ? [undefined, { debugName: "touchPitch" }] : []));
+    touchZoomRotate = input(...(ngDevMode ? [undefined, { debugName: "touchZoomRotate" }] : []));
+    doubleClickZoom = input(...(ngDevMode ? [undefined, { debugName: "doubleClickZoom" }] : []));
+    keyboard = input(...(ngDevMode ? [undefined, { debugName: "keyboard" }] : []));
+    dragPan = input(...(ngDevMode ? [undefined, { debugName: "dragPan" }] : []));
+    boxZoom = input(...(ngDevMode ? [undefined, { debugName: "boxZoom" }] : []));
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    center = input(...(ngDevMode ? [undefined, { debugName: "center" }] : []));
+    maxBounds = input(...(ngDevMode ? [undefined, { debugName: "maxBounds" }] : []));
+    zoom = input(...(ngDevMode ? [undefined, { debugName: "zoom" }] : []));
+    bearing = input(...(ngDevMode ? [undefined, { debugName: "bearing" }] : []));
+    pitch = input(...(ngDevMode ? [undefined, { debugName: "pitch" }] : []));
+    // First value goes to options.fitBoundsOptions. Subsequents changes are passed to fitBounds
+    fitBoundsOptions = input(...(ngDevMode ? [undefined, { debugName: "fitBoundsOptions" }] : []));
+    renderWorldCopies = input(...(ngDevMode ? [undefined, { debugName: "renderWorldCopies" }] : []));
+    projection = input(...(ngDevMode ? [undefined, { debugName: "projection" }] : []));
+    /* Added by ngx-mapbox-gl */
+    movingMethod = input('flyTo', ...(ngDevMode ? [{ debugName: "movingMethod" }] : []));
+    movingOptions = input(...(ngDevMode ? [undefined, { debugName: "movingOptions" }] : []));
+    // => First value is a alias to bounds input (since mapbox 0.53.0). Subsequents changes are passed to fitBounds
+    fitBounds = input(...(ngDevMode ? [undefined, { debugName: "fitBounds" }] : []));
+    fitScreenCoordinates = input(...(ngDevMode ? [undefined, { debugName: "fitScreenCoordinates" }] : []));
+    centerWithPanTo = input(...(ngDevMode ? [undefined, { debugName: "centerWithPanTo" }] : []));
+    panToOptions = input(...(ngDevMode ? [undefined, { debugName: "panToOptions" }] : []));
+    cursorStyle = input(...(ngDevMode ? [undefined, { debugName: "cursorStyle" }] : []));
+    // resizeEmitter = new Subject<MapEvent>();
+    // mapResize = outputFromObservable(this.mapResizeEmitter);
+    mapResize = new EventEmitter();
+    mapRemove = new EventEmitter();
+    mapMouseDown = new EventEmitter();
+    mapMouseUp = new EventEmitter();
+    mapMouseMove = new EventEmitter();
+    mapClick = new EventEmitter();
+    mapDblClick = new EventEmitter();
+    mapMouseOver = new EventEmitter();
+    mapMouseOut = new EventEmitter();
+    mapContextMenu = new EventEmitter();
+    mapTouchStart = new EventEmitter();
+    mapTouchEnd = new EventEmitter();
+    mapTouchMove = new EventEmitter();
+    mapTouchCancel = new EventEmitter();
+    mapWheel = new EventEmitter();
+    moveStart = new EventEmitter();
+    move = new EventEmitter();
+    moveEnd = new EventEmitter();
+    mapDragStart = new EventEmitter();
+    mapDrag = new EventEmitter();
+    mapDragEnd = new EventEmitter();
+    zoomStart = new EventEmitter();
+    zoomEvt = new EventEmitter();
+    zoomEnd = new EventEmitter();
+    rotateStart = new EventEmitter();
+    rotate = new EventEmitter();
+    rotateEnd = new EventEmitter();
+    pitchStart = new EventEmitter();
+    pitchEvt = new EventEmitter();
+    pitchEnd = new EventEmitter();
+    boxZoomStart = new EventEmitter();
+    boxZoomEnd = new EventEmitter();
+    boxZoomCancel = new EventEmitter();
+    webGlContextLost = new EventEmitter();
+    webGlContextRestored = new EventEmitter();
+    mapLoad = new EventEmitter();
+    mapCreate = new EventEmitter();
+    idle = new EventEmitter();
+    render = new EventEmitter();
+    mapError = new EventEmitter();
+    data = new EventEmitter();
+    styleData = new EventEmitter();
+    sourceData = new EventEmitter();
+    dataLoading = new EventEmitter();
+    styleDataLoading = new EventEmitter();
+    sourceDataLoading = new EventEmitter();
+    styleImageMissing = new EventEmitter();
+    get mapInstance() {
+        return this.mapService.mapInstance;
+    }
+    mapContainer;
+    constructor() {
+        afterNextRender(() => {
+            this.mapService.setup({
+                accessToken: this.accessToken(),
+                mapOptions: {
+                    collectResourceTiming: this.collectResourceTiming(),
+                    container: this.mapContainer.nativeElement,
+                    crossSourceCollisions: this.crossSourceCollisions(),
+                    fadeDuration: this.fadeDuration(),
+                    minZoom: this.minZoom(),
+                    maxZoom: this.maxZoom(),
+                    minPitch: this.minPitch(),
+                    maxPitch: this.maxPitch(),
+                    style: this.style(),
+                    hash: this.hash(),
+                    interactive: this.interactive(),
+                    bearingSnap: this.bearingSnap(),
+                    pitchWithRotate: this.pitchWithRotate(),
+                    clickTolerance: this.clickTolerance(),
+                    attributionControl: this.attributionControl(),
+                    logoPosition: this.logoPosition(),
+                    failIfMajorPerformanceCaveat: this.failIfMajorPerformanceCaveat(),
+                    preserveDrawingBuffer: this.preserveDrawingBuffer(),
+                    refreshExpiredTiles: this.refreshExpiredTiles(),
+                    maxBounds: this.maxBounds(),
+                    scrollZoom: this.scrollZoom(),
+                    boxZoom: this.boxZoom(),
+                    dragRotate: this.dragRotate(),
+                    dragPan: this.dragPan(),
+                    keyboard: this.keyboard(),
+                    doubleClickZoom: this.doubleClickZoom(),
+                    touchPitch: this.touchPitch(),
+                    touchZoomRotate: this.touchZoomRotate(),
+                    trackResize: this.trackResize(),
+                    center: this.center(),
+                    zoom: this.zoom(),
+                    bearing: this.bearing(),
+                    pitch: this.pitch(),
+                    renderWorldCopies: this.renderWorldCopies(),
+                    maxTileCacheSize: this.maxTileCacheSize(),
+                    localIdeographFontFamily: this.localIdeographFontFamily(),
+                    transformRequest: this.transformRequest(),
+                    bounds: this.bounds() ? this.bounds() : this.fitBounds(),
+                    fitBoundsOptions: this.fitBoundsOptions(),
+                    antialias: this.antialias(),
+                    locale: this.locale(),
+                    cooperativeGestures: this.cooperativeGestures(),
+                    projection: this.projection(),
+                },
+                mapEvents: this,
+            });
+            if (this.cursorStyle()) {
+                this.mapService.changeCanvasCursor(this.cursorStyle());
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.mapService.destroyMap();
+    }
+    async ngOnChanges(changes) {
+        await lastValueFrom(this.mapService.mapCreated$);
+        if (changes['cursorStyle'] && !changes['cursorStyle'].isFirstChange()) {
+            this.mapService.changeCanvasCursor(changes['cursorStyle'].currentValue);
+        }
+        if (changes['projection'] && !changes['projection'].isFirstChange()) {
+            this.mapService.updateProjection(changes['projection'].currentValue);
+        }
+        if (changes['minZoom'] && !changes['minZoom'].isFirstChange()) {
+            this.mapService.updateMinZoom(changes['minZoom'].currentValue);
+        }
+        if (changes['maxZoom'] && !changes['maxZoom'].isFirstChange()) {
+            this.mapService.updateMaxZoom(changes['maxZoom'].currentValue);
+        }
+        if (changes['minPitch'] && !changes['minPitch'].isFirstChange()) {
+            this.mapService.updateMinPitch(changes['minPitch'].currentValue);
+        }
+        if (changes['maxPitch'] && !changes['maxPitch'].isFirstChange()) {
+            this.mapService.updateMaxPitch(changes['maxPitch'].currentValue);
+        }
+        if (changes['renderWorldCopies'] &&
+            !changes['renderWorldCopies'].isFirstChange()) {
+            this.mapService.updateRenderWorldCopies(changes['renderWorldCopies'].currentValue);
+        }
+        if (changes['scrollZoom'] && !changes['scrollZoom'].isFirstChange()) {
+            this.mapService.updateScrollZoom(changes['scrollZoom'].currentValue);
+        }
+        if (changes['dragRotate'] && !changes['dragRotate'].isFirstChange()) {
+            this.mapService.updateDragRotate(changes['dragRotate'].currentValue);
+        }
+        if (changes['touchPitch'] && !changes['touchPitch'].isFirstChange()) {
+            this.mapService.updateTouchPitch(changes['touchPitch'].currentValue);
+        }
+        if (changes['touchZoomRotate'] &&
+            !changes['touchZoomRotate'].isFirstChange()) {
+            this.mapService.updateTouchZoomRotate(changes['touchZoomRotate'].currentValue);
+        }
+        if (changes['doubleClickZoom'] &&
+            !changes['doubleClickZoom'].isFirstChange()) {
+            this.mapService.updateDoubleClickZoom(changes['doubleClickZoom'].currentValue);
+        }
+        if (changes['keyboard'] && !changes['keyboard'].isFirstChange()) {
+            this.mapService.updateKeyboard(changes['keyboard'].currentValue);
+        }
+        if (changes['dragPan'] && !changes['dragPan'].isFirstChange()) {
+            this.mapService.updateDragPan(changes['dragPan'].currentValue);
+        }
+        if (changes['boxZoom'] && !changes['boxZoom'].isFirstChange()) {
+            this.mapService.updateBoxZoom(changes['boxZoom'].currentValue);
+        }
+        if (changes['style'] && !changes['style'].isFirstChange()) {
+            this.mapService.updateStyle(changes['style'].currentValue);
+        }
+        if (changes['maxBounds'] && !changes['maxBounds'].isFirstChange()) {
+            this.mapService.updateMaxBounds(changes['maxBounds'].currentValue);
+        }
+        if (changes['fitBounds'] &&
+            changes['fitBounds'].currentValue &&
+            !changes['fitBounds'].isFirstChange()) {
+            this.mapService.fitBounds(changes['fitBounds'].currentValue, this.fitBoundsOptions());
+        }
+        if (changes['fitScreenCoordinates'] &&
+            changes['fitScreenCoordinates'].currentValue) {
+            if ((this.center() || this.zoom() || this.pitch() || this.fitBounds()) &&
+                changes['fitScreenCoordinates'].isFirstChange()) {
+                console.warn('[ngx-mapbox-gl] center / zoom / pitch / fitBounds inputs are being overridden by fitScreenCoordinates input');
+            }
+            const bearing = this.bearing();
+            this.mapService.fitScreenCoordinates(changes['fitScreenCoordinates'].currentValue, Array.isArray(bearing) ? bearing[0] : bearing || 0, this.movingOptions());
+        }
+        if (this.centerWithPanTo() &&
+            changes['center'] &&
+            !changes['center'].isFirstChange() &&
+            !changes['zoom'] &&
+            !changes['bearing'] &&
+            !changes['pitch']) {
+            this.mapService.panTo(this.center(), this.panToOptions());
+        }
+        else if ((changes['center'] && !changes['center'].isFirstChange()) ||
+            (changes['zoom'] && !changes['zoom'].isFirstChange()) ||
+            (changes['bearing'] &&
+                !changes['bearing'].isFirstChange() &&
+                !changes['fitScreenCoordinates']) ||
+            (changes['pitch'] && !changes['pitch'].isFirstChange())) {
+            const zoom = this.zoom();
+            const center = this.center();
+            const bearing = this.bearing();
+            const pitch = this.pitch();
+            this.mapService.move(this.movingMethod(), this.movingOptions(), changes['zoom'] && zoom
+                ? Array.isArray(zoom)
+                    ? zoom[0]
+                    : zoom
+                : undefined, changes['center'] ? center : undefined, changes['bearing'] && bearing
+                ? Array.isArray(bearing)
+                    ? bearing[0]
+                    : bearing
+                : undefined, changes['pitch'] && pitch
+                ? Array.isArray(pitch)
+                    ? pitch[0]
+                    : pitch
+                : undefined);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: MapComponent, isStandalone: true, selector: "mgl-map", inputs: { accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null }, collectResourceTiming: { classPropertyName: "collectResourceTiming", publicName: "collectResourceTiming", isSignal: true, isRequired: false, transformFunction: null }, crossSourceCollisions: { classPropertyName: "crossSourceCollisions", publicName: "crossSourceCollisions", isSignal: true, isRequired: false, transformFunction: null }, fadeDuration: { classPropertyName: "fadeDuration", publicName: "fadeDuration", isSignal: true, isRequired: false, transformFunction: null }, hash: { classPropertyName: "hash", publicName: "hash", isSignal: true, isRequired: false, transformFunction: null }, refreshExpiredTiles: { classPropertyName: "refreshExpiredTiles", publicName: "refreshExpiredTiles", isSignal: true, isRequired: false, transformFunction: null }, failIfMajorPerformanceCaveat: { classPropertyName: "failIfMajorPerformanceCaveat", publicName: "failIfMajorPerformanceCaveat", isSignal: true, isRequired: false, transformFunction: null }, bearingSnap: { classPropertyName: "bearingSnap", publicName: "bearingSnap", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, pitchWithRotate: { classPropertyName: "pitchWithRotate", publicName: "pitchWithRotate", isSignal: true, isRequired: false, transformFunction: null }, clickTolerance: { classPropertyName: "clickTolerance", publicName: "clickTolerance", isSignal: true, isRequired: false, transformFunction: null }, attributionControl: { classPropertyName: "attributionControl", publicName: "attributionControl", isSignal: true, isRequired: false, transformFunction: null }, logoPosition: { classPropertyName: "logoPosition", publicName: "logoPosition", isSignal: true, isRequired: false, transformFunction: null }, maxTileCacheSize: { classPropertyName: "maxTileCacheSize", publicName: "maxTileCacheSize", isSignal: true, isRequired: false, transformFunction: null }, localIdeographFontFamily: { classPropertyName: "localIdeographFontFamily", publicName: "localIdeographFontFamily", isSignal: true, isRequired: false, transformFunction: null }, preserveDrawingBuffer: { classPropertyName: "preserveDrawingBuffer", publicName: "preserveDrawingBuffer", isSignal: true, isRequired: false, transformFunction: null }, trackResize: { classPropertyName: "trackResize", publicName: "trackResize", isSignal: true, isRequired: false, transformFunction: null }, transformRequest: { classPropertyName: "transformRequest", publicName: "transformRequest", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: false, transformFunction: null }, antialias: { classPropertyName: "antialias", publicName: "antialias", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, cooperativeGestures: { classPropertyName: "cooperativeGestures", publicName: "cooperativeGestures", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, minPitch: { classPropertyName: "minPitch", publicName: "minPitch", isSignal: true, isRequired: false, transformFunction: null }, maxPitch: { classPropertyName: "maxPitch", publicName: "maxPitch", isSignal: true, isRequired: false, transformFunction: null }, scrollZoom: { classPropertyName: "scrollZoom", publicName: "scrollZoom", isSignal: true, isRequired: false, transformFunction: null }, dragRotate: { classPropertyName: "dragRotate", publicName: "dragRotate", isSignal: true, isRequired: false, transformFunction: null }, touchPitch: { classPropertyName: "touchPitch", publicName: "touchPitch", isSignal: true, isRequired: false, transformFunction: null }, touchZoomRotate: { classPropertyName: "touchZoomRotate", publicName: "touchZoomRotate", isSignal: true, isRequired: false, transformFunction: null }, doubleClickZoom: { classPropertyName: "doubleClickZoom", publicName: "doubleClickZoom", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, dragPan: { classPropertyName: "dragPan", publicName: "dragPan", isSignal: true, isRequired: false, transformFunction: null }, boxZoom: { classPropertyName: "boxZoom", publicName: "boxZoom", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, maxBounds: { classPropertyName: "maxBounds", publicName: "maxBounds", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, bearing: { classPropertyName: "bearing", publicName: "bearing", isSignal: true, isRequired: false, transformFunction: null }, pitch: { classPropertyName: "pitch", publicName: "pitch", isSignal: true, isRequired: false, transformFunction: null }, fitBoundsOptions: { classPropertyName: "fitBoundsOptions", publicName: "fitBoundsOptions", isSignal: true, isRequired: false, transformFunction: null }, renderWorldCopies: { classPropertyName: "renderWorldCopies", publicName: "renderWorldCopies", isSignal: true, isRequired: false, transformFunction: null }, projection: { classPropertyName: "projection", publicName: "projection", isSignal: true, isRequired: false, transformFunction: null }, movingMethod: { classPropertyName: "movingMethod", publicName: "movingMethod", isSignal: true, isRequired: false, transformFunction: null }, movingOptions: { classPropertyName: "movingOptions", publicName: "movingOptions", isSignal: true, isRequired: false, transformFunction: null }, fitBounds: { classPropertyName: "fitBounds", publicName: "fitBounds", isSignal: true, isRequired: false, transformFunction: null }, fitScreenCoordinates: { classPropertyName: "fitScreenCoordinates", publicName: "fitScreenCoordinates", isSignal: true, isRequired: false, transformFunction: null }, centerWithPanTo: { classPropertyName: "centerWithPanTo", publicName: "centerWithPanTo", isSignal: true, isRequired: false, transformFunction: null }, panToOptions: { classPropertyName: "panToOptions", publicName: "panToOptions", isSignal: true, isRequired: false, transformFunction: null }, cursorStyle: { classPropertyName: "cursorStyle", publicName: "cursorStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mapResize: "mapResize", mapRemove: "mapRemove", mapMouseDown: "mapMouseDown", mapMouseUp: "mapMouseUp", mapMouseMove: "mapMouseMove", mapClick: "mapClick", mapDblClick: "mapDblClick", mapMouseOver: "mapMouseOver", mapMouseOut: "mapMouseOut", mapContextMenu: "mapContextMenu", mapTouchStart: "mapTouchStart", mapTouchEnd: "mapTouchEnd", mapTouchMove: "mapTouchMove", mapTouchCancel: "mapTouchCancel", mapWheel: "mapWheel", moveStart: "moveStart", move: "move", moveEnd: "moveEnd", mapDragStart: "mapDragStart", mapDrag: "mapDrag", mapDragEnd: "mapDragEnd", zoomStart: "zoomStart", zoomEvt: "zoomEvt", zoomEnd: "zoomEnd", rotateStart: "rotateStart", rotate: "rotate", rotateEnd: "rotateEnd", pitchStart: "pitchStart", pitchEvt: "pitchEvt", pitchEnd: "pitchEnd", boxZoomStart: "boxZoomStart", boxZoomEnd: "boxZoomEnd", boxZoomCancel: "boxZoomCancel", webGlContextLost: "webGlContextLost", webGlContextRestored: "webGlContextRestored", mapLoad: "mapLoad", mapCreate: "mapCreate", idle: "idle", render: "render", mapError: "mapError", data: "data", styleData: "styleData", sourceData: "sourceData", dataLoading: "dataLoading", styleDataLoading: "styleDataLoading", sourceDataLoading: "sourceDataLoading", styleImageMissing: "styleImageMissing" }, providers: [MapService], viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #container></div>', isInline: true, styles: [":host{display:block}div{height:100%;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mgl-map', template: '<div #container></div>', providers: [MapService], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}div{height:100%;width:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { accessToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessToken", required: false }] }], collectResourceTiming: [{ type: i0.Input, args: [{ isSignal: true, alias: "collectResourceTiming", required: false }] }], crossSourceCollisions: [{ type: i0.Input, args: [{ isSignal: true, alias: "crossSourceCollisions", required: false }] }], fadeDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "fadeDuration", required: false }] }], hash: [{ type: i0.Input, args: [{ isSignal: true, alias: "hash", required: false }] }], refreshExpiredTiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshExpiredTiles", required: false }] }], failIfMajorPerformanceCaveat: [{ type: i0.Input, args: [{ isSignal: true, alias: "failIfMajorPerformanceCaveat", required: false }] }], bearingSnap: [{ type: i0.Input, args: [{ isSignal: true, alias: "bearingSnap", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], pitchWithRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "pitchWithRotate", required: false }] }], clickTolerance: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickTolerance", required: false }] }], attributionControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "attributionControl", required: false }] }], logoPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoPosition", required: false }] }], maxTileCacheSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxTileCacheSize", required: false }] }], localIdeographFontFamily: [{ type: i0.Input, args: [{ isSignal: true, alias: "localIdeographFontFamily", required: false }] }], preserveDrawingBuffer: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveDrawingBuffer", required: false }] }], trackResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackResize", required: false }] }], transformRequest: [{ type: i0.Input, args: [{ isSignal: true, alias: "transformRequest", required: false }] }], bounds: [{ type: i0.Input, args: [{ isSignal: true, alias: "bounds", required: false }] }], antialias: [{ type: i0.Input, args: [{ isSignal: true, alias: "antialias", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], cooperativeGestures: [{ type: i0.Input, args: [{ isSignal: true, alias: "cooperativeGestures", required: false }] }], minZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "minZoom", required: false }] }], maxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxZoom", required: false }] }], minPitch: [{ type: i0.Input, args: [{ isSignal: true, alias: "minPitch", required: false }] }], maxPitch: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPitch", required: false }] }], scrollZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollZoom", required: false }] }], dragRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragRotate", required: false }] }], touchPitch: [{ type: i0.Input, args: [{ isSignal: true, alias: "touchPitch", required: false }] }], touchZoomRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "touchZoomRotate", required: false }] }], doubleClickZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "doubleClickZoom", required: false }] }], keyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboard", required: false }] }], dragPan: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragPan", required: false }] }], boxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxZoom", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], center: [{ type: i0.Input, args: [{ isSignal: true, alias: "center", required: false }] }], maxBounds: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBounds", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], bearing: [{ type: i0.Input, args: [{ isSignal: true, alias: "bearing", required: false }] }], pitch: [{ type: i0.Input, args: [{ isSignal: true, alias: "pitch", required: false }] }], fitBoundsOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitBoundsOptions", required: false }] }], renderWorldCopies: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderWorldCopies", required: false }] }], projection: [{ type: i0.Input, args: [{ isSignal: true, alias: "projection", required: false }] }], movingMethod: [{ type: i0.Input, args: [{ isSignal: true, alias: "movingMethod", required: false }] }], movingOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "movingOptions", required: false }] }], fitBounds: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitBounds", required: false }] }], fitScreenCoordinates: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitScreenCoordinates", required: false }] }], centerWithPanTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerWithPanTo", required: false }] }], panToOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "panToOptions", required: false }] }], cursorStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cursorStyle", required: false }] }], mapResize: [{
+                type: Output
+            }], mapRemove: [{
+                type: Output
+            }], mapMouseDown: [{
+                type: Output
+            }], mapMouseUp: [{
+                type: Output
+            }], mapMouseMove: [{
+                type: Output
+            }], mapClick: [{
+                type: Output
+            }], mapDblClick: [{
+                type: Output
+            }], mapMouseOver: [{
+                type: Output
+            }], mapMouseOut: [{
+                type: Output
+            }], mapContextMenu: [{
+                type: Output
+            }], mapTouchStart: [{
+                type: Output
+            }], mapTouchEnd: [{
+                type: Output
+            }], mapTouchMove: [{
+                type: Output
+            }], mapTouchCancel: [{
+                type: Output
+            }], mapWheel: [{
+                type: Output
+            }], moveStart: [{
+                type: Output
+            }], move: [{
+                type: Output
+            }], moveEnd: [{
+                type: Output
+            }], mapDragStart: [{
+                type: Output
+            }], mapDrag: [{
+                type: Output
+            }], mapDragEnd: [{
+                type: Output
+            }], zoomStart: [{
+                type: Output
+            }], zoomEvt: [{
+                type: Output
+            }], zoomEnd: [{
+                type: Output
+            }], rotateStart: [{
+                type: Output
+            }], rotate: [{
+                type: Output
+            }], rotateEnd: [{
+                type: Output
+            }], pitchStart: [{
+                type: Output
+            }], pitchEvt: [{
+                type: Output
+            }], pitchEnd: [{
+                type: Output
+            }], boxZoomStart: [{
+                type: Output
+            }], boxZoomEnd: [{
+                type: Output
+            }], boxZoomCancel: [{
+                type: Output
+            }], webGlContextLost: [{
+                type: Output
+            }], webGlContextRestored: [{
+                type: Output
+            }], mapLoad: [{
+                type: Output
+            }], mapCreate: [{
+                type: Output
+            }], idle: [{
+                type: Output
+            }], render: [{
+                type: Output
+            }], mapError: [{
+                type: Output
+            }], data: [{
+                type: Output
+            }], styleData: [{
+                type: Output
+            }], sourceData: [{
+                type: Output
+            }], dataLoading: [{
+                type: Output
+            }], styleDataLoading: [{
+                type: Output
+            }], sourceDataLoading: [{
+                type: Output
+            }], styleImageMissing: [{
+                type: Output
+            }], mapContainer: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }] } });
+//# sourceMappingURL=map.component.js.map