@tic-nova/ngx-mapbox-gl 14.0.0

package/esm2022/lib/popup/popup.component.js

@@ -0,0 +1,124 @@
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Output, ViewChild, inject, input, } from '@angular/core';
+import { MapService } from '../map/map.service';
+import * as i0 from "@angular/core";
+export class PopupComponent {
+    mapService = inject(MapService);
+    /* Init input */
+    closeButton = input(...(ngDevMode ? [undefined, { debugName: "closeButton" }] : []));
+    closeOnClick = input(...(ngDevMode ? [undefined, { debugName: "closeOnClick" }] : []));
+    closeOnMove = input(...(ngDevMode ? [undefined, { debugName: "closeOnMove" }] : []));
+    focusAfterOpen = input(...(ngDevMode ? [undefined, { debugName: "focusAfterOpen" }] : []));
+    anchor = input(...(ngDevMode ? [undefined, { debugName: "anchor" }] : []));
+    className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
+    maxWidth = input(...(ngDevMode ? [undefined, { debugName: "maxWidth" }] : []));
+    /* Dynamic input */
+    feature = input(...(ngDevMode ? [undefined, { debugName: "feature" }] : []));
+    lngLat = input(...(ngDevMode ? [undefined, { debugName: "lngLat" }] : []));
+    marker = input(...(ngDevMode ? [undefined, { debugName: "marker" }] : []));
+    offset = input(...(ngDevMode ? [undefined, { debugName: "offset" }] : []));
+    popupClose = new EventEmitter();
+    popupOpen = new EventEmitter();
+    content;
+    popupInstance;
+    ngOnInit() {
+        if ((this.lngLat() && this.marker()) ||
+            (this.feature() && this.lngLat()) ||
+            (this.feature() && this.marker())) {
+            throw new Error('marker, lngLat, feature input are mutually exclusive');
+        }
+    }
+    ngOnChanges(changes) {
+        if ((changes['lngLat'] && !changes['lngLat'].isFirstChange()) ||
+            (changes['feature'] && !changes['feature'].isFirstChange())) {
+            const newlngLat = changes['lngLat']
+                ? this.lngLat()
+                : this.feature().geometry.coordinates;
+            this.mapService.removePopupFromMap(this.popupInstance, true);
+            const popupInstanceTmp = this.createPopup();
+            this.mapService.addPopupToMap(popupInstanceTmp, newlngLat, this.popupInstance.isOpen());
+            this.popupInstance = popupInstanceTmp;
+        }
+        if (changes['marker'] && !changes['marker'].isFirstChange()) {
+            const previousMarker = changes['marker'].previousValue;
+            if (previousMarker.markerInstance) {
+                this.mapService.removePopupFromMarker(previousMarker.markerInstance);
+            }
+            if (this.marker() &&
+                this.marker().markerInstance &&
+                this.popupInstance) {
+                this.mapService.addPopupToMarker(this.marker().markerInstance, this.popupInstance);
+            }
+        }
+        if (changes['offset'] &&
+            !changes['offset'].isFirstChange() &&
+            this.popupInstance) {
+            this.popupInstance.setOffset(this.offset());
+        }
+    }
+    ngAfterViewInit() {
+        this.popupInstance = this.createPopup();
+        this.addPopup(this.popupInstance);
+    }
+    ngOnDestroy() {
+        if (this.popupInstance) {
+            if (this.lngLat() || this.feature()) {
+                this.mapService.removePopupFromMap(this.popupInstance);
+            }
+            else if (this.marker() && this.marker().markerInstance) {
+                this.mapService.removePopupFromMarker(this.marker().markerInstance);
+            }
+        }
+        this.popupInstance = undefined;
+    }
+    createPopup() {
+        return this.mapService.createPopup({
+            popupOptions: {
+                closeButton: this.closeButton(),
+                closeOnClick: this.closeOnClick(),
+                closeOnMove: this.closeOnMove(),
+                focusAfterOpen: this.focusAfterOpen(),
+                anchor: this.anchor(),
+                offset: this.offset(),
+                className: this.className(),
+                maxWidth: this.maxWidth(),
+            },
+            popupEvents: {
+                popupOpen: this.popupOpen,
+                popupClose: this.popupClose,
+            },
+        }, this.content.nativeElement);
+    }
+    addPopup(popup) {
+        this.mapService.mapCreated$.subscribe(() => {
+            if (this.lngLat() || this.feature()) {
+                this.mapService.addPopupToMap(popup, this.lngLat()
+                    ? this.lngLat()
+                    : this.feature().geometry.coordinates);
+            }
+            else if (this.marker() && this.marker().markerInstance) {
+                this.mapService.addPopupToMarker(this.marker().markerInstance, popup);
+            }
+            else {
+                throw new Error('mgl-popup need either lngLat/marker/feature to be set');
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: PopupComponent, isStandalone: true, selector: "mgl-popup", inputs: { closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, closeOnClick: { classPropertyName: "closeOnClick", publicName: "closeOnClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnMove: { classPropertyName: "closeOnMove", publicName: "closeOnMove", isSignal: true, isRequired: false, transformFunction: null }, focusAfterOpen: { classPropertyName: "focusAfterOpen", publicName: "focusAfterOpen", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null }, lngLat: { classPropertyName: "lngLat", publicName: "lngLat", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popupClose: "popupClose", popupOpen: "popupOpen" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #content><ng-content/></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-popup',
+                    template: '<div #content><ng-content/></div>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }], closeOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClick", required: false }] }], closeOnMove: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnMove", required: false }] }], focusAfterOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAfterOpen", required: false }] }], anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], feature: [{ type: i0.Input, args: [{ isSignal: true, alias: "feature", required: false }] }], lngLat: [{ type: i0.Input, args: [{ isSignal: true, alias: "lngLat", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], popupClose: [{
+                type: Output
+            }], popupOpen: [{
+                type: Output
+            }], content: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }] } });
+//# sourceMappingURL=popup.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup.component.js","sourceRoot":"","sources":["../../../../../../libs/ngx-mapbox-gl/src/lib/popup/popup.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n  input,\n} from '@angular/core';\nimport { LngLatLike, PointLike, Popup, PopupOptions } from 'mapbox-gl';\nimport { MapService } from '../map/map.service';\nimport { MarkerComponent } from '../marker/marker.component';\nimport { Feature, Point } from 'geojson';\n\n@Component({\n  selector: 'mgl-popup',\n  template: '<div #content><ng-content/></div>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PopupComponent\n  implements OnChanges, OnDestroy, AfterViewInit, OnInit\n{\n  private mapService = inject(MapService);\n\n  /* Init input */\n  closeButton = input<PopupOptions['closeButton']>();\n  closeOnClick = input<PopupOptions['closeOnClick']>();\n  closeOnMove = input<PopupOptions['closeOnMove']>();\n  focusAfterOpen = input<PopupOptions['focusAfterOpen']>();\n  anchor = input<PopupOptions['anchor']>();\n  className = input<PopupOptions['className']>();\n  maxWidth = input<PopupOptions['maxWidth']>();\n\n  /* Dynamic input */\n  feature = input<Feature<Point>>();\n  lngLat = input<LngLatLike>();\n  marker = input<MarkerComponent>();\n  offset = input<\n    | number\n    | PointLike\n    | {\n        [anchor: string]: [number, number];\n      }\n  >();\n\n  @Output() popupClose = new EventEmitter<void>();\n  @Output() popupOpen = new EventEmitter<void>();\n\n  @ViewChild('content', { static: true }) content: ElementRef;\n\n  popupInstance?: Popup;\n\n  ngOnInit() {\n    if (\n      (this.lngLat() && this.marker()) ||\n      (this.feature() && this.lngLat()) ||\n      (this.feature() && this.marker())\n    ) {\n      throw new Error('marker, lngLat, feature input are mutually exclusive');\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (\n      (changes['lngLat'] && !changes['lngLat'].isFirstChange()) ||\n      (changes['feature'] && !changes['feature'].isFirstChange())\n    ) {\n      const newlngLat = changes['lngLat']\n        ? this.lngLat()!\n        : (this.feature()!.geometry!.coordinates! as [number, number]);\n      this.mapService.removePopupFromMap(this.popupInstance!, true);\n      const popupInstanceTmp = this.createPopup();\n      this.mapService.addPopupToMap(\n        popupInstanceTmp,\n        newlngLat,\n        this.popupInstance!.isOpen(),\n      );\n      this.popupInstance = popupInstanceTmp;\n    }\n    if (changes['marker'] && !changes['marker'].isFirstChange()) {\n      const previousMarker: MarkerComponent = changes['marker'].previousValue;\n      if (previousMarker.markerInstance) {\n        this.mapService.removePopupFromMarker(previousMarker.markerInstance);\n      }\n      if (\n        this.marker() &&\n        this.marker()!.markerInstance &&\n        this.popupInstance\n      ) {\n        this.mapService.addPopupToMarker(\n          this.marker()!.markerInstance!,\n          this.popupInstance,\n        );\n      }\n    }\n    if (\n      changes['offset'] &&\n      !changes['offset'].isFirstChange() &&\n      this.popupInstance\n    ) {\n      this.popupInstance.setOffset(this.offset());\n    }\n  }\n\n  ngAfterViewInit() {\n    this.popupInstance = this.createPopup();\n    this.addPopup(this.popupInstance);\n  }\n\n  ngOnDestroy() {\n    if (this.popupInstance) {\n      if (this.lngLat() || this.feature()) {\n        this.mapService.removePopupFromMap(this.popupInstance);\n      } else if (this.marker() && this.marker()!.markerInstance) {\n        this.mapService.removePopupFromMarker(this.marker()!.markerInstance!);\n      }\n    }\n    this.popupInstance = undefined;\n  }\n\n  private createPopup() {\n    return this.mapService.createPopup(\n      {\n        popupOptions: {\n          closeButton: this.closeButton(),\n          closeOnClick: this.closeOnClick(),\n          closeOnMove: this.closeOnMove(),\n          focusAfterOpen: this.focusAfterOpen(),\n          anchor: this.anchor(),\n          offset: this.offset(),\n          className: this.className(),\n          maxWidth: this.maxWidth(),\n        },\n        popupEvents: {\n          popupOpen: this.popupOpen,\n          popupClose: this.popupClose,\n        },\n      },\n      this.content.nativeElement,\n    );\n  }\n\n  private addPopup(popup: Popup) {\n    this.mapService.mapCreated$.subscribe(() => {\n      if (this.lngLat() || this.feature()) {\n        this.mapService.addPopupToMap(\n          popup,\n          this.lngLat()\n            ? this.lngLat()!\n            : (this.feature()!.geometry!.coordinates! as [number, number]),\n        );\n      } else if (this.marker() && this.marker()!.markerInstance) {\n        this.mapService.addPopupToMarker(this.marker()!.markerInstance!, popup);\n      } else {\n        throw new Error(\n          'mgl-popup need either lngLat/marker/feature to be set',\n        );\n      }\n    });\n  }\n}\n"]}

