@tic-nova/ngx-mapbox-gl 14.0.0

package/lib/map/map.component.d.ts

@@ -0,0 +1,185 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { MovingOptions } from './map.service';
+import type { AnimationOptions, LngLatBoundsLike, Map, MapDataEvent, MapMouseEvent, MapSourceDataEvent, MapStyleDataEvent, MapTouchEvent, MapWheelEvent, PointLike } from 'mapbox-gl';
+import * as i0 from "@angular/core";
+export declare class MapComponent implements OnChanges, OnDestroy {
+    private mapService;
+    accessToken: import("@angular/core").InputSignal<string | undefined>;
+    collectResourceTiming: import("@angular/core").InputSignal<boolean | undefined>;
+    crossSourceCollisions: import("@angular/core").InputSignal<boolean | undefined>;
+    fadeDuration: import("@angular/core").InputSignal<number | undefined>;
+    hash: import("@angular/core").InputSignal<string | boolean | undefined>;
+    refreshExpiredTiles: import("@angular/core").InputSignal<boolean | undefined>;
+    failIfMajorPerformanceCaveat: import("@angular/core").InputSignal<boolean | undefined>;
+    bearingSnap: import("@angular/core").InputSignal<number | undefined>;
+    interactive: import("@angular/core").InputSignal<boolean | undefined>;
+    pitchWithRotate: import("@angular/core").InputSignal<boolean | undefined>;
+    clickTolerance: import("@angular/core").InputSignal<number | undefined>;
+    attributionControl: import("@angular/core").InputSignal<boolean | undefined>;
+    logoPosition: import("@angular/core").InputSignal<import("mapbox-gl").ControlPosition | undefined>;
+    maxTileCacheSize: import("@angular/core").InputSignal<number | undefined>;
+    localIdeographFontFamily: import("@angular/core").InputSignal<string | undefined>;
+    preserveDrawingBuffer: import("@angular/core").InputSignal<boolean | undefined>;
+    trackResize: import("@angular/core").InputSignal<boolean | undefined>;
+    transformRequest: import("@angular/core").InputSignal<import("mapbox-gl").RequestTransformFunction | undefined>;
+    bounds: import("@angular/core").InputSignal<LngLatBoundsLike | undefined>;
+    antialias: import("@angular/core").InputSignal<boolean | undefined>;
+    locale: import("@angular/core").InputSignal<Partial<{
+        "AttributionControl.ToggleAttribution": string;
+        "FullscreenControl.Enter": string;
+        "FullscreenControl.Exit": string;
+        "GeolocateControl.FindMyLocation": string;
+        "GeolocateControl.LocationNotAvailable": string;
+        "LogoControl.Title": string;
+        "Map.Title": string;
+        "NavigationControl.ResetBearing": string;
+        "NavigationControl.ZoomIn": string;
+        "NavigationControl.ZoomOut": string;
+        "ScrollZoomBlocker.CtrlMessage": string;
+        "ScrollZoomBlocker.CmdMessage": string;
+        "TouchPanBlocker.Message": string;
+    }> | undefined>;
+    cooperativeGestures: import("@angular/core").InputSignal<boolean | undefined>;
+    minZoom: import("@angular/core").InputSignal<number | undefined>;
+    maxZoom: import("@angular/core").InputSignal<number | undefined>;
+    minPitch: import("@angular/core").InputSignal<number | undefined>;
+    maxPitch: import("@angular/core").InputSignal<number | undefined>;
+    scrollZoom: import("@angular/core").InputSignal<boolean | {
+        around?: "center";
+    } | undefined>;
+    dragRotate: import("@angular/core").InputSignal<boolean | undefined>;
+    touchPitch: import("@angular/core").InputSignal<boolean | {
+        around?: "center";
+    } | undefined>;
+    touchZoomRotate: import("@angular/core").InputSignal<boolean | {
+        around?: "center";
+    } | undefined>;
+    doubleClickZoom: import("@angular/core").InputSignal<boolean | undefined>;
+    keyboard: import("@angular/core").InputSignal<boolean | undefined>;
+    dragPan: import("@angular/core").InputSignal<boolean | {
+        linearity?: number;
+        easing?: (t: number) => number;
+        deceleration?: number;
+        maxSpeed?: number;
+    } | undefined>;
+    boxZoom: import("@angular/core").InputSignal<boolean | undefined>;
+    style: import("@angular/core").InputSignal<string | import("mapbox-gl").StyleSpecification | undefined>;
+    center: import("@angular/core").InputSignal<import("mapbox-gl").LngLatLike | undefined>;
+    maxBounds: import("@angular/core").InputSignal<LngLatBoundsLike | undefined>;
+    zoom: import("@angular/core").InputSignal<number | [number] | undefined>;
+    bearing: import("@angular/core").InputSignal<number | [number] | undefined>;
+    pitch: import("@angular/core").InputSignal<number | [number] | undefined>;
+    fitBoundsOptions: import("@angular/core").InputSignal<import("mapbox-gl").EasingOptions | undefined>;
+    renderWorldCopies: import("@angular/core").InputSignal<boolean | undefined>;
+    projection: import("@angular/core").InputSignal<string | import("mapbox-gl").ProjectionSpecification | undefined>;
+    movingMethod: import("@angular/core").InputSignal<"jumpTo" | "easeTo" | "flyTo">;
+    movingOptions: import("@angular/core").InputSignal<MovingOptions | undefined>;
+    fitBounds: import("@angular/core").InputSignal<LngLatBoundsLike | undefined>;
+    fitScreenCoordinates: import("@angular/core").InputSignal<[PointLike, PointLike] | undefined>;
+    centerWithPanTo: import("@angular/core").InputSignal<boolean | undefined>;
+    panToOptions: import("@angular/core").InputSignal<AnimationOptions | undefined>;
+    cursorStyle: import("@angular/core").InputSignal<string | undefined>;
+    mapResize: EventEmitter<{
+        type: import("mapbox-gl").MapEventType;
+        target: Map;
+    }>;
+    mapRemove: EventEmitter<{
+        type: import("mapbox-gl").MapEventType;
+        target: Map;
+    }>;
+    mapMouseDown: EventEmitter<MapMouseEvent>;
+    mapMouseUp: EventEmitter<MapMouseEvent>;
+    mapMouseMove: EventEmitter<MapMouseEvent>;
+    mapClick: EventEmitter<MapMouseEvent>;
+    mapDblClick: EventEmitter<MapMouseEvent>;
+    mapMouseOver: EventEmitter<MapMouseEvent>;
+    mapMouseOut: EventEmitter<MapMouseEvent>;
+    mapContextMenu: EventEmitter<MapMouseEvent>;
+    mapTouchStart: EventEmitter<MapTouchEvent>;
+    mapTouchEnd: EventEmitter<MapTouchEvent>;
+    mapTouchMove: EventEmitter<MapTouchEvent>;
+    mapTouchCancel: EventEmitter<MapTouchEvent>;
+    mapWheel: EventEmitter<MapWheelEvent>;
+    moveStart: EventEmitter<{
+        originalEvent?: MouseEvent | WheelEvent | TouchEvent;
+    }>;
+    move: EventEmitter<{
+        originalEvent?: MouseEvent | WheelEvent | TouchEvent;
+    }>;
+    moveEnd: EventEmitter<{
+        originalEvent?: MouseEvent | WheelEvent | TouchEvent;
+    }>;
+    mapDragStart: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    mapDrag: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    mapDragEnd: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    zoomStart: EventEmitter<void>;
+    zoomEvt: EventEmitter<void>;
+    zoomEnd: EventEmitter<void>;
+    rotateStart: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    rotate: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    rotateEnd: EventEmitter<{
+        originalEvent?: MouseEvent | TouchEvent;
+    }>;
+    pitchStart: EventEmitter<void>;
+    pitchEvt: EventEmitter<void>;
+    pitchEnd: EventEmitter<void>;
+    boxZoomStart: EventEmitter<{
+        originalEvent?: MouseEvent | KeyboardEvent;
+    }>;
+    boxZoomEnd: EventEmitter<{
+        originalEvent?: MouseEvent;
+    }>;
+    boxZoomCancel: EventEmitter<{
+        originalEvent?: MouseEvent | KeyboardEvent;
+    }>;
+    webGlContextLost: EventEmitter<{
+        type: "webglcontextlost" | "webglcontextrestored";
+        target: Map;
+    } & ({
+        originalEvent?: WebGLContextEvent;
+    } | {
+        originalEvent?: WebGLContextEvent;
+    })>;
+    webGlContextRestored: EventEmitter<{
+        type: "webglcontextlost" | "webglcontextrestored";
+        target: Map;
+    } & ({
+        originalEvent?: WebGLContextEvent;
+    } | {
+        originalEvent?: WebGLContextEvent;
+    })>;
+    mapLoad: EventEmitter<{
+        type: import("mapbox-gl").MapEventType;
+        target: Map;
+    }>;
+    mapCreate: EventEmitter<Map>;
+    idle: EventEmitter<void>;
+    render: EventEmitter<void>;
+    mapError: EventEmitter<Error>;
+    data: EventEmitter<MapDataEvent>;
+    styleData: EventEmitter<MapStyleDataEvent>;
+    sourceData: EventEmitter<MapSourceDataEvent>;
+    dataLoading: EventEmitter<MapDataEvent>;
+    styleDataLoading: EventEmitter<MapStyleDataEvent>;
+    sourceDataLoading: EventEmitter<MapSourceDataEvent>;
+    styleImageMissing: EventEmitter<{
+        id: string;
+    }>;
+    get mapInstance(): Map;
+    mapContainer: ElementRef;
+    constructor();
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapComponent, "mgl-map", never, { "accessToken": { "alias": "accessToken"; "required": false; "isSignal": true; }; "collectResourceTiming": { "alias": "collectResourceTiming"; "required": false; "isSignal": true; }; "crossSourceCollisions": { "alias": "crossSourceCollisions"; "required": false; "isSignal": true; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; "isSignal": true; }; "hash": { "alias": "hash"; "required": false; "isSignal": true; }; "refreshExpiredTiles": { "alias": "refreshExpiredTiles"; "required": false; "isSignal": true; }; "failIfMajorPerformanceCaveat": { "alias": "failIfMajorPerformanceCaveat"; "required": false; "isSignal": true; }; "bearingSnap": { "alias": "bearingSnap"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "pitchWithRotate": { "alias": "pitchWithRotate"; "required": false; "isSignal": true; }; "clickTolerance": { "alias": "clickTolerance"; "required": false; "isSignal": true; }; "attributionControl": { "alias": "attributionControl"; "required": false; "isSignal": true; }; "logoPosition": { "alias": "logoPosition"; "required": false; "isSignal": true; }; "maxTileCacheSize": { "alias": "maxTileCacheSize"; "required": false; "isSignal": true; }; "localIdeographFontFamily": { "alias": "localIdeographFontFamily"; "required": false; "isSignal": true; }; "preserveDrawingBuffer": { "alias": "preserveDrawingBuffer"; "required": false; "isSignal": true; }; "trackResize": { "alias": "trackResize"; "required": false; "isSignal": true; }; "transformRequest": { "alias": "transformRequest"; "required": false; "isSignal": true; }; "bounds": { "alias": "bounds"; "required": false; "isSignal": true; }; "antialias": { "alias": "antialias"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "cooperativeGestures": { "alias": "cooperativeGestures"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "minPitch": { "alias": "minPitch"; "required": false; "isSignal": true; }; "maxPitch": { "alias": "maxPitch"; "required": false; "isSignal": true; }; "scrollZoom": { "alias": "scrollZoom"; "required": false; "isSignal": true; }; "dragRotate": { "alias": "dragRotate"; "required": false; "isSignal": true; }; "touchPitch": { "alias": "touchPitch"; "required": false; "isSignal": true; }; "touchZoomRotate": { "alias": "touchZoomRotate"; "required": false; "isSignal": true; }; "doubleClickZoom": { "alias": "doubleClickZoom"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "dragPan": { "alias": "dragPan"; "required": false; "isSignal": true; }; "boxZoom": { "alias": "boxZoom"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "maxBounds": { "alias": "maxBounds"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "bearing": { "alias": "bearing"; "required": false; "isSignal": true; }; "pitch": { "alias": "pitch"; "required": false; "isSignal": true; }; "fitBoundsOptions": { "alias": "fitBoundsOptions"; "required": false; "isSignal": true; }; "renderWorldCopies": { "alias": "renderWorldCopies"; "required": false; "isSignal": true; }; "projection": { "alias": "projection"; "required": false; "isSignal": true; }; "movingMethod": { "alias": "movingMethod"; "required": false; "isSignal": true; }; "movingOptions": { "alias": "movingOptions"; "required": false; "isSignal": true; }; "fitBounds": { "alias": "fitBounds"; "required": false; "isSignal": true; }; "fitScreenCoordinates": { "alias": "fitScreenCoordinates"; "required": false; "isSignal": true; }; "centerWithPanTo": { "alias": "centerWithPanTo"; "required": false; "isSignal": true; }; "panToOptions": { "alias": "panToOptions"; "required": false; "isSignal": true; }; "cursorStyle": { "alias": "cursorStyle"; "required": false; "isSignal": true; }; }, { "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"; }, never, never, true, never>;
+}

package/lib/map/map.service.d.ts

@@ -0,0 +1,123 @@
+import { EventEmitter, InjectionToken } from '@angular/core';
+import { Map, Marker, Popup, type AnimationOptions, type CanvasSource, type EasingOptions, type FilterSpecification, type LayoutSpecification, type LngLatLike, type MapOptions, type MarkerOptions, type PaintSpecification, type PointLike, type PopupOptions, type Source, type SourceSpecification } from 'mapbox-gl';
+import { Observable } from 'rxjs';
+import { LayerEvents, NgxMapEvent } from './map.types';
+import * as i0 from "@angular/core";
+export declare const MAPBOX_API_KEY: InjectionToken<unknown>;
+export interface SetupMap {
+    accessToken?: string;
+    mapOptions: Omit<MapOptions, 'bearing' | 'pitch' | 'zoom'> & {
+        /**
+         * NOTE: Thoses can be arrays in order to be able to imperatively change them if the map is moved manually
+         */
+        bearing?: [number] | number;
+        pitch?: [number] | number;
+        zoom?: [number] | number;
+    };
+    mapEvents: NgxMapEvent;
+}
+export interface SetupLayer {
+    layerOptions: Parameters<Map['addLayer']>[0];
+    layerEvents: LayerEvents;
+}
+export interface SetupPopup {
+    popupOptions: PopupOptions;
+    popupEvents: {
+        popupOpen: EventEmitter<void>;
+        popupClose: EventEmitter<void>;
+    };
+}
+export interface SetupMarker {
+    markersOptions: {
+        pitchAlignment?: MarkerOptions['pitchAlignment'];
+        rotationAlignment?: MarkerOptions['rotationAlignment'];
+        offset?: MarkerOptions['offset'];
+        anchor?: MarkerOptions['anchor'];
+        draggable?: MarkerOptions['draggable'];
+        element: HTMLElement;
+        feature?: GeoJSON.Feature<GeoJSON.Point>;
+        lngLat?: LngLatLike;
+        clickTolerance?: MarkerOptions['clickTolerance'];
+    };
+    markersEvents: {
+        markerDragStart: EventEmitter<Marker>;
+        markerDrag: EventEmitter<Marker>;
+        markerDragEnd: EventEmitter<Marker>;
+    };
+}
+export type MovingOptions = Parameters<Map['jumpTo']>[0] | Parameters<Map['easeTo']>[0] | Parameters<Map['flyTo']>[0];
+export declare class MapService {
+    private readonly zone;
+    private readonly MAPBOX_API_KEY;
+    private readonly injector;
+    mapInstance: Map;
+    mapCreated$: Observable<void>;
+    mapLoaded$: Observable<void>;
+    mapEvents: NgxMapEvent;
+    private mapCreated;
+    private mapLoaded;
+    private markersToRemove;
+    private popupsToRemove;
+    private imageIdsToRemove;
+    private subscription;
+    constructor();
+    setup(options: SetupMap): void;
+    destroyMap(): void;
+    updateProjection(projection: MapOptions['projection']): void;
+    updateMinZoom(minZoom: number): void;
+    updateMaxZoom(maxZoom: number): void;
+    updateMinPitch(minPitch: number): void;
+    updateMaxPitch(maxPitch: number): void;
+    updateRenderWorldCopies(status: boolean): void;
+    updateScrollZoom(status: boolean): void;
+    updateDragRotate(status: boolean): void;
+    updateTouchPitch(status: boolean): void;
+    updateTouchZoomRotate(status: boolean): void;
+    updateDoubleClickZoom(status: boolean): void;
+    updateKeyboard(status: boolean): void;
+    updateDragPan(status: boolean): void;
+    updateBoxZoom(status: boolean): void;
+    updateStyle(style: Parameters<Map['setStyle']>[0]): void;
+    updateMaxBounds(maxBounds: Parameters<Map['setMaxBounds']>[0]): void;
+    changeCanvasCursor(cursor: string): void;
+    queryRenderedFeatures(pointOrBox: PointLike | [PointLike, PointLike], parameters?: {
+        layers?: string[];
+        filter?: FilterSpecification;
+        validate?: boolean;
+    }): GeoJSON.Feature<GeoJSON.GeometryObject>[];
+    panTo(center: LngLatLike, options?: AnimationOptions): void;
+    move(movingMethod: 'jumpTo' | 'easeTo' | 'flyTo', movingOptions?: MovingOptions, zoom?: number, center?: LngLatLike, bearing?: number, pitch?: number): void;
+    addLayer(layer: SetupLayer, bindEvents: boolean, before?: string): void;
+    removeLayer(layerId: string): void;
+    addMarker(marker: SetupMarker): Marker;
+    removeMarker(marker: Marker): void;
+    createPopup(popup: SetupPopup, element: Node): Popup;
+    addPopupToMap(popup: Popup, lngLat: LngLatLike, skipOpenEvent?: boolean): void;
+    addPopupToMarker(marker: Marker, popup: Popup): void;
+    removePopupFromMap(popup: Popup, skipCloseEvent?: boolean): void;
+    removePopupFromMarker(marker: Marker): void;
+    addControl(control: Parameters<Map['addControl']>[0], position?: Parameters<Map['addControl']>[1]): void;
+    removeControl(control: Parameters<Map['removeControl']>[0]): void;
+    loadAndAddImage(imageId: string, url: string, options?: Parameters<Map['addImage']>[2]): Promise<void>;
+    addImage(imageId: Parameters<Map['addImage']>[0], data: Parameters<Map['addImage']>[1], options?: Parameters<Map['addImage']>[2]): void;
+    removeImage(imageId: string): void;
+    addSource(sourceId: string, source: SourceSpecification | CanvasSource['options']): void;
+    getSource<T extends Source>(sourceId: string): T | undefined;
+    removeSource(sourceId: string): void;
+    setLayerAllPaintProperty(layerId: string, paint: PaintSpecification): void;
+    setLayerAllLayoutProperty(layerId: string, layout: LayoutSpecification): void;
+    setLayerFilter(layerId: string, filter: FilterSpecification[]): void;
+    setLayerBefore(layerId: string, beforeId: string): void;
+    setLayerZoomRange(layerId: string, minZoom?: number, maxZoom?: number): void;
+    fitBounds(bounds: Parameters<Map['fitBounds']>[0], options?: Parameters<Map['fitBounds']>[1]): void;
+    fitScreenCoordinates(points: [PointLike, PointLike], bearing: number, options?: EasingOptions): void;
+    applyChanges(): void;
+    private createMap;
+    private removeMarkers;
+    private removePopups;
+    private removeImages;
+    private findLayersBySourceId;
+    private hookEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MapService>;
+}

package/lib/map/map.types.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from '@angular/core';
+import type { Map, MapContextEvent, MapDataEvent, MapEvent, MapEvents, MapMouseEvent, MapSourceDataEvent, MapStyleDataEvent, MapTouchEvent, MapWheelEvent } from 'mapbox-gl';
+export interface NgxMapEvent {
+    mapResize: EventEmitter<MapEvent>;
+    mapRemove: EventEmitter<MapEvent>;
+    mapMouseDown: EventEmitter<MapMouseEvent>;
+    mapMouseUp: EventEmitter<MapMouseEvent>;
+    mapMouseMove: EventEmitter<MapMouseEvent>;
+    mapClick: EventEmitter<MapMouseEvent>;
+    mapDblClick: EventEmitter<MapMouseEvent>;
+    mapMouseOver: EventEmitter<MapMouseEvent>;
+    mapMouseOut: EventEmitter<MapMouseEvent>;
+    mapContextMenu: EventEmitter<MapMouseEvent>;
+    mapTouchStart: EventEmitter<MapTouchEvent>;
+    mapTouchEnd: EventEmitter<MapTouchEvent>;
+    mapTouchMove: EventEmitter<MapTouchEvent>;
+    mapTouchCancel: EventEmitter<MapTouchEvent>;
+    mapWheel: EventEmitter<MapWheelEvent>;
+    moveStart: EventEmitter<MapEvents['movestart']>;
+    move: EventEmitter<MapEvents['move']>;
+    moveEnd: EventEmitter<MapEvents['moveend']>;
+    mapDragStart: EventEmitter<MapEvents['dragstart']>;
+    mapDrag: EventEmitter<MapEvents['drag']>;
+    mapDragEnd: EventEmitter<MapEvents['dragend']>;
+    zoomStart: EventEmitter<void>;
+    zoomEvt: EventEmitter<void>;
+    zoomEnd: EventEmitter<void>;
+    rotateStart: EventEmitter<MapEvents['rotatestart']>;
+    rotate: EventEmitter<MapEvents['rotate']>;
+    rotateEnd: EventEmitter<MapEvents['rotateend']>;
+    pitchStart: EventEmitter<void>;
+    pitchEvt: EventEmitter<void>;
+    pitchEnd: EventEmitter<void>;
+    boxZoomStart: EventEmitter<MapEvents['boxzoomstart']>;
+    boxZoomEnd: EventEmitter<MapEvents['boxzoomend']>;
+    boxZoomCancel: EventEmitter<MapEvents['boxzoomcancel']>;
+    webGlContextLost: EventEmitter<MapContextEvent>;
+    webGlContextRestored: EventEmitter<MapContextEvent>;
+    mapLoad: EventEmitter<MapEvent>;
+    mapCreate: EventEmitter<Map>;
+    render: EventEmitter<void>;
+    mapError: EventEmitter<Error>;
+    data: EventEmitter<MapDataEvent>;
+    styleData: EventEmitter<MapStyleDataEvent>;
+    sourceData: EventEmitter<MapSourceDataEvent>;
+    dataLoading: EventEmitter<MapDataEvent>;
+    styleDataLoading: EventEmitter<MapStyleDataEvent>;
+    sourceDataLoading: EventEmitter<MapSourceDataEvent>;
+    styleImageMissing: EventEmitter<{
+        id: string;
+    }>;
+    idle: EventEmitter<void>;
+}
+export interface LayerEvents {
+    layerClick: EventEmitter<MapMouseEvent>;
+    layerDblClick: EventEmitter<MapMouseEvent>;
+    layerMouseDown: EventEmitter<MapMouseEvent>;
+    layerMouseUp: EventEmitter<MapMouseEvent>;
+    layerMouseEnter: EventEmitter<MapMouseEvent>;
+    layerMouseLeave: EventEmitter<MapMouseEvent>;
+    layerMouseMove: EventEmitter<MapMouseEvent>;
+    layerMouseOver: EventEmitter<MapMouseEvent>;
+    layerMouseOut: EventEmitter<MapMouseEvent>;
+    layerContextMenu: EventEmitter<MapMouseEvent>;
+    layerTouchStart: EventEmitter<MapTouchEvent>;
+    layerTouchEnd: EventEmitter<MapTouchEvent>;
+    layerTouchCancel: EventEmitter<MapTouchEvent>;
+}
+/**
+ * in typescript 4.1 DOM interface Position and Coordinates renamed to GeolocationPosition GeolocationCoordinates
+ * to avoid deprecation angular version < 11.0.0 we declared own Coordinates, Position interface
+ */

package/lib/marker/marker.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import type { LngLatLike, Marker } from 'mapbox-gl';
+import type { Feature, Point } from 'geojson';
+import * as i0 from "@angular/core";
+export declare class MarkerComponent implements OnChanges, OnDestroy, AfterViewInit, OnInit {
+    private mapService;
+    offset: import("@angular/core").InputSignal<import("mapbox-gl").PointLike | undefined>;
+    anchor: import("@angular/core").InputSignal<import("mapbox-gl").Anchor | undefined>;
+    clickTolerance: import("@angular/core").InputSignal<number | undefined>;
+    feature: import("@angular/core").InputSignal<Feature<Point, import("geojson").GeoJsonProperties> | undefined>;
+    lngLat: import("@angular/core").InputSignal<LngLatLike | undefined>;
+    draggable: import("@angular/core").InputSignal<boolean | undefined>;
+    popupShown: import("@angular/core").InputSignal<boolean | undefined>;
+    className: import("@angular/core").InputSignal<string | undefined>;
+    zIndex: import("@angular/core").InputSignal<number | undefined>;
+    pitchAlignment: import("@angular/core").InputSignal<string | undefined>;
+    rotationAlignment: import("@angular/core").InputSignal<string | undefined>;
+    markerDragStart: EventEmitter<Marker>;
+    markerDragEnd: EventEmitter<Marker>;
+    markerDrag: EventEmitter<Marker>;
+    content: ElementRef;
+    markerInstance?: Marker;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    togglePopup(): void;
+    updateCoordinates(coordinates: number[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkerComponent, "mgl-marker", never, { "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "clickTolerance": { "alias": "clickTolerance"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; "lngLat": { "alias": "lngLat"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "popupShown": { "alias": "popupShown"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "pitchAlignment": { "alias": "pitchAlignment"; "required": false; "isSignal": true; }; "rotationAlignment": { "alias": "rotationAlignment"; "required": false; "isSignal": true; }; }, { "markerDragStart": "markerDragStart"; "markerDragEnd": "markerDragEnd"; "markerDrag": "markerDrag"; }, never, ["*"], true, never>;
+}

package/lib/markers-for-clusters/markers-for-clusters.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterContentInit, OnDestroy, TemplateRef } from '@angular/core';
+import type { GeoJSONFeature } from 'mapbox-gl';
+import * as i0 from "@angular/core";
+export declare class PointDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PointDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PointDirective, "ng-template[mglPoint]", never, {}, {}, never, never, true, never>;
+}
+export declare class ClusterPointDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClusterPointDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClusterPointDirective, "ng-template[mglClusterPoint]", never, {}, {}, never, never, true, never>;
+}
+export declare class MarkersForClustersComponent implements OnDestroy, AfterContentInit {
+    private mapService;
+    private zone;
+    source: import("@angular/core").InputSignal<string>;
+    customPointIdKey: import("@angular/core").InputSignal<string | undefined>;
+    pointTpl?: TemplateRef<unknown>;
+    clusterPointTpl: TemplateRef<unknown>;
+    clusterPoints: import("@angular/core").WritableSignal<GeoJSONFeature[]>;
+    layerId: string;
+    private sub;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    trackByFeature(feature: GeoJSONFeature): any;
+    private updateCluster;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkersForClustersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkersForClustersComponent, "mgl-markers-for-clusters", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; "customPointIdKey": { "alias": "customPointIdKey"; "required": false; "isSignal": true; }; }, {}, ["pointTpl", "clusterPointTpl"], never, true, never>;
+}

package/lib/popup/popup.component.d.ts

@@ -0,0 +1,33 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { LngLatLike, PointLike, Popup } from 'mapbox-gl';
+import { MarkerComponent } from '../marker/marker.component';
+import { Feature, Point } from 'geojson';
+import * as i0 from "@angular/core";
+export declare class PopupComponent implements OnChanges, OnDestroy, AfterViewInit, OnInit {
+    private mapService;
+    closeButton: import("@angular/core").InputSignal<boolean | undefined>;
+    closeOnClick: import("@angular/core").InputSignal<boolean | undefined>;
+    closeOnMove: import("@angular/core").InputSignal<boolean | undefined>;
+    focusAfterOpen: import("@angular/core").InputSignal<boolean | undefined>;
+    anchor: import("@angular/core").InputSignal<import("mapbox-gl").Anchor | undefined>;
+    className: import("@angular/core").InputSignal<string | undefined>;
+    maxWidth: import("@angular/core").InputSignal<string | undefined>;
+    feature: import("@angular/core").InputSignal<Feature<Point, import("geojson").GeoJsonProperties> | undefined>;
+    lngLat: import("@angular/core").InputSignal<LngLatLike | undefined>;
+    marker: import("@angular/core").InputSignal<MarkerComponent | undefined>;
+    offset: import("@angular/core").InputSignal<number | PointLike | {
+        [anchor: string]: [number, number];
+    } | undefined>;
+    popupClose: EventEmitter<void>;
+    popupOpen: EventEmitter<void>;
+    content: ElementRef;
+    popupInstance?: Popup;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private createPopup;
+    private addPopup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "mgl-popup", never, { "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "closeOnMove": { "alias": "closeOnMove"; "required": false; "isSignal": true; }; "focusAfterOpen": { "alias": "focusAfterOpen"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; "lngLat": { "alias": "lngLat"; "required": false; "isSignal": true; }; "marker": { "alias": "marker"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "popupClose": "popupClose"; "popupOpen": "popupOpen"; }, never, ["*"], true, never>;
+}

package/lib/provide-mapbox-gl.d.ts

@@ -0,0 +1,6 @@
+export declare function provideMapboxGL(config: {
+    accessToken: string;
+}): {
+    provide: import("@angular/core").InjectionToken<unknown>;
+    useValue: string;
+};

package/lib/source/canvas-source.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges, type InputSignal } from '@angular/core';
+import type { CanvasSource } from 'mapbox-gl';
+import * as i0 from "@angular/core";
+type CanvasSourceSpecification = CanvasSource['options'];
+type CanvasSourceInputs = {
+    [K in keyof Omit<CanvasSourceSpecification, 'type'>]: InputSignal<Omit<CanvasSourceSpecification, 'type'>[K]>;
+};
+export declare class CanvasSourceComponent implements OnInit, OnDestroy, OnChanges, CanvasSourceInputs {
+    private mapService;
+    id: InputSignal<string>;
+    coordinates: InputSignal<[[number, number], [number, number], [number, number], [number, number]]>;
+    canvas: InputSignal<string | HTMLCanvasElement>;
+    animate: InputSignal<boolean | undefined>;
+    private sourceAdded;
+    private sub;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private init;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CanvasSourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CanvasSourceComponent, "mgl-canvas-source", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "coordinates": { "alias": "coordinates"; "required": true; "isSignal": true; }; "canvas": { "alias": "canvas"; "required": true; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/source/geojson/feature.component.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { GeoJsonProperties } from 'geojson';
+import * as i0 from "@angular/core";
+export declare class FeatureComponent implements OnInit, OnDestroy {
+    private GeoJSONSourceComponent;
+    id: import("@angular/core").ModelSignal<number | undefined>;
+    geometry: import("@angular/core").InputSignal<import("geojson").Geometry>;
+    properties: import("@angular/core").InputSignal<GeoJsonProperties | undefined>;
+    type: "Feature";
+    private feature;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    updateCoordinates(coordinates: number[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeatureComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureComponent, "mgl-feature", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "geometry": { "alias": "geometry"; "required": true; "isSignal": true; }; "properties": { "alias": "properties"; "required": false; "isSignal": true; }; }, { "id": "idChange"; }, never, never, true, never>;
+}

package/lib/source/geojson/geojson-source.component.d.ts

@@ -0,0 +1,63 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges, type InputSignal } from '@angular/core';
+import type { GeoJSONSourceSpecification } from 'mapbox-gl';
+import { Subject } from 'rxjs';
+import type { Feature, GeoJSON } from 'geojson';
+import * as i0 from "@angular/core";
+type GeoJSONSourceInputs = {
+    [K in keyof Omit<GeoJSONSourceSpecification, 'type'>]: InputSignal<Omit<GeoJSONSourceSpecification, 'type'>[K]>;
+};
+export declare class GeoJSONSourceComponent implements OnInit, OnDestroy, OnChanges, GeoJSONSourceInputs {
+    private mapService;
+    private zone;
+    id: InputSignal<string>;
+    data: import("@angular/core").ModelSignal<string | GeoJSON | undefined>;
+    minzoom: InputSignal<number | undefined>;
+    maxzoom: InputSignal<number | undefined>;
+    attribution: InputSignal<string | undefined>;
+    buffer: InputSignal<number | undefined>;
+    tolerance: InputSignal<number | undefined>;
+    cluster: InputSignal<boolean | undefined>;
+    clusterRadius: InputSignal<number | undefined>;
+    clusterMaxZoom: InputSignal<number | undefined>;
+    clusterMinPoints: InputSignal<number | undefined>;
+    clusterProperties: InputSignal<unknown>;
+    lineMetrics: InputSignal<boolean | undefined>;
+    generateId: InputSignal<boolean | undefined>;
+    promoteId: InputSignal<import("mapbox-gl").PromoteIdSpecification | undefined>;
+    filter: InputSignal<unknown>;
+    dynamic: InputSignal<boolean | undefined>;
+    updateFeatureData: Subject<unknown>;
+    private sub;
+    private sourceAdded;
+    private featureIdCounter;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * For clustered sources, fetches the zoom at which the given cluster expands.
+     *
+     * @param clusterId The value of the cluster's cluster_id property.
+     */
+    getClusterExpansionZoom(clusterId: number): Promise<number | null | undefined>;
+    /**
+     * For clustered sources, fetches the children of the given cluster on the next zoom level (as an array of GeoJSON features).
+     *
+     * @param clusterId The value of the cluster's cluster_id property.
+     */
+    getClusterChildren(clusterId: number): Promise<Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>[] | null | undefined>;
+    /**
+     * For clustered sources, fetches the original points that belong to the cluster (as an array of GeoJSON features).
+     *
+     * @param clusterId The value of the cluster's cluster_id property.
+     * @param limit The maximum number of features to return.
+     * @param offset The number of features to skip (e.g. for pagination).
+     */
+    getClusterLeaves(clusterId: number, limit: number, offset: number): Promise<Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>[]>;
+    _addFeature(feature: GeoJSON.Feature<GeoJSON.GeometryObject>): void;
+    _removeFeature(feature: GeoJSON.Feature<GeoJSON.GeometryObject>): void;
+    _getNewFeatureId(): number;
+    private init;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoJSONSourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoJSONSourceComponent, "mgl-geojson-source", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "minzoom": { "alias": "minzoom"; "required": false; "isSignal": true; }; "maxzoom": { "alias": "maxzoom"; "required": false; "isSignal": true; }; "attribution": { "alias": "attribution"; "required": false; "isSignal": true; }; "buffer": { "alias": "buffer"; "required": false; "isSignal": true; }; "tolerance": { "alias": "tolerance"; "required": false; "isSignal": true; }; "cluster": { "alias": "cluster"; "required": false; "isSignal": true; }; "clusterRadius": { "alias": "clusterRadius"; "required": false; "isSignal": true; }; "clusterMaxZoom": { "alias": "clusterMaxZoom"; "required": false; "isSignal": true; }; "clusterMinPoints": { "alias": "clusterMinPoints"; "required": false; "isSignal": true; }; "clusterProperties": { "alias": "clusterProperties"; "required": false; "isSignal": true; }; "lineMetrics": { "alias": "lineMetrics"; "required": false; "isSignal": true; }; "generateId": { "alias": "generateId"; "required": false; "isSignal": true; }; "promoteId": { "alias": "promoteId"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "dynamic": { "alias": "dynamic"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; }, never, never, true, never>;
+}
+export {};

package/lib/source/image-source.component.d.ts

@@ -0,0 +1,22 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import type { ImageSourceSpecification } from 'mapbox-gl';
+import type { InputSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+type ImageSourceInputs = {
+    [K in keyof Omit<ImageSourceSpecification, 'type'>]: InputSignal<Omit<ImageSourceSpecification, 'type'>[K]>;
+};
+export declare class ImageSourceComponent implements OnInit, OnDestroy, OnChanges, ImageSourceInputs {
+    private mapService;
+    id: InputSignal<string>;
+    url: InputSignal<string | undefined>;
+    coordinates: InputSignal<[[number, number], [number, number], [number, number], [number, number]]>;
+    private sub;
+    private sourceId?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private init;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageSourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageSourceComponent, "mgl-image-source", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "coordinates": { "alias": "coordinates"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};