@open-pioneer/map 1.3.0-dev.20260225133423 → 1.3.0-dev.20260310142705

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @open-pioneer/map
 
-## 1.3.0-dev.20260225133423
+## 1.3.0-dev.20260310142705
 
 ### Minor Changes
 
@@ -11,7 +11,19 @@
   The property is based on OpenLayers `loadstart` and `loadend` events (see [Documentation](https://openlayers.org/en/latest/apidoc/module-ol_MapEvent-MapEvent.html#event:loadstart)).
 - 73453af: Update OpenLayers to 10.8.0
 - fcbd505: Sanitize HTML used for layer attributions.
+- 33ab02f: Move highlight methods to `mapModel.highlights`.
+    - `mapModel.highlight()` -> `mapModel.highlights.add()`
+    - `mapModel.highlightAndZoom()` -> `mapModel.highlights.addAndZoom()`
+    - `mapModel.removeHighlights()` -> `mapModel.highlights.clear()`
+
+    The old methods on the Map Model have been deprecated and will be removed in a future major release.
+
 - d54ccfd: Update to Chakra UI 3.32.0
+- 33ab02f: Add new `mapModel.overlays` API to render arbitrary React content on the map at certain coordinates.
+  This can be helpful for feature info, popups and for tooltips during map interactions.
+
+    Use `mapModel.overlay.add({ content: <SomeReactContent />, ...})` to create a new overlay.
+
 - 2ceb1ca: MapContainer: allow configuration of `rootProps` and `containerProps`.
   This can be used to set custom attributes on the respective DOM elements.
 
@@ -803,12 +815,6 @@
 - b5bb7a1: Adjusted name of Open Pioneer project to Open Pioneer Trails
 - 81bc7da: Update trails dependencies
 - 2c092dc: Update dependencies
-- Updated dependencies [4140646]
-- Updated dependencies [4140646]
-- Updated dependencies [81bc7da]
-- Updated dependencies [2c092dc]
-- Updated dependencies [4140646]
-    - @open-pioneer/react-utils@0.2.3
 
 ## 0.5.0
 
@@ -831,8 +837,6 @@
 - 6162979: Update versions of core packages
 - ac7fdd1: Update documentation
 - 13ea342: Remove duplicate viewPadding application.
-- Updated dependencies [1a8ad89]
-    - @open-pioneer/react-utils@0.2.2
 
 ## 0.3.1
 
@@ -850,8 +854,6 @@
 ### Patch Changes
 
 - a582e5e: Add property `viewPadding` to `HighlightOptions`.
-- Updated dependencies [762e7b9]
-    - @open-pioneer/react-utils@0.2.1
 
 ## 0.2.0
 
@@ -859,11 +861,6 @@
 
 - 70349a8: Update to new core packages major versions
 
-### Patch Changes
-
-- Updated dependencies [70349a8]
-    - @open-pioneer/react-utils@0.2.0
-
 ## 0.1.1
 
 ### Patch Changes
@@ -878,8 +875,3 @@
 ### Minor Changes
 
 - bb2f27a: Initial release.
-
-### Patch Changes
-
-- Updated dependencies [182da1c]
-    - @open-pioneer/react-utils@0.1.0

package/MapRegistry.js

@@ -1,7 +1,7 @@
 import { batch } from '@conterra/reactivity-core';
 import { on } from '@conterra/reactivity-events';
 import { createLogger } from '@open-pioneer/core';
-import { sourceId } from './_virtual/source-info.js';
+import { sourceId$10 as sourceId } from './_virtual/source-info.js';
 import { createMapModel } from './model/createMapModel.js';
 
 const LOG = createLogger(sourceId);

package/README.md

@@ -1060,6 +1060,69 @@ To access the map model instance, use the React hooks `useMapModel` or `useMapMo
     }
     ```
 
+#### Map overlays
+
+Use the `mapModel.overlays` API to create overlays on the map.
+
+An overlay is a UI element that is displayed over the map.
+Overlays are tied to coordinates on the map and not to a position on the screen.
+The rendered content of an overlay is a `ReactNode`: you can use either simple text or arbitrarily rich React components.
+
+The new overlays API is implemented on top of the raw OpenLayers overlays and should be preferred for in most cases.
+You can access the raw `olOverlay` in advanced scenarios.
+
+Example:
+
+```tsx
+import { Span } from "@chakra-ui/react";
+import { MapModel } from "@open-pioneer/map";
+
+const map: MapModel = ... // the map model
+
+// Add a new overlay to map and get overlay instance
+const myOverlay = map.overlays.add({
+    content: <MyOverlayContent innerText="Initial Content!"></MyOverlayContent>, // initially rendered content
+    tag: "my-overlay", // custom identifier
+    position: [7.6, 52.0], // coordinates in map projection
+    className: "overlay-css-class",
+    positioning: "bottom-center"
+    // mode: "follow-pointer" // overlay would automatically follow pointer movement (default "set-position")
+});
+
+// Get all current overlays
+let currentOverlaysList = map.overlays.getAll();
+console.log(currentOverlaysList.length) // prints 1
+
+myOverlay.setPosition([7.75, 52.25]); // manually change position in mode "set-position"
+myOverlay.setContent(<MyOverlayContent innerText="New Content!"></MyOverlayContent>); // render new content
+
+// Remove and destroy overlay.
+// Destroyed overlays cannot be reused.
+myOverlay.destroy();
+
+currentOverlaysList = map.overlays.getAll();
+console.log(currentOverlaysList.length) //prints 0
+
+// React component that is rendered as overlay content
+function MyOverlayContent(props: { innerText: string }) {
+    const { innerText } = props;
+    return <Span>{innerText}</Span>;
+}
+```
+
+When within a plain TypeScript file, use React's `createElement` function instead of JSX:
+
+```ts
+import { createElement } from "react";
+
+const myOverlay = map.overlays.add({
+    content: createElement(MyOverlayContent, {
+        // props ...
+    })
+    // ...
+});
+```
+
 ## License
 
 Apache-2.0 (see `LICENSE` file)

package/_virtual/source-info.js

@@ -1,10 +1,12 @@
-const sourceId$9 = "@open-pioneer/map/ui/MapContainer";
+const sourceId$a = "@open-pioneer/map/ui/MapContainer";
 
-const sourceId$8 = "@open-pioneer/map/model/MapModel";
+const sourceId$9 = "@open-pioneer/map/model/MapModel";
 
-const sourceId$7 = "@open-pioneer/map/layers/AbstractLayer";
+const sourceId$8 = "@open-pioneer/map/layers/AbstractLayer";
 
-const sourceId$6 = "@open-pioneer/map/model/LayerCollection";
+const sourceId$7 = "@open-pioneer/map/model/LayerCollection";
+
+const sourceId$6 = "@open-pioneer/map/model/Overlays";
 
 const sourceId$5 = "@open-pioneer/map/layers/WMSLayer";
 
@@ -18,5 +20,5 @@ const sourceId$1 = "@open-pioneer/map/MapRegistry";
 
 const sourceId = "@open-pioneer/map/model/createMapModel";
 
-export { sourceId$1 as sourceId, sourceId$7 as sourceId$1, sourceId$5 as sourceId$2, sourceId$3, sourceId$4, sourceId$2 as sourceId$5, sourceId$6, sourceId$8 as sourceId$7, sourceId as sourceId$8, sourceId$9 };
+export { sourceId$8 as sourceId, sourceId$7 as sourceId$1, sourceId$1 as sourceId$10, sourceId$6 as sourceId$2, sourceId$9 as sourceId$3, sourceId$a as sourceId$4, sourceId$4 as sourceId$5, sourceId$5 as sourceId$6, sourceId$2 as sourceId$7, sourceId$3 as sourceId$8, sourceId as sourceId$9 };
 //# sourceMappingURL=source-info.js.map

package/_virtual/source-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"source-info.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"source-info.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -45,8 +45,10 @@ export { type SublayersCollection } from "./layers/shared/SublayersCollection";
 export { type AddLayerOptions, type AddLayerOptionsAboveBelow, type AddLayerOptionsBase, type AddLayerOptionsTopBottom } from "./layers/shared/AddLayerOptions";
 export { type LayerRetrievalOptions, type RecursiveRetrievalOptions } from "./layers/shared/LayerRetrievalOptions";
 export { type CoordinateConfig, type ExtentConfig, type InitialExtentConfig, type InitialPositionConfig, type InitialViewConfig, type MapConfig, type OlMapOptions } from "./model/MapConfig";
-export { type MapModel, type DisplayTarget, type Highlight, type HighlightOptions, type HighlightStyle, type HighlightZoomOptions, type MapPadding, type ZoomOptions } from "./model/MapModel";
+export { type MapModel, type DisplayTarget, type MapPadding, type ZoomOptions } from "./model/MapModel";
+export { type Highlight, type Highlights, type HighlightOptions, type HighlightStyle, type HighlightZoomOptions } from "./model/Highlights";
 export { type LayerCollection } from "./model/LayerCollection";
+export { type Overlay, type OverlayProperties, type OlOverlayOptions, type OverlayPositioning, type Overlays } from "./model/Overlays";
 export { type LayerFactory, type LayerCreateOptions } from "./LayerFactory";
 export { type MapConfigProvider, type MapConfigProviderOptions, type MapRegistry } from "./MapRegistry";
 export { calculateBufferedExtent } from "./utils/geometry-utils";

package/layers/AbstractLayer.js

@@ -2,7 +2,7 @@ import { synchronized, reactive, computed } from '@conterra/reactivity-core';
 import { createLogger, destroyResource } from '@open-pioneer/core';
 import OlLayer from 'ol/layer/Layer.js';
 import { unByKey } from 'ol/Observable.js';
-import { sourceId$1 as sourceId } from '../_virtual/source-info.js';
+import { sourceId } from '../_virtual/source-info.js';
 import { AbstractLayerBase } from './AbstractLayerBase.js';
 import { getLayerDependencies, SET_VISIBLE, ATTACH_TO_MAP, GET_DEPS, LAYER_DEPS } from './shared/internals.js';
 

package/layers/WMSLayer.js

@@ -3,7 +3,7 @@ import { createLogger, deprecated, destroyResource, isAbortError } from '@open-p
 import WMSCapabilities from 'ol/format/WMSCapabilities.js';
 import ImageLayer from 'ol/layer/Image.js';
 import ImageWMS from 'ol/source/ImageWMS.js';
-import { sourceId$2 as sourceId } from '../_virtual/source-info.js';
+import { sourceId$6 as sourceId } from '../_virtual/source-info.js';
 import { fetchText } from '../utils/fetch.js';
 import { INTERNAL_CONSTRUCTOR_TAG } from '../utils/InternalConstructorTag.js';
 import { AbstractLayer } from './AbstractLayer.js';

package/layers/WMTSLayer.js

@@ -5,7 +5,7 @@ import TileState from 'ol/TileState.js';
 import WMTSCapabilities from 'ol/format/WMTSCapabilities.js';
 import TileLayer from 'ol/layer/Tile.js';
 import WMTS, { optionsFromCapabilities } from 'ol/source/WMTS.js';
-import { sourceId$3 as sourceId } from '../_virtual/source-info.js';
+import { sourceId$8 as sourceId } from '../_virtual/source-info.js';
 import { fetchText } from '../utils/fetch.js';
 import { AbstractLayer } from './AbstractLayer.js';
 import { ATTACH_TO_MAP, GET_DEPS } from './shared/internals.js';

package/layers/wms/getLegendUrl.js

@@ -1,5 +1,5 @@
 import { createLogger } from '@open-pioneer/core';
-import { sourceId$4 as sourceId } from '../../_virtual/source-info.js';
+import { sourceId$5 as sourceId } from '../../_virtual/source-info.js';
 
 const LOG = createLogger(sourceId);
 function getLegendUrl(capabilities, layerName) {

package/layers/wmts/getLegendUrl.js

@@ -1,5 +1,5 @@
 import { createLogger } from '@open-pioneer/core';
-import { sourceId$5 as sourceId } from '../../_virtual/source-info.js';
+import { sourceId$7 as sourceId } from '../../_virtual/source-info.js';
 
 const LOG = createLogger(sourceId);
 function getLegendUrl(capabilities, activeLayerId, activeStyleId) {

package/model/Highlights.d.ts

@@ -1,47 +1,91 @@
+import { Resource } from "@open-pioneer/core";
 import { Feature } from "ol";
 import { Geometry } from "ol/geom";
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
+import { StyleLike } from "ol/style/Style";
 import { LayerDependencies } from "../layers/shared/internals";
-import { DisplayTarget, HighlightOptions, HighlightZoomOptions, MapModel, ZoomOptions } from "./MapModel";
+import { DisplayTarget, MapModel, ZoomOptions } from "./MapModel";
+export declare const DESTROY_HIGHLIGHTS: unique symbol;
+export declare const GET_HIGHLIGHT_LAYER: unique symbol;
+/**
+ * Style options supported when creating a new {@link Highlight}.
+ *
+ * @group Map Model
+ **/
+export interface HighlightOptions {
+    /**
+     * Optional styles to override the default styles.
+     */
+    highlightStyle?: HighlightStyle;
+}
+/**
+ * Options supported by the map model's {@link MapModel.highlightAndZoom | highlightAndZoom} method.
+ *
+ * @group Map Model
+ **/
+export interface HighlightZoomOptions extends HighlightOptions, ZoomOptions {
+}
+/**
+ * Custom styles when creating a new {@link Highlight}.
+ *
+ * @group Map Model
+ */
+export type HighlightStyle = {
+    Point?: StyleLike;
+    LineString?: StyleLike;
+    Polygon?: StyleLike;
+    MultiPolygon?: StyleLike;
+    MultiPoint?: StyleLike;
+    MultiLineString?: StyleLike;
+};
+/**
+ * Represents the additional graphical representations of objects.
+ *
+ * See also {@link MapModel.highlight}.
+ *
+ * @group Map Model
+ */
+export interface Highlight extends Resource {
+    readonly isActive: boolean;
+}
+/**
+ * Manages highlights on the map.
+ *
+ * @group Map Model
+ */
 export declare class Highlights {
-    #private;
     private map;
-    private olMap;
     private olLayer;
     private layer;
     private olSource;
     private activeHighlights;
     constructor(map: MapModel, layerDeps: LayerDependencies);
+    [DESTROY_HIGHLIGHTS](): void;
     /**
-     * Returns the layer used for highlights.
+     * Creates a highlight at the given targets.
+     *
+     * A highlight is a temporary graphic on the map that calls attention to a point or an area.
+     *
+     * Call `destroy()` on the returned highlight object to remove the highlight.
      */
-    getLayer(): VectorLayer<VectorSource<Feature<Geometry, {
-        [x: string]: any;
-    }>>, Feature<Geometry, {
-        [x: string]: any;
-    }>>;
-    /**
-     * This method removes all highlights before destroying the class
-     */
-    destroy(): void;
+    add(displayTargets: DisplayTarget[], options?: HighlightOptions | undefined): Highlight;
     /**
-     * This method displays geometries or BaseFeatures with optional styling in the map
+     * Creates a highlight and zooms to the given targets.
+     *
+     * See also {@link add} and {@link MapModel.zoom}.
      */
-    addHighlight(displayTarget: DisplayTarget[], highlightOptions: HighlightOptions | undefined): {
-        readonly isActive: boolean;
-        destroy(): void;
-    };
+    addAndZoom(displayTarget: DisplayTarget[], options?: HighlightZoomOptions | undefined): Highlight;
     /**
-     * This method zoom to geometries or BaseFeatures
+     * This method destroys all active Highlights.
      */
-    zoomToHighlight(displayTarget: DisplayTarget[], options: ZoomOptions | undefined): void;
+    clear(): void;
     /**
-     * This method displays geometries or BaseFeatures with optional styling in the map and executed a zoom
+     * Returns the layer used for highlights.
      */
-    addHighlightAndZoom(displayTarget: DisplayTarget[], highlightZoomStyle: HighlightZoomOptions | undefined): {
-        readonly isActive: boolean;
-        destroy(): void;
-    };
-    clearHighlight(): void;
+    [GET_HIGHLIGHT_LAYER](): VectorLayer<VectorSource<Feature<Geometry, {
+        [x: string]: any;
+    }>>, Feature<Geometry, {
+        [x: string]: any;
+    }>>;
 }

package/model/Highlights.js

@@ -1,5 +1,4 @@
 import { Feature } from 'ol';
-import { createEmpty, extend, getCenter, getArea } from 'ol/extent.js';
 import VectorLayer from 'ol/layer/Vector.js';
 import VectorSource from 'ol/source/Vector.js';
 import { Style, Stroke, Fill, Icon } from 'ol/style.js';
@@ -7,21 +6,18 @@ import { toFunction } from 'ol/style/Style.js';
 import mapMarkerUrl from '../assets/images/mapMarker.png?url';
 import { SimpleLayer } from '../layers/SimpleLayer.js';
 import { INTERNAL_CONSTRUCTOR_TAG } from '../utils/InternalConstructorTag.js';
-import { calculateBufferedExtent } from '../utils/geometry-utils.js';
+import { getGeometries } from './getGeometries.js';
 
-const DEFAULT_OL_POINT_ZOOM_LEVEL = 17;
-const DEFAULT_OL_MAX_ZOOM_LEVEL = 20;
-const DEFAULT_VIEW_PADDING = { top: 50, right: 20, bottom: 10, left: 20 };
+const DESTROY_HIGHLIGHTS = /* @__PURE__ */ Symbol("DESTROY_HIGHLIGHTS");
+const GET_HIGHLIGHT_LAYER = /* @__PURE__ */ Symbol("GET_HIGHLIGHT_LAYER");
 class Highlights {
   map;
-  olMap;
   olLayer;
   layer;
   olSource;
   activeHighlights;
   constructor(map, layerDeps) {
     this.map = map;
-    this.olMap = this.map.olMap;
     this.olSource = new VectorSource({
       features: void 0
     });
@@ -44,34 +40,18 @@ class Highlights {
     map.layers.addLayer(this.layer, { at: "topmost" });
     this.activeHighlights = /* @__PURE__ */ new Set();
   }
-  /**
-   * Returns the layer used for highlights.
-   */
-  getLayer() {
-    return this.olLayer;
-  }
-  /**
-   * This method removes all highlights before destroying the class
-   */
-  destroy() {
-    this.clearHighlight();
+  [DESTROY_HIGHLIGHTS]() {
+    this.clear();
   }
   /**
-   * Method of filtering out objects that are not geometry or have no property geometry.
+   * Creates a highlight at the given targets.
+   *
+   * A highlight is a temporary graphic on the map that calls attention to a point or an area.
+   *
+   * Call `destroy()` on the returned highlight object to remove the highlight.
    */
-  #filterGeoobjects(geoObjects) {
-    const geometries = [];
-    geoObjects.forEach((item) => {
-      if ("getType" in item) geometries.push(item);
-      if ("geometry" in item && item.geometry) geometries.push(item.geometry);
-    });
-    return geometries;
-  }
-  /**
-   * This method displays geometries or BaseFeatures with optional styling in the map
-   */
-  addHighlight(displayTarget, highlightOptions) {
-    const geometries = this.#filterGeoobjects(displayTarget);
+  add(displayTargets, options) {
+    const geometries = getGeometries(displayTargets);
     if (geometries.length === 0) {
       return {
         get isActive() {
@@ -87,7 +67,7 @@ class Highlights {
         type,
         geometry
       });
-      feature.setStyle(getOwnStyle(type, highlightOptions?.highlightStyle));
+      feature.setStyle(getOwnStyle(type, options?.highlightStyle));
       return feature;
     });
     const source = this.olSource;
@@ -111,56 +91,28 @@ class Highlights {
     return highlight;
   }
   /**
-   * This method zoom to geometries or BaseFeatures
+   * Creates a highlight and zooms to the given targets.
+   *
+   * See also {@link add} and {@link MapModel.zoom}.
    */
-  zoomToHighlight(displayTarget, options) {
-    const geometries = this.#filterGeoobjects(displayTarget);
-    if (geometries.length === 0) {
-      return;
-    }
-    let extent = createEmpty();
-    for (const geometry of geometries) {
-      extent = extend(extent, geometry.getExtent());
-    }
-    const bufferParameter = options?.buffer;
-    if (typeof bufferParameter === "number") {
-      extent = calculateBufferedExtent(extent, bufferParameter);
-    }
-    const center = getCenter(extent);
-    const isPoint = getArea(extent) === 0;
-    const zoomScale = isPoint ? options?.pointZoom ?? DEFAULT_OL_POINT_ZOOM_LEVEL : options?.maxZoom ?? DEFAULT_OL_MAX_ZOOM_LEVEL;
-    setCenter(this.olMap, center);
-    const {
-      top = 0,
-      right = 0,
-      bottom = 0,
-      left = 0
-    } = options?.viewPadding ?? DEFAULT_VIEW_PADDING;
-    const padding = [top, right, bottom, left];
-    zoomTo(this.olMap, extent, zoomScale, padding);
+  addAndZoom(displayTarget, options) {
+    const result = this.add(displayTarget, options);
+    this.map.zoom(displayTarget, options);
+    return result;
   }
   /**
-   * This method displays geometries or BaseFeatures with optional styling in the map and executed a zoom
+   * This method destroys all active Highlights.
    */
-  addHighlightAndZoom(displayTarget, highlightZoomStyle) {
-    const result = this.addHighlight(displayTarget, highlightZoomStyle);
-    this.zoomToHighlight(displayTarget, highlightZoomStyle);
-    return result;
-  }
-  clearHighlight() {
+  clear() {
     for (const highlight of this.activeHighlights) {
       highlight.destroy();
     }
   }
-}
-function setCenter(olMap, coordinates) {
-  coordinates && coordinates.length && olMap.getView().setCenter(coordinates);
-}
-function zoomTo(olMap, extent, zoomLevel, padding) {
-  if (extent) {
-    olMap.getView().fit(extent, { maxZoom: zoomLevel, padding });
-  } else {
-    zoomLevel && olMap.getView().setZoom(zoomLevel);
+  /**
+   * Returns the layer used for highlights.
+   */
+  [GET_HIGHLIGHT_LAYER]() {
+    return this.olLayer;
   }
 }
 function resolveStyle(feature, resolution) {
@@ -262,5 +214,5 @@ const defaultHighlightStyle = {
   ]
 };
 
-export { Highlights };
+export { DESTROY_HIGHLIGHTS, Highlights };
 //# sourceMappingURL=Highlights.js.map

package/model/Highlights.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlights.js","sources":["Highlights.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Feature } from \"ol\";\nimport { FeatureLike } from \"ol/Feature\";\nimport OlMap from \"ol/Map\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { createEmpty, extend, Extent, getArea, getCenter } from \"ol/extent\";\nimport { Geometry } from \"ol/geom\";\nimport { Type } from \"ol/geom/Geometry\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\nimport { Fill, Icon, Stroke, Style } from \"ol/style\";\nimport { toFunction as toStyleFunction } from \"ol/style/Style\";\nimport mapMarkerUrl from \"../assets/images/mapMarker.png?url\";\nimport { SimpleLayer } from \"../layers/SimpleLayer\";\nimport { LayerDependencies } from \"../layers/shared/internals\";\nimport { INTERNAL_CONSTRUCTOR_TAG } from \"../utils/InternalConstructorTag\";\nimport { calculateBufferedExtent } from \"../utils/geometry-utils\";\nimport {\n    DisplayTarget,\n    Highlight,\n    HighlightOptions,\n    HighlightStyle,\n    HighlightZoomOptions,\n    MapModel,\n    ZoomOptions\n} from \"./MapModel\";\n\ntype HighlightStyleType = keyof HighlightStyle;\n\nconst DEFAULT_OL_POINT_ZOOM_LEVEL = 17;\nconst DEFAULT_OL_MAX_ZOOM_LEVEL = 20;\nconst DEFAULT_VIEW_PADDING = { top: 50, right: 20, bottom: 10, left: 20 };\n\nexport class Highlights {\n    private map: MapModel;\n    private olMap: OlMap;\n\n    private olLayer: VectorLayer<VectorSource, Feature>;\n    private layer: SimpleLayer;\n    private olSource: VectorSource<Feature<Geometry>>;\n    private activeHighlights: Set<Highlight>;\n\n    constructor(map: MapModel, layerDeps: LayerDependencies) {\n        this.map = map;\n        this.olMap = this.map.olMap;\n        this.olSource = new VectorSource({\n            features: undefined\n        });\n        this.olLayer = new VectorLayer({\n            className: \"highlight-layer\",\n            source: this.olSource,\n            style: function (feature, resolution) {\n                return resolveStyle(feature, resolution);\n            }\n        });\n        this.layer = new SimpleLayer(\n            {\n                title: \"highlight-layer\",\n                internal: true,\n                olLayer: this.olLayer\n            },\n            layerDeps,\n            INTERNAL_CONSTRUCTOR_TAG\n        );\n        map.layers.addLayer(this.layer, { at: \"topmost\" });\n\n        this.activeHighlights = new Set();\n    }\n\n    /**\n     * Returns the layer used for highlights.\n     */\n    getLayer() {\n        return this.olLayer;\n    }\n\n    /**\n     * This method removes all highlights before destroying the class\n     */\n    destroy() {\n        this.clearHighlight();\n    }\n\n    /**\n     * Method of filtering out objects that are not geometry or have no property geometry.\n     */\n    #filterGeoobjects(geoObjects: DisplayTarget[]): Geometry[] {\n        const geometries: Geometry[] = [];\n        geoObjects.forEach((item) => {\n            if (\"getType\" in item) geometries.push(item);\n            if (\"geometry\" in item && item.geometry) geometries.push(item.geometry);\n        });\n        return geometries;\n    }\n\n    /**\n     * This method displays geometries or BaseFeatures with optional styling in the map\n     */\n    addHighlight(displayTarget: DisplayTarget[], highlightOptions: HighlightOptions | undefined) {\n        const geometries = this.#filterGeoobjects(displayTarget);\n\n        if (geometries.length === 0) {\n            return {\n                get isActive() {\n                    return false;\n                },\n                destroy() {}\n            };\n        }\n\n        const features = geometries.map((geometry) => {\n            const type = geometry.getType();\n            const feature = new Feature({\n                type: type,\n                geometry: geometry\n            });\n            feature.setStyle(getOwnStyle(type, highlightOptions?.highlightStyle));\n            return feature;\n        });\n\n        const source = this.olSource;\n        const highlights = this.activeHighlights;\n        const highlight: Highlight = {\n            get isActive() {\n                return highlights.has(highlight);\n            },\n            destroy() {\n                if (!this.isActive) {\n                    return;\n                }\n\n                for (const feature of features) {\n                    source.removeFeature(feature);\n                }\n                highlights.delete(highlight);\n            }\n        };\n\n        source.addFeatures(features);\n        this.activeHighlights.add(highlight);\n        return highlight;\n    }\n\n    /**\n     * This method zoom to geometries or BaseFeatures\n     */\n    zoomToHighlight(displayTarget: DisplayTarget[], options: ZoomOptions | undefined) {\n        const geometries = this.#filterGeoobjects(displayTarget);\n\n        if (geometries.length === 0) {\n            return;\n        }\n\n        let extent = createEmpty();\n        for (const geometry of geometries) {\n            extent = extend(extent, geometry.getExtent());\n        }\n\n        const bufferParameter = options?.buffer;\n        if (typeof bufferParameter === \"number\") {\n            extent = calculateBufferedExtent(extent, bufferParameter);\n        }\n\n        const center = getCenter(extent);\n        const isPoint = getArea(extent) === 0;\n        const zoomScale = isPoint\n            ? (options?.pointZoom ?? DEFAULT_OL_POINT_ZOOM_LEVEL)\n            : (options?.maxZoom ?? DEFAULT_OL_MAX_ZOOM_LEVEL);\n        setCenter(this.olMap, center);\n\n        const {\n            top = 0,\n            right = 0,\n            bottom = 0,\n            left = 0\n        } = options?.viewPadding ?? DEFAULT_VIEW_PADDING;\n        const padding = [top, right, bottom, left];\n        zoomTo(this.olMap, extent, zoomScale, padding);\n    }\n\n    /**\n     * This method displays geometries or BaseFeatures with optional styling in the map and executed a zoom\n     */\n    addHighlightAndZoom(\n        displayTarget: DisplayTarget[],\n        highlightZoomStyle: HighlightZoomOptions | undefined\n    ) {\n        const result = this.addHighlight(displayTarget, highlightZoomStyle);\n        this.zoomToHighlight(displayTarget, highlightZoomStyle);\n        return result;\n    }\n\n    clearHighlight() {\n        for (const highlight of this.activeHighlights) {\n            highlight.destroy();\n        }\n    }\n}\n\nfunction setCenter(olMap: OlMap, coordinates: Coordinate | undefined) {\n    coordinates && coordinates.length && olMap.getView().setCenter(coordinates);\n}\n\nfunction zoomTo(\n    olMap: OlMap,\n    extent: Extent | undefined,\n    zoomLevel: number | undefined,\n    padding: number[]\n) {\n    if (extent) {\n        olMap.getView().fit(extent, { maxZoom: zoomLevel, padding: padding });\n    } else {\n        zoomLevel && olMap.getView().setZoom(zoomLevel);\n    }\n}\n\n/**\n * Returns the appropriate style from the user's highlightStyle or falls back to the default style\n */\nfunction resolveStyle(feature: FeatureLike, resolution: number) {\n    const type: keyof typeof defaultHighlightStyle = feature.get(\"type\");\n    const style = toStyleFunction(getDefaultStyle(type));\n    return style(feature, resolution);\n}\n\n/**\n * This method creates styling for a highlight based on the optional style information or the default style\n */\nfunction getOwnStyle(type: Type, highlightStyle: HighlightStyle | undefined) {\n    if (highlightStyle && type in highlightStyle) {\n        const supportedType = type as HighlightStyleType;\n        const ownStyle = highlightStyle[supportedType];\n        return ownStyle ? ownStyle : getDefaultStyle(type);\n    } else {\n        return getDefaultStyle(type);\n    }\n}\n\n/**\n * This returns default styling for a highlight\n */\nfunction getDefaultStyle(type: Type) {\n    if (type in defaultHighlightStyle) {\n        const supportedType = type as HighlightStyleType;\n        return defaultHighlightStyle[supportedType];\n    } else {\n        return defaultHighlightStyle.Polygon;\n    }\n}\n\n/**\n * Default styling for highlights\n */\nconst defaultHighlightStyle = {\n    \"Point\": new Style({\n        image: new Icon({\n            anchor: [0.5, 1],\n            src: mapMarkerUrl\n        })\n    }),\n    \"MultiPoint\": new Style({\n        image: new Icon({\n            anchor: [0.5, 1],\n            src: mapMarkerUrl\n        })\n    }),\n    \"LineString\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            })\n        })\n    ],\n    \"MultiLineString\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            })\n        })\n    ],\n    \"Polygon\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(224,255,255,0.35)\"\n            })\n        })\n    ],\n    \"MultiPolygon\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(224,255,255,0.35)\"\n            })\n        })\n    ]\n};\n"],"names":["toStyleFunction"],"mappings":";;;;;;;;;;;AA8BA,MAAM,2BAAA,GAA8B,EAAA;AACpC,MAAM,yBAAA,GAA4B,EAAA;AAClC,MAAM,oBAAA,GAAuB,EAAE,GAAA,EAAK,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,IAAA,EAAM,EAAA,EAAG;AAEjE,MAAM,UAAA,CAAW;AAAA,EACZ,GAAA;AAAA,EACA,KAAA;AAAA,EAEA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EAER,WAAA,CAAY,KAAe,SAAA,EAA8B;AACrD,IAAA,IAAA,CAAK,GAAA,GAAM,GAAA;AACX,IAAA,IAAA,CAAK,KAAA,GAAQ,KAAK,GAAA,CAAI,KAAA;AACtB,IAAA,IAAA,CAAK,QAAA,GAAW,IAAI,YAAA,CAAa;AAAA,MAC7B,QAAA,EAAU;AAAA,KACb,CAAA;AACD,IAAA,IAAA,CAAK,OAAA,GAAU,IAAI,WAAA,CAAY;AAAA,MAC3B,SAAA,EAAW,iBAAA;AAAA,MACX,QAAQ,IAAA,CAAK,QAAA;AAAA,MACb,KAAA,EAAO,SAAU,OAAA,EAAS,UAAA,EAAY;AAClC,QAAA,OAAO,YAAA,CAAa,SAAS,UAAU,CAAA;AAAA,MAC3C;AAAA,KACH,CAAA;AACD,IAAA,IAAA,CAAK,QAAQ,IAAI,WAAA;AAAA,MACb;AAAA,QACI,KAAA,EAAO,iBAAA;AAAA,QACP,QAAA,EAAU,IAAA;AAAA,QACV,SAAS,IAAA,CAAK;AAAA,OAClB;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACJ;AACA,IAAA,GAAA,CAAI,OAAO,QAAA,CAAS,IAAA,CAAK,OAAO,EAAE,EAAA,EAAI,WAAW,CAAA;AAEjD,IAAA,IAAA,CAAK,gBAAA,uBAAuB,GAAA,EAAI;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA,GAAW;AACP,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA,GAAU;AACN,IAAA,IAAA,CAAK,cAAA,EAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB,UAAA,EAAyC;AACvD,IAAA,MAAM,aAAyB,EAAC;AAChC,IAAA,UAAA,CAAW,OAAA,CAAQ,CAAC,IAAA,KAAS;AACzB,MAAA,IAAI,SAAA,IAAa,IAAA,EAAM,UAAA,CAAW,IAAA,CAAK,IAAI,CAAA;AAC3C,MAAA,IAAI,cAAc,IAAA,IAAQ,IAAA,CAAK,UAAU,UAAA,CAAW,IAAA,CAAK,KAAK,QAAQ,CAAA;AAAA,IAC1E,CAAC,CAAA;AACD,IAAA,OAAO,UAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,YAAA,CAAa,eAAgC,gBAAA,EAAgD;AACzF,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,iBAAA,CAAkB,aAAa,CAAA;AAEvD,IAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG;AACzB,MAAA,OAAO;AAAA,QACH,IAAI,QAAA,GAAW;AACX,UAAA,OAAO,KAAA;AAAA,QACX,CAAA;AAAA,QACA,OAAA,GAAU;AAAA,QAAC;AAAA,OACf;AAAA,IACJ;AAEA,IAAA,MAAM,QAAA,GAAW,UAAA,CAAW,GAAA,CAAI,CAAC,QAAA,KAAa;AAC1C,MAAA,MAAM,IAAA,GAAO,SAAS,OAAA,EAAQ;AAC9B,MAAA,MAAM,OAAA,GAAU,IAAI,OAAA,CAAQ;AAAA,QACxB,IAAA;AAAA,QACA;AAAA,OACH,CAAA;AACD,MAAA,OAAA,CAAQ,QAAA,CAAS,WAAA,CAAY,IAAA,EAAM,gBAAA,EAAkB,cAAc,CAAC,CAAA;AACpE,MAAA,OAAO,OAAA;AAAA,IACX,CAAC,CAAA;AAED,IAAA,MAAM,SAAS,IAAA,CAAK,QAAA;AACpB,IAAA,MAAM,aAAa,IAAA,CAAK,gBAAA;AACxB,IAAA,MAAM,SAAA,GAAuB;AAAA,MACzB,IAAI,QAAA,GAAW;AACX,QAAA,OAAO,UAAA,CAAW,IAAI,SAAS,CAAA;AAAA,MACnC,CAAA;AAAA,MACA,OAAA,GAAU;AACN,QAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAChB,UAAA;AAAA,QACJ;AAEA,QAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC5B,UAAA,MAAA,CAAO,cAAc,OAAO,CAAA;AAAA,QAChC;AACA,QAAA,UAAA,CAAW,OAAO,SAAS,CAAA;AAAA,MAC/B;AAAA,KACJ;AAEA,IAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AAC3B,IAAA,IAAA,CAAK,gBAAA,CAAiB,IAAI,SAAS,CAAA;AACnC,IAAA,OAAO,SAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,eAAA,CAAgB,eAAgC,OAAA,EAAkC;AAC9E,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,iBAAA,CAAkB,aAAa,CAAA;AAEvD,IAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG;AACzB,MAAA;AAAA,IACJ;AAEA,IAAA,IAAI,SAAS,WAAA,EAAY;AACzB,IAAA,KAAA,MAAW,YAAY,UAAA,EAAY;AAC/B,MAAA,MAAA,GAAS,MAAA,CAAO,MAAA,EAAQ,QAAA,CAAS,SAAA,EAAW,CAAA;AAAA,IAChD;AAEA,IAAA,MAAM,kBAAkB,OAAA,EAAS,MAAA;AACjC,IAAA,IAAI,OAAO,oBAAoB,QAAA,EAAU;AACrC,MAAA,MAAA,GAAS,uBAAA,CAAwB,QAAQ,eAAe,CAAA;AAAA,IAC5D;AAEA,IAAA,MAAM,MAAA,GAAS,UAAU,MAAM,CAAA;AAC/B,IAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,MAAM,CAAA,KAAM,CAAA;AACpC,IAAA,MAAM,YAAY,OAAA,GACX,OAAA,EAAS,SAAA,IAAa,2BAAA,GACtB,SAAS,OAAA,IAAW,yBAAA;AAC3B,IAAA,SAAA,CAAU,IAAA,CAAK,OAAO,MAAM,CAAA;AAE5B,IAAA,MAAM;AAAA,MACF,GAAA,GAAM,CAAA;AAAA,MACN,KAAA,GAAQ,CAAA;AAAA,MACR,MAAA,GAAS,CAAA;AAAA,MACT,IAAA,GAAO;AAAA,KACX,GAAI,SAAS,WAAA,IAAe,oBAAA;AAC5B,IAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAK,KAAA,EAAO,QAAQ,IAAI,CAAA;AACzC,IAAA,MAAA,CAAO,IAAA,CAAK,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAA;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAA,CACI,eACA,kBAAA,EACF;AACE,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,YAAA,CAAa,aAAA,EAAe,kBAAkB,CAAA;AAClE,IAAA,IAAA,CAAK,eAAA,CAAgB,eAAe,kBAAkB,CAAA;AACtD,IAAA,OAAO,MAAA;AAAA,EACX;AAAA,EAEA,cAAA,GAAiB;AACb,IAAA,KAAA,MAAW,SAAA,IAAa,KAAK,gBAAA,EAAkB;AAC3C,MAAA,SAAA,CAAU,OAAA,EAAQ;AAAA,IACtB;AAAA,EACJ;AACJ;AAEA,SAAS,SAAA,CAAU,OAAc,WAAA,EAAqC;AAClE,EAAA,WAAA,IAAe,YAAY,MAAA,IAAU,KAAA,CAAM,OAAA,EAAQ,CAAE,UAAU,WAAW,CAAA;AAC9E;AAEA,SAAS,MAAA,CACL,KAAA,EACA,MAAA,EACA,SAAA,EACA,OAAA,EACF;AACE,EAAA,IAAI,MAAA,EAAQ;AACR,IAAA,KAAA,CAAM,OAAA,GAAU,GAAA,CAAI,MAAA,EAAQ,EAAE,OAAA,EAAS,SAAA,EAAW,SAAkB,CAAA;AAAA,EACxE,CAAA,MAAO;AACH,IAAA,SAAA,IAAa,KAAA,CAAM,OAAA,EAAQ,CAAE,OAAA,CAAQ,SAAS,CAAA;AAAA,EAClD;AACJ;AAKA,SAAS,YAAA,CAAa,SAAsB,UAAA,EAAoB;AAC5D,EAAA,MAAM,IAAA,GAA2C,OAAA,CAAQ,GAAA,CAAI,MAAM,CAAA;AACnE,EAAA,MAAM,KAAA,GAAQA,UAAA,CAAgB,eAAA,CAAgB,IAAI,CAAC,CAAA;AACnD,EAAA,OAAO,KAAA,CAAM,SAAS,UAAU,CAAA;AACpC;AAKA,SAAS,WAAA,CAAY,MAAY,cAAA,EAA4C;AACzE,EAAA,IAAI,cAAA,IAAkB,QAAQ,cAAA,EAAgB;AAC1C,IAAA,MAAM,aAAA,GAAgB,IAAA;AACtB,IAAA,MAAM,QAAA,GAAW,eAAe,aAAa,CAAA;AAC7C,IAAA,OAAO,QAAA,GAAW,QAAA,GAAW,eAAA,CAAgB,IAAI,CAAA;AAAA,EACrD,CAAA,MAAO;AACH,IAAA,OAAO,gBAAgB,IAAI,CAAA;AAAA,EAC/B;AACJ;AAKA,SAAS,gBAAgB,IAAA,EAAY;AACjC,EAAA,IAAI,QAAQ,qBAAA,EAAuB;AAC/B,IAAA,MAAM,aAAA,GAAgB,IAAA;AACtB,IAAA,OAAO,sBAAsB,aAAa,CAAA;AAAA,EAC9C,CAAA,MAAO;AACH,IAAA,OAAO,qBAAA,CAAsB,OAAA;AAAA,EACjC;AACJ;AAKA,MAAM,qBAAA,GAAwB;AAAA,EAC1B,OAAA,EAAS,IAAI,KAAA,CAAM;AAAA,IACf,KAAA,EAAO,IAAI,IAAA,CAAK;AAAA,MACZ,MAAA,EAAQ,CAAC,GAAA,EAAK,CAAC,CAAA;AAAA,MACf,GAAA,EAAK;AAAA,KACR;AAAA,GACJ,CAAA;AAAA,EACD,YAAA,EAAc,IAAI,KAAA,CAAM;AAAA,IACpB,KAAA,EAAO,IAAI,IAAA,CAAK;AAAA,MACZ,MAAA,EAAQ,CAAC,GAAA,EAAK,CAAC,CAAA;AAAA,MACf,GAAA,EAAK;AAAA,KACR;AAAA,GACJ,CAAA;AAAA,EACD,YAAA,EAAc;AAAA,IACV,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,iBAAA,EAAmB;AAAA,IACf,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,SAAA,EAAW;AAAA,IACP,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV,CAAA;AAAA,MACD,IAAA,EAAM,IAAI,IAAA,CAAK;AAAA,QACX,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,cAAA,EAAgB;AAAA,IACZ,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV,CAAA;AAAA,MACD,IAAA,EAAM,IAAI,IAAA,CAAK;AAAA,QACX,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA;AAET,CAAA;;;;"}
+{"version":3,"file":"Highlights.js","sources":["Highlights.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Resource } from \"@open-pioneer/core\";\nimport { Feature } from \"ol\";\nimport { FeatureLike } from \"ol/Feature\";\nimport { Geometry } from \"ol/geom\";\nimport { Type } from \"ol/geom/Geometry\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\nimport { Fill, Icon, Stroke, Style } from \"ol/style\";\nimport { StyleLike, toFunction as toStyleFunction } from \"ol/style/Style\";\nimport mapMarkerUrl from \"../assets/images/mapMarker.png?url\";\nimport { SimpleLayer } from \"../layers/SimpleLayer\";\nimport { LayerDependencies } from \"../layers/shared/internals\";\nimport { INTERNAL_CONSTRUCTOR_TAG } from \"../utils/InternalConstructorTag\";\nimport { DisplayTarget, MapModel, ZoomOptions } from \"./MapModel\";\nimport { getGeometries } from \"./getGeometries\";\n\nexport const DESTROY_HIGHLIGHTS = Symbol(\"DESTROY_HIGHLIGHTS\");\nexport const GET_HIGHLIGHT_LAYER = Symbol(\"GET_HIGHLIGHT_LAYER\");\n\n/**\n * Style options supported when creating a new {@link Highlight}.\n *\n * @group Map Model\n **/\nexport interface HighlightOptions {\n    /**\n     * Optional styles to override the default styles.\n     */\n    highlightStyle?: HighlightStyle;\n}\n\n/**\n * Options supported by the map model's {@link MapModel.highlightAndZoom | highlightAndZoom} method.\n *\n * @group Map Model\n **/\nexport interface HighlightZoomOptions extends HighlightOptions, ZoomOptions {}\n\n/**\n * Custom styles when creating a new {@link Highlight}.\n *\n * @group Map Model\n */\nexport type HighlightStyle = {\n    Point?: StyleLike;\n    LineString?: StyleLike;\n    Polygon?: StyleLike;\n    MultiPolygon?: StyleLike;\n    MultiPoint?: StyleLike;\n    MultiLineString?: StyleLike;\n};\n\n/**\n * Represents the additional graphical representations of objects.\n *\n * See also {@link MapModel.highlight}.\n *\n * @group Map Model\n */\nexport interface Highlight extends Resource {\n    readonly isActive: boolean;\n}\n\ntype HighlightStyleType = keyof HighlightStyle;\n\n/**\n * Manages highlights on the map.\n *\n * @group Map Model\n */\nexport class Highlights {\n    private map: MapModel;\n\n    private olLayer: VectorLayer<VectorSource, Feature>;\n    private layer: SimpleLayer;\n    private olSource: VectorSource<Feature<Geometry>>;\n    private activeHighlights: Set<Highlight>;\n\n    constructor(map: MapModel, layerDeps: LayerDependencies) {\n        this.map = map;\n        this.olSource = new VectorSource({\n            features: undefined\n        });\n        this.olLayer = new VectorLayer({\n            className: \"highlight-layer\",\n            source: this.olSource,\n            style: function (feature, resolution) {\n                return resolveStyle(feature, resolution);\n            }\n        });\n        this.layer = new SimpleLayer(\n            {\n                title: \"highlight-layer\",\n                internal: true,\n                olLayer: this.olLayer\n            },\n            layerDeps,\n            INTERNAL_CONSTRUCTOR_TAG\n        );\n        map.layers.addLayer(this.layer, { at: \"topmost\" });\n\n        this.activeHighlights = new Set();\n    }\n\n    [DESTROY_HIGHLIGHTS]() {\n        this.clear();\n    }\n\n    /**\n     * Creates a highlight at the given targets.\n     *\n     * A highlight is a temporary graphic on the map that calls attention to a point or an area.\n     *\n     * Call `destroy()` on the returned highlight object to remove the highlight.\n     */\n    add(displayTargets: DisplayTarget[], options?: HighlightOptions | undefined): Highlight {\n        const geometries = getGeometries(displayTargets);\n        if (geometries.length === 0) {\n            return {\n                get isActive() {\n                    return false;\n                },\n                destroy() {}\n            };\n        }\n\n        const features = geometries.map((geometry) => {\n            const type = geometry.getType();\n            const feature = new Feature({\n                type: type,\n                geometry: geometry\n            });\n            feature.setStyle(getOwnStyle(type, options?.highlightStyle));\n            return feature;\n        });\n\n        const source = this.olSource;\n        const highlights = this.activeHighlights;\n        const highlight: Highlight = {\n            get isActive() {\n                return highlights.has(highlight);\n            },\n            destroy() {\n                if (!this.isActive) {\n                    return;\n                }\n\n                for (const feature of features) {\n                    source.removeFeature(feature);\n                }\n                highlights.delete(highlight);\n            }\n        };\n\n        source.addFeatures(features);\n        this.activeHighlights.add(highlight);\n        return highlight;\n    }\n\n    /**\n     * Creates a highlight and zooms to the given targets.\n     *\n     * See also {@link add} and {@link MapModel.zoom}.\n     */\n    addAndZoom(\n        displayTarget: DisplayTarget[],\n        options?: HighlightZoomOptions | undefined\n    ): Highlight {\n        const result = this.add(displayTarget, options);\n        this.map.zoom(displayTarget, options);\n        return result;\n    }\n\n    /**\n     * This method destroys all active Highlights.\n     */\n    clear() {\n        for (const highlight of this.activeHighlights) {\n            highlight.destroy();\n        }\n    }\n\n    /**\n     * Returns the layer used for highlights.\n     */\n    [GET_HIGHLIGHT_LAYER]() {\n        return this.olLayer;\n    }\n}\n\n/**\n * Returns the appropriate style from the user's highlightStyle or falls back to the default style\n */\nfunction resolveStyle(feature: FeatureLike, resolution: number) {\n    const type: keyof typeof defaultHighlightStyle = feature.get(\"type\");\n    const style = toStyleFunction(getDefaultStyle(type));\n    return style(feature, resolution);\n}\n\n/**\n * This method creates styling for a highlight based on the optional style information or the default style\n */\nfunction getOwnStyle(type: Type, highlightStyle: HighlightStyle | undefined) {\n    if (highlightStyle && type in highlightStyle) {\n        const supportedType = type as HighlightStyleType;\n        const ownStyle = highlightStyle[supportedType];\n        return ownStyle ? ownStyle : getDefaultStyle(type);\n    } else {\n        return getDefaultStyle(type);\n    }\n}\n\n/**\n * This returns default styling for a highlight\n */\nfunction getDefaultStyle(type: Type) {\n    if (type in defaultHighlightStyle) {\n        const supportedType = type as HighlightStyleType;\n        return defaultHighlightStyle[supportedType];\n    } else {\n        return defaultHighlightStyle.Polygon;\n    }\n}\n\n/**\n * Default styling for highlights\n */\nconst defaultHighlightStyle = {\n    \"Point\": new Style({\n        image: new Icon({\n            anchor: [0.5, 1],\n            src: mapMarkerUrl\n        })\n    }),\n    \"MultiPoint\": new Style({\n        image: new Icon({\n            anchor: [0.5, 1],\n            src: mapMarkerUrl\n        })\n    }),\n    \"LineString\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            })\n        })\n    ],\n    \"MultiLineString\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            })\n        })\n    ],\n    \"Polygon\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(224,255,255,0.35)\"\n            })\n        })\n    ],\n    \"MultiPolygon\": [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#00ffff\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(224,255,255,0.35)\"\n            })\n        })\n    ]\n};\n"],"names":["toStyleFunction"],"mappings":";;;;;;;;;;AAkBO,MAAM,kBAAA,0BAA4B,oBAAoB;AACtD,MAAM,mBAAA,0BAA6B,qBAAqB,CAAA;AAqDxD,MAAM,UAAA,CAAW;AAAA,EACZ,GAAA;AAAA,EAEA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EAER,WAAA,CAAY,KAAe,SAAA,EAA8B;AACrD,IAAA,IAAA,CAAK,GAAA,GAAM,GAAA;AACX,IAAA,IAAA,CAAK,QAAA,GAAW,IAAI,YAAA,CAAa;AAAA,MAC7B,QAAA,EAAU;AAAA,KACb,CAAA;AACD,IAAA,IAAA,CAAK,OAAA,GAAU,IAAI,WAAA,CAAY;AAAA,MAC3B,SAAA,EAAW,iBAAA;AAAA,MACX,QAAQ,IAAA,CAAK,QAAA;AAAA,MACb,KAAA,EAAO,SAAU,OAAA,EAAS,UAAA,EAAY;AAClC,QAAA,OAAO,YAAA,CAAa,SAAS,UAAU,CAAA;AAAA,MAC3C;AAAA,KACH,CAAA;AACD,IAAA,IAAA,CAAK,QAAQ,IAAI,WAAA;AAAA,MACb;AAAA,QACI,KAAA,EAAO,iBAAA;AAAA,QACP,QAAA,EAAU,IAAA;AAAA,QACV,SAAS,IAAA,CAAK;AAAA,OAClB;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACJ;AACA,IAAA,GAAA,CAAI,OAAO,QAAA,CAAS,IAAA,CAAK,OAAO,EAAE,EAAA,EAAI,WAAW,CAAA;AAEjD,IAAA,IAAA,CAAK,gBAAA,uBAAuB,GAAA,EAAI;AAAA,EACpC;AAAA,EAEA,CAAC,kBAAkB,CAAA,GAAI;AACnB,IAAA,IAAA,CAAK,KAAA,EAAM;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,GAAA,CAAI,gBAAiC,OAAA,EAAmD;AACpF,IAAA,MAAM,UAAA,GAAa,cAAc,cAAc,CAAA;AAC/C,IAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG;AACzB,MAAA,OAAO;AAAA,QACH,IAAI,QAAA,GAAW;AACX,UAAA,OAAO,KAAA;AAAA,QACX,CAAA;AAAA,QACA,OAAA,GAAU;AAAA,QAAC;AAAA,OACf;AAAA,IACJ;AAEA,IAAA,MAAM,QAAA,GAAW,UAAA,CAAW,GAAA,CAAI,CAAC,QAAA,KAAa;AAC1C,MAAA,MAAM,IAAA,GAAO,SAAS,OAAA,EAAQ;AAC9B,MAAA,MAAM,OAAA,GAAU,IAAI,OAAA,CAAQ;AAAA,QACxB,IAAA;AAAA,QACA;AAAA,OACH,CAAA;AACD,MAAA,OAAA,CAAQ,QAAA,CAAS,WAAA,CAAY,IAAA,EAAM,OAAA,EAAS,cAAc,CAAC,CAAA;AAC3D,MAAA,OAAO,OAAA;AAAA,IACX,CAAC,CAAA;AAED,IAAA,MAAM,SAAS,IAAA,CAAK,QAAA;AACpB,IAAA,MAAM,aAAa,IAAA,CAAK,gBAAA;AACxB,IAAA,MAAM,SAAA,GAAuB;AAAA,MACzB,IAAI,QAAA,GAAW;AACX,QAAA,OAAO,UAAA,CAAW,IAAI,SAAS,CAAA;AAAA,MACnC,CAAA;AAAA,MACA,OAAA,GAAU;AACN,QAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAChB,UAAA;AAAA,QACJ;AAEA,QAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC5B,UAAA,MAAA,CAAO,cAAc,OAAO,CAAA;AAAA,QAChC;AACA,QAAA,UAAA,CAAW,OAAO,SAAS,CAAA;AAAA,MAC/B;AAAA,KACJ;AAEA,IAAA,MAAA,CAAO,YAAY,QAAQ,CAAA;AAC3B,IAAA,IAAA,CAAK,gBAAA,CAAiB,IAAI,SAAS,CAAA;AACnC,IAAA,OAAO,SAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAA,CACI,eACA,OAAA,EACS;AACT,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,OAAO,CAAA;AAC9C,IAAA,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,aAAA,EAAe,OAAO,CAAA;AACpC,IAAA,OAAO,MAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA,GAAQ;AACJ,IAAA,KAAA,MAAW,SAAA,IAAa,KAAK,gBAAA,EAAkB;AAC3C,MAAA,SAAA,CAAU,OAAA,EAAQ;AAAA,IACtB;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,CAAC,mBAAmB,CAAA,GAAI;AACpB,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAChB;AACJ;AAKA,SAAS,YAAA,CAAa,SAAsB,UAAA,EAAoB;AAC5D,EAAA,MAAM,IAAA,GAA2C,OAAA,CAAQ,GAAA,CAAI,MAAM,CAAA;AACnE,EAAA,MAAM,KAAA,GAAQA,UAAA,CAAgB,eAAA,CAAgB,IAAI,CAAC,CAAA;AACnD,EAAA,OAAO,KAAA,CAAM,SAAS,UAAU,CAAA;AACpC;AAKA,SAAS,WAAA,CAAY,MAAY,cAAA,EAA4C;AACzE,EAAA,IAAI,cAAA,IAAkB,QAAQ,cAAA,EAAgB;AAC1C,IAAA,MAAM,aAAA,GAAgB,IAAA;AACtB,IAAA,MAAM,QAAA,GAAW,eAAe,aAAa,CAAA;AAC7C,IAAA,OAAO,QAAA,GAAW,QAAA,GAAW,eAAA,CAAgB,IAAI,CAAA;AAAA,EACrD,CAAA,MAAO;AACH,IAAA,OAAO,gBAAgB,IAAI,CAAA;AAAA,EAC/B;AACJ;AAKA,SAAS,gBAAgB,IAAA,EAAY;AACjC,EAAA,IAAI,QAAQ,qBAAA,EAAuB;AAC/B,IAAA,MAAM,aAAA,GAAgB,IAAA;AACtB,IAAA,OAAO,sBAAsB,aAAa,CAAA;AAAA,EAC9C,CAAA,MAAO;AACH,IAAA,OAAO,qBAAA,CAAsB,OAAA;AAAA,EACjC;AACJ;AAKA,MAAM,qBAAA,GAAwB;AAAA,EAC1B,OAAA,EAAS,IAAI,KAAA,CAAM;AAAA,IACf,KAAA,EAAO,IAAI,IAAA,CAAK;AAAA,MACZ,MAAA,EAAQ,CAAC,GAAA,EAAK,CAAC,CAAA;AAAA,MACf,GAAA,EAAK;AAAA,KACR;AAAA,GACJ,CAAA;AAAA,EACD,YAAA,EAAc,IAAI,KAAA,CAAM;AAAA,IACpB,KAAA,EAAO,IAAI,IAAA,CAAK;AAAA,MACZ,MAAA,EAAQ,CAAC,GAAA,EAAK,CAAC,CAAA;AAAA,MACf,GAAA,EAAK;AAAA,KACR;AAAA,GACJ,CAAA;AAAA,EACD,YAAA,EAAc;AAAA,IACV,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,iBAAA,EAAmB;AAAA,IACf,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,SAAA,EAAW;AAAA,IACP,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV,CAAA;AAAA,MACD,IAAA,EAAM,IAAI,IAAA,CAAK;AAAA,QACX,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA,GACL;AAAA,EACA,cAAA,EAAgB;AAAA,IACZ,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV;AAAA,KACJ,CAAA;AAAA,IACD,IAAI,KAAA,CAAM;AAAA,MACN,MAAA,EAAQ,IAAI,MAAA,CAAO;AAAA,QACf,KAAA,EAAO,SAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACV,CAAA;AAAA,MACD,IAAA,EAAM,IAAI,IAAA,CAAK;AAAA,QACX,KAAA,EAAO;AAAA,OACV;AAAA,KACJ;AAAA;AAET,CAAA;;;;"}

package/model/LayerCollection.js

@@ -1,6 +1,6 @@
 import { reactiveSet, reactiveMap, reactive, reactiveArray, effect, batch } from '@conterra/reactivity-core';
 import { createLogger } from '@open-pioneer/core';
-import { sourceId$6 as sourceId } from '../_virtual/source-info.js';
+import { sourceId$1 as sourceId } from '../_virtual/source-info.js';
 import { AbstractLayer } from '../layers/AbstractLayer.js';
 import { getRecursiveLayers } from '../layers/shared/getRecursiveLayers.js';
 import { ATTACH_TO_MAP, DETACH_FROM_MAP, SET_VISIBLE, GET_RAW_LAYERS, GET_RAW_SUBLAYERS } from '../layers/shared/internals.js';