package/esm2022/lib/provide-mapbox-gl.js

@@ -0,0 +1,8 @@
+import { MAPBOX_API_KEY } from './map/map.service';
+export function provideMapboxGL(config) {
+    return {
+        provide: MAPBOX_API_KEY,
+        useValue: config.accessToken,
+    };
+}
+//# sourceMappingURL=provide-mapbox-gl.js.map

package/esm2022/lib/provide-mapbox-gl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide-mapbox-gl.js","sourceRoot":"","sources":["../../../../../libs/ngx-mapbox-gl/src/lib/provide-mapbox-gl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,eAAe,CAAC,MAA+B;IAC7D,OAAO;QACL,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,MAAM,CAAC,WAAW;KAC7B,CAAC;AACJ,CAAC","sourcesContent":["import { MAPBOX_API_KEY } from './map/map.service';\n\nexport function provideMapboxGL(config: { accessToken: string }) {\n  return {\n    provide: MAPBOX_API_KEY,\n    useValue: config.accessToken,\n  };\n}\n"]}

package/esm2022/lib/source/canvas-source.component.js

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, inject, input, } from '@angular/core';
+import { fromEvent, Subscription } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import { MapService } from '../map/map.service';
+import * as i0 from "@angular/core";
+export class CanvasSourceComponent {
+    mapService = inject(MapService);
+    /* Init inputs */
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
+    /* Dynamic inputs */
+    coordinates = input.required(...(ngDevMode ? [{ debugName: "coordinates" }] : []));
+    canvas = input.required(...(ngDevMode ? [{ debugName: "canvas" }] : []));
+    animate = input(...(ngDevMode ? [undefined, { debugName: "animate" }] : []));
+    sourceAdded = false;
+    sub = new Subscription();
+    ngOnInit() {
+        const sub1 = this.mapService.mapLoaded$.subscribe(() => {
+            this.init();
+            const sub = fromEvent(this.mapService.mapInstance, 'styledata')
+                .pipe(filter(() => !this.mapService.mapInstance.getSource(this.id())))
+                .subscribe(() => {
+                this.init();
+            });
+            this.sub.add(sub);
+        });
+        this.sub.add(sub1);
+    }
+    ngOnChanges(changes) {
+        if (!this.sourceAdded) {
+            return;
+        }
+        if ((changes['canvas'] && !changes['canvas'].isFirstChange()) ||
+            (changes['animate'] && !changes['animate'].isFirstChange())) {
+            this.ngOnDestroy();
+            this.ngOnInit();
+        }
+        else if (changes['coordinates'] &&
+            !changes['coordinates'].isFirstChange()) {
+            const source = this.mapService.getSource(this.id());
+            if (source === undefined) {
+                return;
+            }
+            source.setCoordinates(this.coordinates());
+        }
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+        if (this.sourceAdded) {
+            this.mapService.removeSource(this.id());
+            this.sourceAdded = false;
+        }
+    }
+    init() {
+        const source = {
+            type: 'canvas',
+            coordinates: this.coordinates(),
+            canvas: this.canvas(),
+            animate: this.animate(),
+        };
+        this.mapService.addSource(this.id(), source);
+        this.sourceAdded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CanvasSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: CanvasSourceComponent, isStandalone: true, selector: "mgl-canvas-source", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, coordinates: { classPropertyName: "coordinates", publicName: "coordinates", isSignal: true, isRequired: true, transformFunction: null }, canvas: { classPropertyName: "canvas", publicName: "canvas", isSignal: true, isRequired: true, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CanvasSourceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-canvas-source',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], coordinates: [{ type: i0.Input, args: [{ isSignal: true, alias: "coordinates", required: true }] }], canvas: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvas", required: true }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
+//# sourceMappingURL=canvas-source.component.js.map

package/esm2022/lib/source/canvas-source.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-source.component.js","sourceRoot":"","sources":["../../../../../../libs/ngx-mapbox-gl/src/lib/source/canvas-source.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChanges,\n  inject,\n  input,\n  type InputSignal,\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { MapService } from '../map/map.service';\nimport type { CanvasSource } from 'mapbox-gl';\n\ntype CanvasSourceSpecification = CanvasSource['options'];\ntype CanvasSourceInputs = {\n  [K in keyof Omit<CanvasSourceSpecification, 'type'>]: InputSignal<\n    Omit<CanvasSourceSpecification, 'type'>[K]\n  >;\n};\n\n@Component({\n  selector: 'mgl-canvas-source',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CanvasSourceComponent\n  implements OnInit, OnDestroy, OnChanges, CanvasSourceInputs\n{\n  private mapService = inject(MapService);\n\n  /* Init inputs */\n  id = input.required<string>();\n\n  /* Dynamic inputs */\n  coordinates = input.required<CanvasSource['options']['coordinates']>();\n  canvas = input.required<CanvasSource['options']['canvas']>();\n  animate = input<CanvasSource['options']['animate']>();\n\n  private sourceAdded = false;\n  private sub = new Subscription();\n\n  ngOnInit() {\n    const sub1 = this.mapService.mapLoaded$.subscribe(() => {\n      this.init();\n      const sub = fromEvent(this.mapService.mapInstance, 'styledata')\n        .pipe(filter(() => !this.mapService.mapInstance.getSource(this.id())))\n        .subscribe(() => {\n          this.init();\n        });\n      this.sub.add(sub);\n    });\n    this.sub.add(sub1);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (!this.sourceAdded) {\n      return;\n    }\n    if (\n      (changes['canvas'] && !changes['canvas'].isFirstChange()) ||\n      (changes['animate'] && !changes['animate'].isFirstChange())\n    ) {\n      this.ngOnDestroy();\n      this.ngOnInit();\n    } else if (\n      changes['coordinates'] &&\n      !changes['coordinates'].isFirstChange()\n    ) {\n      const source = this.mapService.getSource<CanvasSource>(this.id());\n      if (source === undefined) {\n        return;\n      }\n      source.setCoordinates(this.coordinates());\n    }\n  }\n\n  ngOnDestroy() {\n    this.sub.unsubscribe();\n    if (this.sourceAdded) {\n      this.mapService.removeSource(this.id());\n      this.sourceAdded = false;\n    }\n  }\n\n  private init() {\n    const source: CanvasSource['options'] = {\n      type: 'canvas',\n      coordinates: this.coordinates(),\n      canvas: this.canvas(),\n      animate: this.animate(),\n    };\n    this.mapService.addSource(this.id(), source);\n    this.sourceAdded = true;\n  }\n}\n"]}

package/esm2022/lib/source/geojson/feature.component.js

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, model, } from '@angular/core';
+import { GeoJSONSourceComponent } from './geojson-source.component';
+import * as i0 from "@angular/core";
+export class FeatureComponent {
+    GeoJSONSourceComponent = inject(forwardRef(() => GeoJSONSourceComponent));
+    /* Init inputs */
+    id = model(...(ngDevMode ? [undefined, { debugName: "id" }] : [])); // FIXME number only for now https://github.com/mapbox/mapbox-gl-js/issues/2716
+    geometry = input.required(...(ngDevMode ? [{ debugName: "geometry" }] : []));
+    properties = input(...(ngDevMode ? [undefined, { debugName: "properties" }] : []));
+    type = 'Feature';
+    feature;
+    ngOnInit() {
+        if (!this.id()) {
+            this.id.set(this.GeoJSONSourceComponent._getNewFeatureId());
+        }
+        this.feature = {
+            type: this.type,
+            geometry: this.geometry(),
+            properties: this.properties() ? this.properties() : {},
+        };
+        this.feature.id = this.id();
+        this.GeoJSONSourceComponent._addFeature(this.feature);
+    }
+    ngOnDestroy() {
+        this.GeoJSONSourceComponent._removeFeature(this.feature);
+    }
+    updateCoordinates(coordinates) {
+        this.feature.geometry.coordinates = coordinates;
+        this.GeoJSONSourceComponent.updateFeatureData.next(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: FeatureComponent, isStandalone: true, selector: "mgl-feature", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, geometry: { classPropertyName: "geometry", publicName: "geometry", isSignal: true, isRequired: true, transformFunction: null }, properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FeatureComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-feature',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }, { type: i0.Output, args: ["idChange"] }], geometry: [{ type: i0.Input, args: [{ isSignal: true, alias: "geometry", required: true }] }], properties: [{ type: i0.Input, args: [{ isSignal: true, alias: "properties", required: false }] }] } });
+//# sourceMappingURL=feature.component.js.map

package/esm2022/lib/source/geojson/feature.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.component.js","sourceRoot":"","sources":["../../../../../../../libs/ngx-mapbox-gl/src/lib/source/geojson/feature.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EAGT,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;;AAQpE,MAAM,OAAO,gBAAgB;IACnB,sBAAsB,GAAG,MAAM,CACrC,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CACzC,CAAC;IAEF,iBAAiB;IACjB,EAAE,GAAG,KAAK,wDAAU,CAAC,CAAC,+EAA+E;IACrG,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAkB,CAAC;IAC5C,UAAU,GAAG,KAAK,gEAAqB,CAAC;IACxC,IAAI,GAAG,SAAkB,CAAC;IAElB,OAAO,CAA0B;IAEzC,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;YACf,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,CAAC,CAAC;QAC9D,CAAC;QACD,IAAI,CAAC,OAAO,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAG,CAAC,CAAC,CAAC,EAAE;SACxD,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC5B,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,iBAAiB,CAAC,WAAqB;QACpC,IAAI,CAAC,OAAO,CAAC,QAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;QAC3D,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;uGAjCU,gBAAgB;2FAAhB,gBAAgB,seAHjB,EAAE;;2FAGD,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnDestroy,\n  OnInit,\n  forwardRef,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { GeoJSONSourceComponent } from './geojson-source.component';\nimport { Feature, GeometryObject, GeoJsonProperties, Point } from 'geojson';\n\n@Component({\n  selector: 'mgl-feature',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FeatureComponent implements OnInit, OnDestroy {\n  private GeoJSONSourceComponent = inject<GeoJSONSourceComponent>(\n    forwardRef(() => GeoJSONSourceComponent),\n  );\n\n  /* Init inputs */\n  id = model<number>(); // FIXME number only for now https://github.com/mapbox/mapbox-gl-js/issues/2716\n  geometry = input.required<GeometryObject>();\n  properties = input<GeoJsonProperties>();\n  type = 'Feature' as const;\n\n  private feature: Feature<GeometryObject>;\n\n  ngOnInit() {\n    if (!this.id()) {\n      this.id.set(this.GeoJSONSourceComponent._getNewFeatureId());\n    }\n    this.feature = {\n      type: this.type,\n      geometry: this.geometry(),\n      properties: this.properties() ? this.properties()! : {},\n    };\n    this.feature.id = this.id();\n    this.GeoJSONSourceComponent._addFeature(this.feature);\n  }\n\n  ngOnDestroy() {\n    this.GeoJSONSourceComponent._removeFeature(this.feature);\n  }\n\n  updateCoordinates(coordinates: number[]) {\n    (this.feature.geometry as Point).coordinates = coordinates;\n    this.GeoJSONSourceComponent.updateFeatureData.next(null);\n  }\n}\n"]}

package/esm2022/lib/source/geojson/geojson-source.component.js

@@ -0,0 +1,204 @@
+import { ChangeDetectionStrategy, Component, NgZone, inject, input, model, } from '@angular/core';
+import { fromEvent, Subject, Subscription } from 'rxjs';
+import { debounceTime, filter } from 'rxjs/operators';
+import { MapService } from '../../map/map.service';
+import * as i0 from "@angular/core";
+export class GeoJSONSourceComponent {
+    mapService = inject(MapService);
+    zone = inject(NgZone);
+    /* Init inputs */
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
+    /* Dynamic inputs */
+    data = model(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
+    minzoom = input(...(ngDevMode ? [undefined, { debugName: "minzoom" }] : []));
+    maxzoom = input(...(ngDevMode ? [undefined, { debugName: "maxzoom" }] : []));
+    attribution = input(...(ngDevMode ? [undefined, { debugName: "attribution" }] : []));
+    buffer = input(...(ngDevMode ? [undefined, { debugName: "buffer" }] : []));
+    tolerance = input(...(ngDevMode ? [undefined, { debugName: "tolerance" }] : []));
+    cluster = input(...(ngDevMode ? [undefined, { debugName: "cluster" }] : []));
+    clusterRadius = input(...(ngDevMode ? [undefined, { debugName: "clusterRadius" }] : []));
+    clusterMaxZoom = input(...(ngDevMode ? [undefined, { debugName: "clusterMaxZoom" }] : []));
+    clusterMinPoints = input(...(ngDevMode ? [undefined, { debugName: "clusterMinPoints" }] : []));
+    clusterProperties = input(...(ngDevMode ? [undefined, { debugName: "clusterProperties" }] : []));
+    lineMetrics = input(...(ngDevMode ? [undefined, { debugName: "lineMetrics" }] : []));
+    generateId = input(...(ngDevMode ? [undefined, { debugName: "generateId" }] : []));
+    promoteId = input(...(ngDevMode ? [undefined, { debugName: "promoteId" }] : []));
+    filter = input(...(ngDevMode ? [undefined, { debugName: "filter" }] : []));
+    dynamic = input(...(ngDevMode ? [undefined, { debugName: "dynamic" }] : []));
+    updateFeatureData = new Subject();
+    sub = new Subscription();
+    sourceAdded = false;
+    featureIdCounter = 0;
+    ngOnInit() {
+        if (!this.data()) {
+            this.data.set({
+                type: 'FeatureCollection',
+                features: [],
+            });
+        }
+        const sub1 = this.mapService.mapLoaded$.subscribe(() => {
+            this.init();
+            const sub = fromEvent(this.mapService.mapInstance, 'styledata')
+                .pipe(filter(() => !this.mapService.mapInstance.getSource(this.id())))
+                .subscribe(() => {
+                this.init();
+            });
+            this.sub.add(sub);
+        });
+        this.sub.add(sub1);
+    }
+    ngOnChanges(changes) {
+        if (!this.sourceAdded) {
+            return;
+        }
+        if ((changes['minzoom'] && !changes['minzoom'].isFirstChange()) ||
+            (changes['maxzoom'] && !changes['maxzoom'].isFirstChange()) ||
+            (changes['attribution'] && !changes['attribution'].isFirstChange()) ||
+            (changes['buffer'] && !changes['buffer'].isFirstChange()) ||
+            (changes['tolerance'] && !changes['tolerance'].isFirstChange()) ||
+            (changes['cluster'] && !changes['cluster'].isFirstChange()) ||
+            (changes['clusterRadius'] && !changes['clusterRadius'].isFirstChange()) ||
+            (changes['clusterMaxZoom'] &&
+                !changes['clusterMaxZoom'].isFirstChange()) ||
+            (changes['clusterMinPoints'] &&
+                !changes['clusterMinPoints'].isFirstChange()) ||
+            (changes['clusterProperties'] &&
+                !changes['clusterProperties'].isFirstChange()) ||
+            (changes['lineMetrics'] && !changes['lineMetrics'].isFirstChange()) ||
+            (changes['generateId'] && !changes['generateId'].isFirstChange()) ||
+            (changes['promoteId'] && !changes['promoteId'].isFirstChange()) ||
+            (changes['filter'] && !changes['filter'].isFirstChange()) ||
+            (changes['dynamic'] && !changes['dynamic'].isFirstChange())) {
+            this.ngOnDestroy();
+            this.ngOnInit();
+        }
+        if (changes['data'] && !changes['data'].isFirstChange()) {
+            const source = this.mapService.getSource(this.id());
+            if (source === undefined) {
+                return;
+            }
+            source.setData(this.data());
+        }
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+        if (this.sourceAdded) {
+            this.mapService.removeSource(this.id());
+            this.sourceAdded = false;
+        }
+    }
+    /**
+     * For clustered sources, fetches the zoom at which the given cluster expands.
+     *
+     * @param clusterId The value of the cluster's cluster_id property.
+     */
+    async getClusterExpansionZoom(clusterId) {
+        const source = this.mapService.getSource(this.id());
+        return this.zone.run(async () => new Promise((resolve, reject) => {
+            source.getClusterExpansionZoom(clusterId, (error, zoom) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(zoom);
+                }
+            });
+        }));
+    }
+    /**
+     * 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.
+     */
+    async getClusterChildren(clusterId) {
+        const source = this.mapService.getSource(this.id());
+        return this.zone.run(async () => new Promise((resolve, reject) => {
+            source.getClusterChildren(clusterId, (error, features) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(features);
+                }
+            });
+        }));
+    }
+    /**
+     * 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).
+     */
+    async getClusterLeaves(clusterId, limit, offset) {
+        const source = this.mapService.getSource(this.id());
+        return this.zone.run(async () => new Promise((resolve, reject) => {
+            source.getClusterLeaves(clusterId, limit, offset, (error, features) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(features || []);
+                }
+            });
+        }));
+    }
+    _addFeature(feature) {
+        const collection = this.data();
+        collection.features.push(feature);
+        this.updateFeatureData.next(null);
+    }
+    _removeFeature(feature) {
+        const collection = this.data();
+        const index = collection.features.indexOf(feature);
+        if (index > -1) {
+            collection.features.splice(index, 1);
+        }
+        this.updateFeatureData.next(null);
+    }
+    _getNewFeatureId() {
+        return ++this.featureIdCounter;
+    }
+    init() {
+        const source = {
+            type: 'geojson',
+            data: this.data(),
+            minzoom: this.minzoom(),
+            maxzoom: this.maxzoom(),
+            attribution: this.attribution(),
+            buffer: this.buffer(),
+            tolerance: this.tolerance(),
+            cluster: this.cluster(),
+            clusterRadius: this.clusterRadius(),
+            clusterMaxZoom: this.clusterMaxZoom(),
+            clusterMinPoints: this.clusterMinPoints(),
+            clusterProperties: this.clusterProperties(),
+            lineMetrics: this.lineMetrics(),
+            generateId: this.generateId(),
+            promoteId: this.promoteId(),
+            filter: this.filter(),
+            dynamic: this.dynamic(),
+        };
+        this.mapService.addSource(this.id(), source);
+        const sub = this.updateFeatureData.pipe(debounceTime(0)).subscribe(() => {
+            const source = this.mapService.getSource(this.id());
+            if (source === undefined) {
+                return;
+            }
+            source.setData(this.data());
+        });
+        this.sub.add(sub);
+        this.sourceAdded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GeoJSONSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: GeoJSONSourceComponent, isStandalone: true, selector: "mgl-geojson-source", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", 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 }, attribution: { classPropertyName: "attribution", publicName: "attribution", isSignal: true, isRequired: false, transformFunction: null }, buffer: { classPropertyName: "buffer", publicName: "buffer", isSignal: true, isRequired: false, transformFunction: null }, tolerance: { classPropertyName: "tolerance", publicName: "tolerance", isSignal: true, isRequired: false, transformFunction: null }, cluster: { classPropertyName: "cluster", publicName: "cluster", isSignal: true, isRequired: false, transformFunction: null }, clusterRadius: { classPropertyName: "clusterRadius", publicName: "clusterRadius", isSignal: true, isRequired: false, transformFunction: null }, clusterMaxZoom: { classPropertyName: "clusterMaxZoom", publicName: "clusterMaxZoom", isSignal: true, isRequired: false, transformFunction: null }, clusterMinPoints: { classPropertyName: "clusterMinPoints", publicName: "clusterMinPoints", isSignal: true, isRequired: false, transformFunction: null }, clusterProperties: { classPropertyName: "clusterProperties", publicName: "clusterProperties", isSignal: true, isRequired: false, transformFunction: null }, lineMetrics: { classPropertyName: "lineMetrics", publicName: "lineMetrics", isSignal: true, isRequired: false, transformFunction: null }, generateId: { classPropertyName: "generateId", publicName: "generateId", isSignal: true, isRequired: false, transformFunction: null }, promoteId: { classPropertyName: "promoteId", publicName: "promoteId", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GeoJSONSourceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-geojson-source',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }, { type: i0.Output, args: ["dataChange"] }], minzoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "minzoom", required: false }] }], maxzoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxzoom", required: false }] }], attribution: [{ type: i0.Input, args: [{ isSignal: true, alias: "attribution", required: false }] }], buffer: [{ type: i0.Input, args: [{ isSignal: true, alias: "buffer", required: false }] }], tolerance: [{ type: i0.Input, args: [{ isSignal: true, alias: "tolerance", required: false }] }], cluster: [{ type: i0.Input, args: [{ isSignal: true, alias: "cluster", required: false }] }], clusterRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterRadius", required: false }] }], clusterMaxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMaxZoom", required: false }] }], clusterMinPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMinPoints", required: false }] }], clusterProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterProperties", required: false }] }], lineMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineMetrics", required: false }] }], generateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "generateId", required: false }] }], promoteId: [{ type: i0.Input, args: [{ isSignal: true, alias: "promoteId", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], dynamic: [{ type: i0.Input, args: [{ isSignal: true, alias: "dynamic", required: false }] }] } });
+//# sourceMappingURL=geojson-source.component.js.map

