@ndwnu/map 0.0.1-beta.1

package/README.md

@@ -0,0 +1,7 @@
+# map
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test map` to execute the unit tests.

package/fesm2022/ndwnu-map.mjs

@@ -0,0 +1,503 @@
+import { BehaviorSubject, map, Subject, takeUntil } from 'rxjs';
+import * as i0 from '@angular/core';
+import { viewChild, Component, ChangeDetectionStrategy, Injectable } from '@angular/core';
+import { Map } from 'maplibre-gl';
+
+const BOUNDS_NL = [
+    [3.079667, 50.587611],
+    [7.572028, 53.636667],
+];
+const BOUNDS_AMERSFOORT = [
+    [5.34458238242172, 52.11623605695118],
+    [5.446205917577942, 52.21132028216525],
+];
+
+/**
+ * Repository for managing map elements.
+ * Provides methods to add, remove, show, hide, and toggle map elements.
+ * Also tracks element visibility state and provides observable streams for elements.
+ *
+ * @typeparam TElementType - The type of ID used for the map elements
+ */
+class MapElementRepository {
+    /** Subject that holds the current array of map elements */
+    mapElementsSubject = new BehaviorSubject([]);
+    // mapElements are not directly exposed to prevent circular reference errors when
+    // they are used in a template. Because the mapElements$ observable contains MapLibre
+    // GL JS map objects, which have circular references.
+    /** Observable stream of all map elements */
+    mapElements$ = this.mapElementsSubject.asObservable();
+    /** Observable stream of only visible map elements */
+    visibleMapElements$ = this.mapElements$.pipe(map((elements) => elements.filter((element) => element.isVisible)));
+    /**
+     * Gets the ids (TElementType) as an array of all map element
+     * @returns Array of TElementType
+     */
+    mapElementIds$ = this.mapElements$.pipe(map((elements) => elements.map((element) => element.id)));
+    /**
+     * Gets the ids (TElementType) as an array of all visible map element
+     * @returns Array of TElementType
+     */
+    visibleMapElementIds$ = this.visibleMapElements$.pipe(map((elements) => elements.map((element) => element.id)));
+    /**
+     * Gets the current array of all map elements
+     * @returns Array of map elements
+     */
+    get mapElements() {
+        return this.mapElementsSubject.getValue();
+    }
+    /**
+     * Gets only the currently visible map elements
+     * @returns Array of visible map elements
+     */
+    get visibleMapElements() {
+        return this.mapElements.filter((element) => element.isVisible);
+    }
+    /**
+     * Finds a map element by its ID
+     *
+     * @param elementId - The ID of the element to find
+     * @returns The map element if found, undefined otherwise
+     */
+    getMapElementById(elementId) {
+        return this.mapElements.find((element) => element.id === elementId);
+    }
+    /**
+     * Checks if a map element is currently visible
+     *
+     * @param elementId - The ID of the element to check
+     * @returns True if the element is visible, false otherwise
+     */
+    isMapElementVisible(elementId) {
+        return this.visibleMapElements.some((element) => element.id === elementId);
+    }
+    /**
+     * Adds a new map element to the repository and initializes it.
+     * Sets the element's visibility based on its configuration.
+     *
+     * @param mapElement - The map element to add
+     */
+    addMapElement(mapElement) {
+        const currentElements = this.mapElements;
+        this.mapElementsSubject.next([...currentElements, mapElement]);
+        mapElement.onInit();
+        if (mapElement.alwaysVisible || this.isMapElementVisible(mapElement.id)) {
+            this.showMapElement(mapElement.id);
+        }
+        else {
+            this.hideMapElement(mapElement.id);
+        }
+    }
+    /**
+     * Removes a map element from the repository and destroys it.
+     *
+     * @param mapElement - The map element to remove
+     */
+    removeMapElement(mapElement) {
+        const filteredElements = this.mapElements.filter((element) => element.id !== mapElement.id);
+        this.mapElementsSubject.next(filteredElements);
+        mapElement.onDestroy();
+    }
+    /**
+     * Removes all map elements from the repository and destroys them.
+     */
+    removeAllMapElements() {
+        this.mapElements.forEach((element) => {
+            this.removeMapElement(element);
+        });
+    }
+    /**
+     * Sets the visibility of a map element by its ID and updates the subject with the new state.
+     *
+     * @param elementId - The ID of the element to update
+     * @param visible - Whether the element should be visible or hidden
+     */
+    setMapElementVisibility(elementId, visible) {
+        const element = this.getMapElementById(elementId);
+        if (element) {
+            element.setVisible(visible);
+            const elements = this.mapElements.filter((el) => el.id !== elementId);
+            this.mapElementsSubject.next([...elements, element]);
+        }
+    }
+    /**
+     * Shows a map element by its ID and updates the subject with the new state.
+     *
+     * @param elementId - The ID of the element to show
+     */
+    showMapElement(elementId) {
+        this.setMapElementVisibility(elementId, true);
+    }
+    /**
+     * Hides a map element by its ID and updates the subject with the new state.
+     *
+     * @param elementId - The ID of the element to hide
+     */
+    hideMapElement(elementId) {
+        this.setMapElementVisibility(elementId, false);
+    }
+    /**
+     * Toggles the visibility of a map element by its ID.
+     * If the element is currently visible, it will be hidden, and vice versa.
+     *
+     * @param elementId - The ID of the element to toggle visibility
+     */
+    toggleMapElement(elementId) {
+        if (this.visibleMapElements.some((element) => element.id === elementId)) {
+            this.hideMapElement(elementId);
+        }
+        else {
+            this.showMapElement(elementId);
+        }
+    }
+    /**
+     * Gets the ID of the layer that should come before the specified element's layers
+     * in the map's layer stack. This is used for maintaining proper layer ordering.
+     *
+     * @param elementId - The ID of the element to find a "before" reference for
+     * @returns The ID of the first layer of the next element in order, or undefined if none exists
+     */
+    getBeforeId(elementId) {
+        const currentElement = this.getMapElementById(elementId);
+        if (!currentElement) {
+            return undefined;
+        }
+        const nextElement = this.mapElements
+            .filter((item) => item.elementOrder > currentElement.elementOrder)
+            .sort((a, b) => a.elementOrder - b.elementOrder)[0];
+        const nextElementLayerIds = nextElement?.sources
+            .flatMap((source) => source.layers)
+            .filter((layer) => layer.initialized)
+            .map((layer) => layer.id);
+        return nextElement && nextElementLayerIds.length > 0 ? nextElementLayerIds[0] : undefined;
+    }
+}
+
+class MapElement {
+    config;
+    id;
+    elementOrder;
+    sources = [];
+    alwaysVisible = false;
+    isVisible = false;
+    unsubscribe = new Subject();
+    constructor(config) {
+        this.config = config;
+        this.id = config.elementId;
+        this.elementOrder = config.elementOrder;
+    }
+    onInit() {
+        this.sources.forEach((source) => source.onInit());
+    }
+    onDestroy() {
+        this.sources.forEach((source) => source.onDestroy());
+        this.unsubscribe.next();
+        this.unsubscribe.complete();
+    }
+    setVisible(visible) {
+        this.isVisible = visible;
+        this.sources.forEach((source) => source.setVisible(visible));
+    }
+}
+
+class MapLayer {
+    config;
+    sourceId;
+    layerIdSuffix;
+    initialized = false;
+    unsubscribe = new Subject();
+    constructor(config, sourceId, layerIdSuffix) {
+        this.config = config;
+        this.sourceId = sourceId;
+        this.layerIdSuffix = layerIdSuffix;
+    }
+    get id() {
+        const suffix = this.layerIdSuffix ? `-${this.layerIdSuffix}` : '';
+        return `${this.sourceId}${suffix}`;
+    }
+    get styleLayer() {
+        return this.config.map.getLayer(this.id);
+    }
+    onInit() {
+        // Add the layer to the map, with the correct ordering (beforeId)
+        const beforeId = this.config.mapElementRepository.getBeforeId(this.config.elementId);
+        this.config.map.addLayer(this.getSpecification(), beforeId);
+        // Keeping track of which layers have been added to the map to allow for beforeId determination
+        this.#setupClickHandlers();
+        this.initialized = true;
+    }
+    onDestroy() {
+        this.initialized = false;
+        this.#removeClickHandlers();
+        this.config.map.removeLayer(this.id);
+        this.unsubscribe.next();
+        this.unsubscribe.complete();
+    }
+    setVisible(visible) {
+        this.config.map.setLayoutProperty(this.id, 'visibility', visible ? 'visible' : 'none');
+    }
+    #setupClickHandlers() {
+        if (!this.onClick)
+            return;
+        this.config.map.on('click', this.id, (event) => {
+            this.onClick?.(this.#getFeatures(event));
+        });
+        this.config.maplibreCursorService.setMouseCursor(this.config.map, this.id);
+    }
+    #removeClickHandlers() {
+        if (!this.onClick)
+            return;
+        this.config.map.off('click', this.id, (event) => {
+            this.onClick?.(this.#getFeatures(event));
+        });
+    }
+    #getFeatures(event) {
+        if (event.features && event.features.length > 0) {
+            return this.#distinctFeatures(event.features);
+        }
+        return [];
+    }
+    /**
+     * Filters an array of features to remove duplicates based on their properties.
+     * Two features are considered duplicates if they have identical properties.
+     * Particularly vector sources can yield duplicate features due to the way they
+     * are rendered in tiles.
+     *
+     * @param features - Array of GeoJSON features to filter
+     * @returns Array of unique features with no property duplicates
+     * @private
+     */
+    #distinctFeatures(features) {
+        const seen = new Set();
+        const uniqueFeatures = [];
+        features.forEach((feature) => {
+            const propertiesString = JSON.stringify(feature.properties);
+            if (!seen.has(propertiesString)) {
+                seen.add(propertiesString);
+                uniqueFeatures.push(feature);
+            }
+        });
+        return uniqueFeatures;
+    }
+}
+
+class MapSource {
+    id;
+    config;
+    layers = [];
+    unsubscribe = new Subject();
+    #isInitialized = false;
+    #featureCollection$;
+    constructor(id, config) {
+        this.id = id;
+        this.config = config;
+    }
+    onInit() {
+        if (!this.config.map.getSource(this.id)) {
+            this.config.map.addSource(this.id, this.getSpecification());
+        }
+        this.layers.forEach((layer) => layer.onInit());
+        this.isInitialized = true;
+    }
+    onDestroy() {
+        this.isInitialized = false;
+        this.layers.forEach((layer) => layer.onDestroy());
+        this.unsubscribe.next();
+        this.unsubscribe.complete();
+    }
+    get featureCollection$() {
+        return this.#featureCollection$;
+    }
+    set featureCollection$(value) {
+        this.#featureCollection$ = value;
+        this.#subscribeToFeatureCollection();
+    }
+    get isInitialized() {
+        return this.#isInitialized;
+    }
+    set isInitialized(value) {
+        this.#isInitialized = value;
+        this.#subscribeToFeatureCollection();
+    }
+    setVisible(visible) {
+        this.layers.forEach((layer) => layer.setVisible(visible));
+    }
+    #subscribeToFeatureCollection() {
+        if (this.isInitialized && this.featureCollection$) {
+            this.featureCollection$.pipe(takeUntil(this.unsubscribe)).subscribe({
+                next: (featureCollection) => {
+                    const source = this.config.map.getSource(this.id);
+                    if (source && source.type === 'geojson') {
+                        source.setData(featureCollection);
+                    }
+                    else {
+                        // not needed because source is always specified as geojson with empty collection
+                        this.config.map.addSource(this.id, {
+                            type: 'geojson',
+                            data: featureCollection,
+                        });
+                    }
+                },
+                error: (error) => {
+                    console.error('Error updating feature collection', error);
+                },
+            });
+        }
+    }
+}
+
+class MapComponent {
+    mapContainer = viewChild.required('mapContainer');
+    map;
+    ngAfterViewInit() {
+        this.map = this.#createMap(this.mapContainer().nativeElement);
+        this.map.once('load', () => this.#initiateMapLoading());
+    }
+    ngOnDestroy() {
+        // Note: Using `this.map.once('remove', this.onRemoveMap())` does not work correctly because,
+        // by the time the `onRemoveMap` event is triggered, it is no longer possible to interact with the map for cleanup.
+        // To address this we call `onRemoveMap` explicitly before destroying the MapLibre instance. This
+        // ensures that our map elements are cleaned up properly before the map is removed.
+        this.onRemoveMap();
+        this.map?.remove();
+    }
+    resizeMap() {
+        this.map?.resize();
+    }
+    zoomToLevel(zoomLevel, options) {
+        this.map?.zoomTo(zoomLevel, options);
+    }
+    #createMap(container) {
+        const map = new Map({
+            container,
+            style: {
+                version: 8,
+                sources: {},
+                layers: [],
+            },
+            interactive: true,
+            maxZoom: 18,
+            minZoom: 6,
+            bounds: [
+                [5.34458238242172, 52.11623605695118],
+                [5.446205917577942, 52.21132028216525],
+            ],
+        });
+        // Prevent map rotation
+        map.dragRotate.disable();
+        return map;
+    }
+    #initiateMapLoading() {
+        this.onLoadMap();
+        this.resizeMap();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.7", type: MapComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true, isSignal: true }], ngImport: i0, template: '<div #mapContainer class="map"></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MapComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    template: '<div #mapContainer class="map"></div>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Service for managing MapLibre map cursor interactions.
+ *
+ * Maplibre has no automatic cursor handling for layers, so when you add a clickHandler
+ * to a layer, the user can click on it, but the cursor will not change to a pointer.
+ * This service provides methods to set the cursor to pointer when hovering over a layer,
+ * and to enable crosshair mode which takes precedence over all other cursor types.
+ */
+class MaplibreCursorService {
+    /** Counter to track how many layers currently need a pointer cursor */
+    #cursorPointerCount = 0;
+    /** Flag indicating if crosshair mode is active */
+    #crosshairMode = false;
+    /**
+     * Sets up mouse cursor handling for a map layer.
+     * Changes cursor to pointer when mouse enters the layer and resets when leaving.
+     *
+     * @param map - The MapLibre map instance
+     * @param layerId - ID of the layer to apply cursor behavior to
+     */
+    setMouseCursor(map, layerId) {
+        const updateCursor = (cursor) => {
+            if (!this.#crosshairMode)
+                this.#setMouseCursor(map, cursor);
+        };
+        map.on('mouseenter', layerId, () => updateCursor('pointer'));
+        map.on('mouseleave', layerId, () => updateCursor(''));
+    }
+    /**
+     * Enables or disables crosshair cursor mode for the map.
+     * When enabled, crosshair cursor will take precedence over all other cursor types.
+     *
+     * @param value - True to enable crosshair mode, false to disable
+     * @param map - The MapLibre map instance to apply the cursor to
+     */
+    /**
+     * Enables or disables crosshair cursor mode for the map.
+     * When enabled, crosshair cursor will take precedence over all other cursor types.
+     *
+     * @param value - True to enable crosshair mode, false to disable
+     * @param map - The MapLibre map instance to apply the cursor to
+     */
+    setCrosshairMode(value, map) {
+        this.#crosshairMode = value;
+        let cursorType = '';
+        if (value) {
+            cursorType = 'crosshair';
+        }
+        else if (this.#cursorPointerCount > 0) {
+            cursorType = 'pointer';
+        }
+        map.getCanvas().style.cursor = cursorType;
+    }
+    /**
+     * Internal method to handle mouse cursor state changes.
+     * Manages the cursor pointer reference counter to ensure cursor displays correctly
+     * when hovering over multiple interactive layers.
+     *
+     * @param map - The MapLibre map instance
+     * @param cursor - Cursor type to set ('pointer' or '' to reset)
+     * @private
+     */
+    #setMouseCursor(map, cursor) {
+        if (this.#crosshairMode) {
+            // Crosshair mode takes precedence, ignore other cursor settings
+            map.getCanvas().style.cursor = 'crosshair';
+            return;
+        }
+        if (cursor === 'pointer') {
+            this.#cursorPointerCount++;
+            map.getCanvas().style.cursor = cursor;
+        }
+        else if (cursor === '') {
+            this.#cursorPointerCount--;
+            if (this.#cursorPointerCount < 1) {
+                map.getCanvas().style.cursor = '';
+            }
+        }
+        else {
+            console.warn(`Cursor type '${cursor}' is not supported.`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MaplibreCursorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MaplibreCursorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MaplibreCursorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BOUNDS_AMERSFOORT, BOUNDS_NL, MapComponent, MapElement, MapElementRepository, MapLayer, MapSource, MaplibreCursorService };
+//# sourceMappingURL=ndwnu-map.mjs.map

package/fesm2022/ndwnu-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ndwnu-map.mjs","sources":["../../../../libs/map/src/lib/map/map-constants.ts","../../../../libs/map/src/lib/map/map-element.repository.ts","../../../../libs/map/src/lib/map/map-element.ts","../../../../libs/map/src/lib/map/map-layer.ts","../../../../libs/map/src/lib/map/map-source.ts","../../../../libs/map/src/lib/map/map.component.ts","../../../../libs/map/src/lib/map/maplibre-cursor.service.ts","../../../../libs/map/src/ndwnu-map.ts"],"sourcesContent":["import { LngLatLike } from 'maplibre-gl';\n\nexport const BOUNDS_NL: [LngLatLike, LngLatLike] = [\n  [3.079667, 50.587611],\n  [7.572028, 53.636667],\n];\nexport const BOUNDS_AMERSFOORT: [LngLatLike, LngLatLike] = [\n  [5.34458238242172, 52.11623605695118],\n  [5.446205917577942, 52.21132028216525],\n];\n","import { BehaviorSubject, map } from 'rxjs';\n\nimport { MapElement } from './map-element';\n\n/**\n * Repository for managing map elements.\n * Provides methods to add, remove, show, hide, and toggle map elements.\n * Also tracks element visibility state and provides observable streams for elements.\n *\n * @typeparam TElementType - The type of ID used for the map elements\n */\nexport abstract class MapElementRepository<TElementType> {\n  /** Subject that holds the current array of map elements */\n  private readonly mapElementsSubject = new BehaviorSubject<MapElement<TElementType>[]>([]);\n\n  // mapElements are not directly exposed to prevent circular reference errors when\n  // they are used in a template. Because the mapElements$ observable contains MapLibre\n  // GL JS map objects, which have circular references.\n\n  /** Observable stream of all map elements */\n  private readonly mapElements$ = this.mapElementsSubject.asObservable();\n\n  /** Observable stream of only visible map elements */\n  private readonly visibleMapElements$ = this.mapElements$.pipe(\n    map((elements) => elements.filter((element) => element.isVisible)),\n  );\n\n  /**\n   * Gets the ids (TElementType) as an array of all map element\n   * @returns Array of TElementType\n   */\n  mapElementIds$ = this.mapElements$.pipe(map((elements) => elements.map((element) => element.id)));\n\n  /**\n   * Gets the ids (TElementType) as an array of all visible map element\n   * @returns Array of TElementType\n   */\n  visibleMapElementIds$ = this.visibleMapElements$.pipe(\n    map((elements) => elements.map((element) => element.id)),\n  );\n\n  /**\n   * Gets the current array of all map elements\n   * @returns Array of map elements\n   */\n  get mapElements(): MapElement<TElementType>[] {\n    return this.mapElementsSubject.getValue();\n  }\n\n  /**\n   * Gets only the currently visible map elements\n   * @returns Array of visible map elements\n   */\n  get visibleMapElements(): MapElement<TElementType>[] {\n    return this.mapElements.filter((element) => element.isVisible);\n  }\n\n  /**\n   * Finds a map element by its ID\n   *\n   * @param elementId - The ID of the element to find\n   * @returns The map element if found, undefined otherwise\n   */\n  getMapElementById(elementId: TElementType): MapElement<TElementType> | undefined {\n    return this.mapElements.find((element) => element.id === elementId);\n  }\n\n  /**\n   * Checks if a map element is currently visible\n   *\n   * @param elementId - The ID of the element to check\n   * @returns True if the element is visible, false otherwise\n   */\n  isMapElementVisible(elementId: TElementType): boolean {\n    return this.visibleMapElements.some((element) => element.id === elementId);\n  }\n\n  /**\n   * Adds a new map element to the repository and initializes it.\n   * Sets the element's visibility based on its configuration.\n   *\n   * @param mapElement - The map element to add\n   */\n  addMapElement(mapElement: MapElement<TElementType>) {\n    const currentElements = this.mapElements;\n    this.mapElementsSubject.next([...currentElements, mapElement]);\n    mapElement.onInit();\n    if (mapElement.alwaysVisible || this.isMapElementVisible(mapElement.id)) {\n      this.showMapElement(mapElement.id);\n    } else {\n      this.hideMapElement(mapElement.id);\n    }\n  }\n\n  /**\n   * Removes a map element from the repository and destroys it.\n   *\n   * @param mapElement - The map element to remove\n   */\n  removeMapElement(mapElement: MapElement<TElementType>) {\n    const filteredElements = this.mapElements.filter((element) => element.id !== mapElement.id);\n    this.mapElementsSubject.next(filteredElements);\n    mapElement.onDestroy();\n  }\n\n  /**\n   * Removes all map elements from the repository and destroys them.\n   */\n  removeAllMapElements() {\n    this.mapElements.forEach((element) => {\n      this.removeMapElement(element);\n    });\n  }\n\n  /**\n   * Sets the visibility of a map element by its ID and updates the subject with the new state.\n   *\n   * @param elementId - The ID of the element to update\n   * @param visible - Whether the element should be visible or hidden\n   */\n  private setMapElementVisibility(elementId: TElementType, visible: boolean) {\n    const element = this.getMapElementById(elementId);\n    if (element) {\n      element.setVisible(visible);\n      const elements = this.mapElements.filter((el) => el.id !== elementId);\n      this.mapElementsSubject.next([...elements, element]);\n    }\n  }\n\n  /**\n   * Shows a map element by its ID and updates the subject with the new state.\n   *\n   * @param elementId - The ID of the element to show\n   */\n  showMapElement(elementId: TElementType) {\n    this.setMapElementVisibility(elementId, true);\n  }\n\n  /**\n   * Hides a map element by its ID and updates the subject with the new state.\n   *\n   * @param elementId - The ID of the element to hide\n   */\n  hideMapElement(elementId: TElementType) {\n    this.setMapElementVisibility(elementId, false);\n  }\n\n  /**\n   * Toggles the visibility of a map element by its ID.\n   * If the element is currently visible, it will be hidden, and vice versa.\n   *\n   * @param elementId - The ID of the element to toggle visibility\n   */\n  toggleMapElement(elementId: TElementType) {\n    if (this.visibleMapElements.some((element) => element.id === elementId)) {\n      this.hideMapElement(elementId);\n    } else {\n      this.showMapElement(elementId);\n    }\n  }\n\n  /**\n   * Gets the ID of the layer that should come before the specified element's layers\n   * in the map's layer stack. This is used for maintaining proper layer ordering.\n   *\n   * @param elementId - The ID of the element to find a \"before\" reference for\n   * @returns The ID of the first layer of the next element in order, or undefined if none exists\n   */\n  getBeforeId(elementId: TElementType): string | undefined {\n    const currentElement = this.getMapElementById(elementId);\n    if (!currentElement) {\n      return undefined;\n    }\n\n    const nextElement = this.mapElements\n      .filter((item) => item.elementOrder > currentElement.elementOrder)\n      .sort((a, b) => a.elementOrder - b.elementOrder)[0];\n\n    const nextElementLayerIds = nextElement?.sources\n      .flatMap((source) => source.layers)\n      .filter((layer) => layer.initialized)\n      .map((layer) => layer.id);\n\n    return nextElement && nextElementLayerIds.length > 0 ? nextElementLayerIds[0] : undefined;\n  }\n}\n","import { Map } from 'maplibre-gl';\nimport { Subject } from 'rxjs';\n\nimport { MapElementRepository } from './map-element.repository';\nimport { MapSource } from './map-source';\nimport { MaplibreCursorService } from './maplibre-cursor.service';\n\nexport interface MapElementConfig<TElementType> {\n  map: Map;\n  mapElementRepository: MapElementRepository<TElementType>;\n  maplibreCursorService: MaplibreCursorService;\n  elementId: TElementType;\n  elementOrder: number;\n}\n\nexport abstract class MapElement<TElementType> {\n  id: TElementType;\n  elementOrder: number;\n  sources: MapSource<TElementType>[] = [];\n  alwaysVisible = false;\n  isVisible = false;\n\n  protected unsubscribe = new Subject<void>();\n\n  constructor(protected readonly config: MapElementConfig<TElementType>) {\n    this.id = config.elementId;\n    this.elementOrder = config.elementOrder;\n  }\n\n  onInit() {\n    this.sources.forEach((source) => source.onInit());\n  }\n\n  onDestroy() {\n    this.sources.forEach((source) => source.onDestroy());\n\n    this.unsubscribe.next();\n    this.unsubscribe.complete();\n  }\n\n  setVisible(visible: boolean) {\n    this.isVisible = visible;\n    this.sources.forEach((source) => source.setVisible(visible));\n  }\n}\n","import { Feature } from 'geojson';\nimport { MapElementConfig } from './map-element';\nimport {\n  FilterSpecification,\n  LayerSpecification,\n  MapGeoJSONFeature,\n  MapMouseEvent,\n} from 'maplibre-gl';\nimport { Subject } from 'rxjs';\n\nexport abstract class MapLayer<TElementType> {\n  initialized = false;\n\n  protected unsubscribe = new Subject<void>();\n\n  constructor(\n    protected readonly config: MapElementConfig<TElementType>,\n    protected readonly sourceId: string,\n    protected readonly layerIdSuffix?: string,\n  ) {}\n\n  get id(): string {\n    const suffix = this.layerIdSuffix ? `-${this.layerIdSuffix}` : '';\n    return `${this.sourceId}${suffix}`;\n  }\n\n  get styleLayer() {\n    return this.config.map.getLayer(this.id);\n  }\n\n  onInit() {\n    // Add the layer to the map, with the correct ordering (beforeId)\n    const beforeId = this.config.mapElementRepository.getBeforeId(this.config.elementId);\n    this.config.map.addLayer(this.getSpecification() as LayerSpecification, beforeId);\n\n    // Keeping track of which layers have been added to the map to allow for beforeId determination\n    this.#setupClickHandlers();\n    this.initialized = true;\n  }\n\n  onDestroy() {\n    this.initialized = false;\n    this.#removeClickHandlers();\n\n    this.config.map.removeLayer(this.id);\n\n    this.unsubscribe.next();\n    this.unsubscribe.complete();\n  }\n\n  setVisible(visible: boolean) {\n    this.config.map.setLayoutProperty(this.id, 'visibility', visible ? 'visible' : 'none');\n  }\n\n  protected onClick?(features: Feature[]): void;\n\n  protected abstract getSpecification(): Partial<LayerSpecification>;\n  getFilterSpecification?(): FilterSpecification;\n\n  #setupClickHandlers() {\n    if (!this.onClick) return;\n\n    this.config.map.on('click', this.id, (event) => {\n      this.onClick?.(this.#getFeatures(event));\n    });\n\n    this.config.maplibreCursorService.setMouseCursor(this.config.map, this.id);\n  }\n\n  #removeClickHandlers() {\n    if (!this.onClick) return;\n\n    this.config.map.off('click', this.id, (event) => {\n      this.onClick?.(this.#getFeatures(event));\n    });\n  }\n\n  #getFeatures(event: ClickEvent): Feature[] {\n    if (event.features && event.features.length > 0) {\n      return this.#distinctFeatures(event.features);\n    }\n    return [];\n  }\n\n  /**\n   * Filters an array of features to remove duplicates based on their properties.\n   * Two features are considered duplicates if they have identical properties.\n   * Particularly vector sources can yield duplicate features due to the way they\n   * are rendered in tiles.\n   *\n   * @param features - Array of GeoJSON features to filter\n   * @returns Array of unique features with no property duplicates\n   * @private\n   */\n  #distinctFeatures(features: Feature[]): Feature[] {\n    const seen = new Set();\n    const uniqueFeatures: Feature[] = [];\n\n    features.forEach((feature) => {\n      const propertiesString = JSON.stringify(feature.properties);\n      if (!seen.has(propertiesString)) {\n        seen.add(propertiesString);\n        uniqueFeatures.push(feature);\n      }\n    });\n\n    return uniqueFeatures;\n  }\n}\n\nexport type ClickEvent = MapMouseEvent & {\n  features?: MapGeoJSONFeature[];\n} & object;\n","import { FeatureCollection } from 'geojson';\nimport { GeoJSONSource, SourceSpecification } from 'maplibre-gl';\nimport { Observable, Subject, takeUntil } from 'rxjs';\nimport { MapLayer } from './map-layer';\nimport { MapElementConfig } from './map-element';\n\nexport abstract class MapSource<TElementType> {\n  layers: MapLayer<TElementType>[] = [];\n\n  protected unsubscribe = new Subject<void>();\n\n  #isInitialized = false;\n  #featureCollection$?: Observable<FeatureCollection>;\n\n  constructor(\n    public readonly id: string,\n    protected readonly config: MapElementConfig<TElementType>,\n  ) {}\n\n  onInit() {\n    if (!this.config.map.getSource(this.id)) {\n      this.config.map.addSource(this.id, this.getSpecification() as SourceSpecification);\n    }\n\n    this.layers.forEach((layer) => layer.onInit());\n\n    this.isInitialized = true;\n  }\n\n  onDestroy() {\n    this.isInitialized = false;\n\n    this.layers.forEach((layer) => layer.onDestroy());\n\n    this.unsubscribe.next();\n    this.unsubscribe.complete();\n  }\n\n  get featureCollection$(): Observable<FeatureCollection> | undefined {\n    return this.#featureCollection$;\n  }\n\n  set featureCollection$(value: Observable<FeatureCollection> | undefined) {\n    this.#featureCollection$ = value;\n    this.#subscribeToFeatureCollection();\n  }\n\n  get isInitialized(): boolean {\n    return this.#isInitialized;\n  }\n\n  set isInitialized(value: boolean) {\n    this.#isInitialized = value;\n    this.#subscribeToFeatureCollection();\n  }\n\n  setVisible(visible: boolean) {\n    this.layers.forEach((layer) => layer.setVisible(visible));\n  }\n\n  protected abstract getSpecification(): Partial<SourceSpecification>;\n\n  #subscribeToFeatureCollection() {\n    if (this.isInitialized && this.featureCollection$) {\n      this.featureCollection$.pipe(takeUntil(this.unsubscribe)).subscribe({\n        next: (featureCollection) => {\n          const source = this.config.map.getSource(this.id);\n\n          if (source && source.type === 'geojson') {\n            (source as GeoJSONSource).setData(featureCollection);\n          } else {\n            // not needed because source is always specified as geojson with empty collection\n            this.config.map.addSource(this.id, {\n              type: 'geojson',\n              data: featureCollection,\n            });\n          }\n        },\n        error: (error) => {\n          console.error('Error updating feature collection', error);\n        },\n      });\n    }\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  viewChild,\n} from '@angular/core';\nimport { AnimationOptions, Map } from 'maplibre-gl';\n\n@Component({\n  standalone: true,\n  template: '<div #mapContainer class=\"map\"></div>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport abstract class MapComponent implements AfterViewInit, OnDestroy {\n  mapContainer = viewChild.required<ElementRef>('mapContainer');\n  map!: Map;\n\n  ngAfterViewInit() {\n    this.map = this.#createMap(this.mapContainer().nativeElement);\n    this.map.once('load', () => this.#initiateMapLoading());\n  }\n\n  ngOnDestroy() {\n    // Note: Using `this.map.once('remove', this.onRemoveMap())` does not work correctly because,\n    // by the time the `onRemoveMap` event is triggered, it is no longer possible to interact with the map for cleanup.\n    // To address this we call `onRemoveMap` explicitly before destroying the MapLibre instance. This\n    // ensures that our map elements are cleaned up properly before the map is removed.\n    this.onRemoveMap();\n    this.map?.remove();\n  }\n\n  resizeMap() {\n    this.map?.resize();\n  }\n\n  zoomToLevel(zoomLevel: number, options?: AnimationOptions) {\n    this.map?.zoomTo(zoomLevel, options);\n  }\n\n  #createMap(container: HTMLElement): Map {\n    const map = new Map({\n      container,\n      style: {\n        version: 8,\n        sources: {},\n        layers: [],\n      },\n      interactive: true,\n      maxZoom: 18,\n      minZoom: 6,\n      bounds: [\n        [5.34458238242172, 52.11623605695118],\n        [5.446205917577942, 52.21132028216525],\n      ],\n    });\n\n    // Prevent map rotation\n    map.dragRotate.disable();\n\n    return map;\n  }\n\n  protected abstract onLoadMap(): void;\n  protected abstract onRemoveMap(): void;\n  protected abstract onIdle(): void;\n\n  #initiateMapLoading() {\n    this.onLoadMap();\n    this.resizeMap();\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { Map } from 'maplibre-gl';\n\n/**\n * Service for managing MapLibre map cursor interactions.\n *\n * Maplibre has no automatic cursor handling for layers, so when you add a clickHandler\n * to a layer, the user can click on it, but the cursor will not change to a pointer.\n * This service provides methods to set the cursor to pointer when hovering over a layer,\n * and to enable crosshair mode which takes precedence over all other cursor types.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class MaplibreCursorService {\n  /** Counter to track how many layers currently need a pointer cursor */\n  #cursorPointerCount = 0;\n  /** Flag indicating if crosshair mode is active */\n  #crosshairMode = false;\n\n  /**\n   * Sets up mouse cursor handling for a map layer.\n   * Changes cursor to pointer when mouse enters the layer and resets when leaving.\n   *\n   * @param map - The MapLibre map instance\n   * @param layerId - ID of the layer to apply cursor behavior to\n   */\n  setMouseCursor(map: Map, layerId: string) {\n    const updateCursor = (cursor: string) => {\n      if (!this.#crosshairMode) this.#setMouseCursor(map, cursor);\n    };\n\n    map.on('mouseenter', layerId, () => updateCursor('pointer'));\n    map.on('mouseleave', layerId, () => updateCursor(''));\n  }\n\n  /**\n   * Enables or disables crosshair cursor mode for the map.\n   * When enabled, crosshair cursor will take precedence over all other cursor types.\n   *\n   * @param value - True to enable crosshair mode, false to disable\n   * @param map - The MapLibre map instance to apply the cursor to\n   */\n  /**\n   * Enables or disables crosshair cursor mode for the map.\n   * When enabled, crosshair cursor will take precedence over all other cursor types.\n   *\n   * @param value - True to enable crosshair mode, false to disable\n   * @param map - The MapLibre map instance to apply the cursor to\n   */\n  setCrosshairMode(value: boolean, map: Map) {\n    this.#crosshairMode = value;\n\n    let cursorType = '';\n    if (value) {\n      cursorType = 'crosshair';\n    } else if (this.#cursorPointerCount > 0) {\n      cursorType = 'pointer';\n    }\n\n    map.getCanvas().style.cursor = cursorType;\n  }\n\n  /**\n   * Internal method to handle mouse cursor state changes.\n   * Manages the cursor pointer reference counter to ensure cursor displays correctly\n   * when hovering over multiple interactive layers.\n   *\n   * @param map - The MapLibre map instance\n   * @param cursor - Cursor type to set ('pointer' or '' to reset)\n   * @private\n   */\n  #setMouseCursor(map: Map, cursor: string) {\n    if (this.#crosshairMode) {\n      // Crosshair mode takes precedence, ignore other cursor settings\n      map.getCanvas().style.cursor = 'crosshair';\n      return;\n    }\n\n    if (cursor === 'pointer') {\n      this.#cursorPointerCount++;\n      map.getCanvas().style.cursor = cursor;\n    } else if (cursor === '') {\n      this.#cursorPointerCount--;\n      if (this.#cursorPointerCount < 1) {\n        map.getCanvas().style.cursor = '';\n      }\n    } else {\n      console.warn(`Cursor type '${cursor}' is not supported.`);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/map/map-constants';
+export * from './lib/map/map-element.repository';
+export * from './lib/map/map-element';
+export * from './lib/map/map-layer';
+export * from './lib/map/map-source';
+export * from './lib/map/map.component';
+export * from './lib/map/maplibre-cursor.service';

package/lib/map/map-constants.d.ts

@@ -0,0 +1,3 @@
+import { LngLatLike } from 'maplibre-gl';
+export declare const BOUNDS_NL: [LngLatLike, LngLatLike];
+export declare const BOUNDS_AMERSFOORT: [LngLatLike, LngLatLike];

package/lib/map/map-element.d.ts

@@ -0,0 +1,25 @@
+import { Map } from 'maplibre-gl';
+import { Subject } from 'rxjs';
+import { MapElementRepository } from './map-element.repository';
+import { MapSource } from './map-source';
+import { MaplibreCursorService } from './maplibre-cursor.service';
+export interface MapElementConfig<TElementType> {
+    map: Map;
+    mapElementRepository: MapElementRepository<TElementType>;
+    maplibreCursorService: MaplibreCursorService;
+    elementId: TElementType;
+    elementOrder: number;
+}
+export declare abstract class MapElement<TElementType> {
+    protected readonly config: MapElementConfig<TElementType>;
+    id: TElementType;
+    elementOrder: number;
+    sources: MapSource<TElementType>[];
+    alwaysVisible: boolean;
+    isVisible: boolean;
+    protected unsubscribe: Subject<void>;
+    constructor(config: MapElementConfig<TElementType>);
+    onInit(): void;
+    onDestroy(): void;
+    setVisible(visible: boolean): void;
+}