package/esm2022/lib/source/geojson/geojson-source.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geojson-source.component.js","sourceRoot":"","sources":["../../../../../../../libs/ngx-mapbox-gl/src/lib/source/geojson/geojson-source.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EAKN,MAAM,EACN,KAAK,EACL,KAAK,GAEN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;;AAcnD,MAAM,OAAO,sBAAsB;IAGzB,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9B,iBAAiB;IACjB,EAAE,GAAG,KAAK,CAAC,QAAQ,6CAAU,CAAC;IAE9B,oBAAoB;IACpB,IAAI,GAAG,KAAK,0DAAoB,CAAC;IACjC,OAAO,GAAG,KAAK,6DAAyC,CAAC;IACzD,OAAO,GAAG,KAAK,6DAAyC,CAAC;IACzD,WAAW,GAAG,KAAK,iEAA6C,CAAC;IACjE,MAAM,GAAG,KAAK,4DAAwC,CAAC;IACvD,SAAS,GAAG,KAAK,+DAA2C,CAAC;IAC7D,OAAO,GAAG,KAAK,6DAAyC,CAAC;IACzD,aAAa,GAAG,KAAK,mEAA+C,CAAC;IACrE,cAAc,GAAG,KAAK,oEAAgD,CAAC;IACvE,gBAAgB,GAAG,KAAK,sEAAkD,CAAC;IAC3E,iBAAiB,GAAG,KAAK,uEAAmD,CAAC;IAC7E,WAAW,GAAG,KAAK,iEAA6C,CAAC;IACjE,UAAU,GAAG,KAAK,gEAA4C,CAAC;IAC/D,SAAS,GAAG,KAAK,+DAA2C,CAAC;IAC7D,MAAM,GAAG,KAAK,4DAAwC,CAAC;IACvD,OAAO,GAAG,KAAK,6DAAyC,CAAC;IAEzD,iBAAiB,GAAG,IAAI,OAAO,EAAE,CAAC;IAE1B,GAAG,GAAG,IAAI,YAAY,EAAE,CAAC;IACzB,WAAW,GAAG,KAAK,CAAC;IACpB,gBAAgB,GAAG,CAAC,CAAC;IAE7B,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;gBACZ,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,EAAE;aACb,CAAC,CAAC;QACL,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YACrD,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC;iBAC5D,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;iBACrE,SAAS,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC,CAAC,CAAC;YACL,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IACE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,CAAC;YAC3D,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,CAAC;YAC3D,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,EAAE,CAAC;YACnE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,EAAE,CAAC;YACzD,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,aAAa,EAAE,CAAC;YAC/D,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,CAAC;YAC3D,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,aAAa,EAAE,CAAC;YACvE,CAAC,OAAO,CAAC,gBAAgB,CAAC;gBACxB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,aAAa,EAAE,CAAC;YAC7C,CAAC,OAAO,CAAC,kBAAkB,CAAC;gBAC1B,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,aAAa,EAAE,CAAC;YAC/C,CAAC,OAAO,CAAC,mBAAmB,CAAC;gBAC3B,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,aAAa,EAAE,CAAC;YAChD,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,EAAE,CAAC;YACnE,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,aAAa,EAAE,CAAC;YACjE,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,aAAa,EAAE,CAAC;YAC/D,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,EAAE,CAAC;YACzD,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,CAAC,EAC3D,CAAC;YACD,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC;YACxD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAgB,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACnE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,uBAAuB,CAAC,SAAiB;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAgB,IAAI,CAAC,EAAE,EAAE,CAAE,CAAC;QACpE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAClB,KAAK,IAAI,EAAE,CACT,IAAI,OAAO,CAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACzD,MAAM,CAAC,uBAAuB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBACxD,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACL,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,kBAAkB,CAAC,SAAiB;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAgB,IAAI,CAAC,EAAE,EAAE,CAAE,CAAC;QACpE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAClB,KAAK,IAAI,EAAE,CACT,IAAI,OAAO,CACT,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAClB,MAAM,CAAC,kBAAkB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBACvD,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CACF,CACJ,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,gBAAgB,CAAC,SAAiB,EAAE,KAAa,EAAE,MAAc;QACrE,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAgB,IAAI,CAAC,EAAE,EAAE,CAAE,CAAC;QACpE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAClB,KAAK,IAAI,EAAE,CACT,IAAI,OAAO,CAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACzD,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,KAAK,EACL,MAAM,EACN,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClB,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,CACF,CAAC;QACJ,CAAC,CAAC,CACL,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,OAAgD;QAC1D,MAAM,UAAU,GACd,IAAI,CAAC,IAAI,EAAuD,CAAC;QACnE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,cAAc,CAAC,OAAgD;QAC7D,MAAM,UAAU,GACd,IAAI,CAAC,IAAI,EAAuD,CAAC;QACnE,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;YACf,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACvC,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,gBAAgB;QACd,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAEO,IAAI;QACV,MAAM,MAAM,GAA+B;YACzC,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;YACnC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;YACrC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACzC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;YAC3C,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;YAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;YAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;SACxB,CAAC;QACF,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE;YACtE,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAgB,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACnE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;uGA1NU,sBAAsB;2FAAtB,sBAAsB,41EAHvB,EAAE;;2FAGD,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChanges,\n  inject,\n  input,\n  model,\n  type InputSignal,\n} from '@angular/core';\nimport type { GeoJSONSource, GeoJSONSourceSpecification } from 'mapbox-gl';\nimport { fromEvent, Subject, Subscription } from 'rxjs';\nimport { debounceTime, filter } from 'rxjs/operators';\nimport { MapService } from '../../map/map.service';\nimport type { Feature, GeometryObject, GeoJSON } from 'geojson';\n\ntype GeoJSONSourceInputs = {\n  [K in keyof Omit<GeoJSONSourceSpecification, 'type'>]: InputSignal<\n    Omit<GeoJSONSourceSpecification, 'type'>[K]\n  >;\n};\n\n@Component({\n  selector: 'mgl-geojson-source',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GeoJSONSourceComponent\n  implements OnInit, OnDestroy, OnChanges, GeoJSONSourceInputs\n{\n  private mapService = inject(MapService);\n  private zone = inject(NgZone);\n  /* Init inputs */\n  id = input.required<string>();\n\n  /* Dynamic inputs */\n  data = model<GeoJSON | string>();\n  minzoom = input<GeoJSONSourceSpecification['minzoom']>();\n  maxzoom = input<GeoJSONSourceSpecification['maxzoom']>();\n  attribution = input<GeoJSONSourceSpecification['attribution']>();\n  buffer = input<GeoJSONSourceSpecification['buffer']>();\n  tolerance = input<GeoJSONSourceSpecification['tolerance']>();\n  cluster = input<GeoJSONSourceSpecification['cluster']>();\n  clusterRadius = input<GeoJSONSourceSpecification['clusterRadius']>();\n  clusterMaxZoom = input<GeoJSONSourceSpecification['clusterMaxZoom']>();\n  clusterMinPoints = input<GeoJSONSourceSpecification['clusterMinPoints']>();\n  clusterProperties = input<GeoJSONSourceSpecification['clusterProperties']>();\n  lineMetrics = input<GeoJSONSourceSpecification['lineMetrics']>();\n  generateId = input<GeoJSONSourceSpecification['generateId']>();\n  promoteId = input<GeoJSONSourceSpecification['promoteId']>();\n  filter = input<GeoJSONSourceSpecification['filter']>();\n  dynamic = input<GeoJSONSourceSpecification['dynamic']>();\n\n  updateFeatureData = new Subject();\n\n  private sub = new Subscription();\n  private sourceAdded = false;\n  private featureIdCounter = 0;\n\n  ngOnInit() {\n    if (!this.data()) {\n      this.data.set({\n        type: 'FeatureCollection',\n        features: [],\n      });\n    }\n    const sub1 = this.mapService.mapLoaded$.subscribe(() => {\n      this.init();\n      const sub = fromEvent(this.mapService.mapInstance, 'styledata')\n        .pipe(filter(() => !this.mapService.mapInstance.getSource(this.id())))\n        .subscribe(() => {\n          this.init();\n        });\n      this.sub.add(sub);\n    });\n    this.sub.add(sub1);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (!this.sourceAdded) {\n      return;\n    }\n    if (\n      (changes['minzoom'] && !changes['minzoom'].isFirstChange()) ||\n      (changes['maxzoom'] && !changes['maxzoom'].isFirstChange()) ||\n      (changes['attribution'] && !changes['attribution'].isFirstChange()) ||\n      (changes['buffer'] && !changes['buffer'].isFirstChange()) ||\n      (changes['tolerance'] && !changes['tolerance'].isFirstChange()) ||\n      (changes['cluster'] && !changes['cluster'].isFirstChange()) ||\n      (changes['clusterRadius'] && !changes['clusterRadius'].isFirstChange()) ||\n      (changes['clusterMaxZoom'] &&\n        !changes['clusterMaxZoom'].isFirstChange()) ||\n      (changes['clusterMinPoints'] &&\n        !changes['clusterMinPoints'].isFirstChange()) ||\n      (changes['clusterProperties'] &&\n        !changes['clusterProperties'].isFirstChange()) ||\n      (changes['lineMetrics'] && !changes['lineMetrics'].isFirstChange()) ||\n      (changes['generateId'] && !changes['generateId'].isFirstChange()) ||\n      (changes['promoteId'] && !changes['promoteId'].isFirstChange()) ||\n      (changes['filter'] && !changes['filter'].isFirstChange()) ||\n      (changes['dynamic'] && !changes['dynamic'].isFirstChange())\n    ) {\n      this.ngOnDestroy();\n      this.ngOnInit();\n    }\n    if (changes['data'] && !changes['data'].isFirstChange()) {\n      const source = this.mapService.getSource<GeoJSONSource>(this.id());\n      if (source === undefined) {\n        return;\n      }\n      source.setData(this.data()!);\n    }\n  }\n\n  ngOnDestroy() {\n    this.sub.unsubscribe();\n    if (this.sourceAdded) {\n      this.mapService.removeSource(this.id());\n      this.sourceAdded = false;\n    }\n  }\n\n  /**\n   * For clustered sources, fetches the zoom at which the given cluster expands.\n   *\n   * @param clusterId The value of the cluster's cluster_id property.\n   */\n  async getClusterExpansionZoom(clusterId: number) {\n    const source = this.mapService.getSource<GeoJSONSource>(this.id())!;\n    return this.zone.run(\n      async () =>\n        new Promise<number | null | undefined>((resolve, reject) => {\n          source.getClusterExpansionZoom(clusterId, (error, zoom) => {\n            if (error) {\n              reject(error);\n            } else {\n              resolve(zoom);\n            }\n          });\n        }),\n    );\n  }\n\n  /**\n   * For clustered sources, fetches the children of the given cluster on the next zoom level (as an array of GeoJSON features).\n   *\n   * @param clusterId The value of the cluster's cluster_id property.\n   */\n  async getClusterChildren(clusterId: number) {\n    const source = this.mapService.getSource<GeoJSONSource>(this.id())!;\n    return this.zone.run(\n      async () =>\n        new Promise<Feature<GeometryObject>[] | null | undefined>(\n          (resolve, reject) => {\n            source.getClusterChildren(clusterId, (error, features) => {\n              if (error) {\n                reject(error);\n              } else {\n                resolve(features);\n              }\n            });\n          },\n        ),\n    );\n  }\n\n  /**\n   * For clustered sources, fetches the original points that belong to the cluster (as an array of GeoJSON features).\n   *\n   * @param clusterId The value of the cluster's cluster_id property.\n   * @param limit The maximum number of features to return.\n   * @param offset The number of features to skip (e.g. for pagination).\n   */\n  async getClusterLeaves(clusterId: number, limit: number, offset: number) {\n    const source = this.mapService.getSource<GeoJSONSource>(this.id())!;\n    return this.zone.run(\n      async () =>\n        new Promise<Feature<GeometryObject>[]>((resolve, reject) => {\n          source.getClusterLeaves(\n            clusterId,\n            limit,\n            offset,\n            (error, features) => {\n              if (error) {\n                reject(error);\n              } else {\n                resolve(features || []);\n              }\n            },\n          );\n        }),\n    );\n  }\n\n  _addFeature(feature: GeoJSON.Feature<GeoJSON.GeometryObject>) {\n    const collection =\n      this.data() as GeoJSON.FeatureCollection<GeoJSON.GeometryObject>;\n    collection.features.push(feature);\n    this.updateFeatureData.next(null);\n  }\n\n  _removeFeature(feature: GeoJSON.Feature<GeoJSON.GeometryObject>) {\n    const collection =\n      this.data() as GeoJSON.FeatureCollection<GeoJSON.GeometryObject>;\n    const index = collection.features.indexOf(feature);\n    if (index > -1) {\n      collection.features.splice(index, 1);\n    }\n    this.updateFeatureData.next(null);\n  }\n\n  _getNewFeatureId() {\n    return ++this.featureIdCounter;\n  }\n\n  private init() {\n    const source: GeoJSONSourceSpecification = {\n      type: 'geojson',\n      data: this.data(),\n      minzoom: this.minzoom(),\n      maxzoom: this.maxzoom(),\n      attribution: this.attribution(),\n      buffer: this.buffer(),\n      tolerance: this.tolerance(),\n      cluster: this.cluster(),\n      clusterRadius: this.clusterRadius(),\n      clusterMaxZoom: this.clusterMaxZoom(),\n      clusterMinPoints: this.clusterMinPoints(),\n      clusterProperties: this.clusterProperties(),\n      lineMetrics: this.lineMetrics(),\n      generateId: this.generateId(),\n      promoteId: this.promoteId(),\n      filter: this.filter(),\n      dynamic: this.dynamic(),\n    };\n    this.mapService.addSource(this.id(), source);\n    const sub = this.updateFeatureData.pipe(debounceTime(0)).subscribe(() => {\n      const source = this.mapService.getSource<GeoJSONSource>(this.id());\n      if (source === undefined) {\n        return;\n      }\n      source.setData(this.data()!);\n    });\n    this.sub.add(sub);\n    this.sourceAdded = true;\n  }\n}\n"]}

package/esm2022/lib/source/image-source.component.js

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, inject, input, } from '@angular/core';
+import { MapService } from '../map/map.service';
+import * as i0 from "@angular/core";
+export class ImageSourceComponent {
+    mapService = inject(MapService);
+    /* Init inputs */
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
+    /* Dynamic inputs */
+    url = input(...(ngDevMode ? [undefined, { debugName: "url" }] : []));
+    coordinates = input.required(...(ngDevMode ? [{ debugName: "coordinates" }] : []));
+    sub;
+    sourceId;
+    ngOnInit() {
+        this.sub = this.mapService.mapLoaded$.subscribe(() => this.init());
+    }
+    ngOnChanges(changes) {
+        if (this.sourceId === undefined) {
+            return;
+        }
+        const source = this.mapService.getSource(this.sourceId);
+        if (source === undefined) {
+            return;
+        }
+        source.updateImage({
+            url: this.url(),
+            coordinates: changes['coordinates'] === undefined ? undefined : this.coordinates(),
+        });
+    }
+    ngOnDestroy() {
+        if (this.sub !== undefined) {
+            this.sub.unsubscribe();
+        }
+        if (this.sourceId !== undefined) {
+            this.mapService.removeSource(this.sourceId);
+            this.sourceId = undefined;
+        }
+    }
+    init() {
+        const imageSource = {
+            type: 'image',
+            url: this.url(),
+            coordinates: this.coordinates(),
+        };
+        this.mapService.addSource(this.id(), imageSource);
+        this.sourceId = this.id();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ImageSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: ImageSourceComponent, isStandalone: true, selector: "mgl-image-source", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, coordinates: { classPropertyName: "coordinates", publicName: "coordinates", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ImageSourceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mgl-image-source',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], coordinates: [{ type: i0.Input, args: [{ isSignal: true, alias: "coordinates", required: true }] }] } });
+//# sourceMappingURL=image-source.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-source.component.js","sourceRoot":"","sources":["../../../../../../libs/ngx-mapbox-gl/src/lib/source/image-source.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EAKT,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;;AAchD,MAAM,OAAO,oBAAoB;IAGvB,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACxC,iBAAiB;IACjB,EAAE,GAAG,KAAK,CAAC,QAAQ,6CAAU,CAAC;IAE9B,oBAAoB;IACpB,GAAG,GAAG,KAAK,yDAAU,CAAC;IACtB,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAA2C,CAAC;IAEhE,GAAG,CAAe;IAClB,QAAQ,CAAU;IAE1B,QAAQ;QACN,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAc,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,MAAM,CAAC,WAAW,CAAC;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EAAG;YAChB,WAAW,EACT,OAAO,CAAC,aAAa,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;SACxE,CAAC,CAAC;IACL,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC3B,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC5C,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,IAAI;QACV,MAAM,WAAW,GAA6B;YAC5C,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;YACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAChC,CAAC;QACF,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAC5B,CAAC;uGApDU,oBAAoB;2FAApB,oBAAoB,sdAHrB,EAAE;;2FAGD,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChanges,\n  inject,\n  input,\n} from '@angular/core';\nimport type { ImageSource, ImageSourceSpecification } from 'mapbox-gl';\nimport { Subscription } from 'rxjs';\nimport { MapService } from '../map/map.service';\nimport type { InputSignal } from '@angular/core';\n\ntype ImageSourceInputs = {\n  [K in keyof Omit<ImageSourceSpecification, 'type'>]: InputSignal<\n    Omit<ImageSourceSpecification, 'type'>[K]\n  >;\n};\n\n@Component({\n  selector: 'mgl-image-source',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageSourceComponent\n  implements OnInit, OnDestroy, OnChanges, ImageSourceInputs\n{\n  private mapService = inject(MapService);\n  /* Init inputs */\n  id = input.required<string>();\n\n  /* Dynamic inputs */\n  url = input<string>();\n  coordinates = input.required<ImageSourceSpecification['coordinates']>();\n\n  private sub: Subscription;\n  private sourceId?: string;\n\n  ngOnInit() {\n    this.sub = this.mapService.mapLoaded$.subscribe(() => this.init());\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (this.sourceId === undefined) {\n      return;\n    }\n    const source = this.mapService.getSource<ImageSource>(this.sourceId);\n    if (source === undefined) {\n      return;\n    }\n    source.updateImage({\n      url: this.url()!,\n      coordinates:\n        changes['coordinates'] === undefined ? undefined : this.coordinates(),\n    });\n  }\n\n  ngOnDestroy() {\n    if (this.sub !== undefined) {\n      this.sub.unsubscribe();\n    }\n\n    if (this.sourceId !== undefined) {\n      this.mapService.removeSource(this.sourceId);\n      this.sourceId = undefined;\n    }\n  }\n\n  private init() {\n    const imageSource: ImageSourceSpecification = {\n      type: 'image',\n      url: this.url(),\n      coordinates: this.coordinates(),\n    };\n    this.mapService.addSource(this.id(), imageSource);\n    this.sourceId = this.id();\n  }\n}\n"]}