@open-pioneer/measurement 1.4.0-dev.20260625074633 → 1.4.0

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # @open-pioneer/measurement
 
-## 1.4.0-dev.20260625074633
+## 1.4.0
 
 ### Minor Changes
 
-- c30396d: Update Chakra to 3.36.0
+- c30396d: Update Chakra to 3.36.1
+- d862003: Update to trails core-packages 4.7.0
+
+### Patch Changes
+
+- 078bef5: Use private JavaScript properties (#) instead of TypeScript keyword.
+- c16a401: Migrated from eslint to oxlint and from prettier to oxfmt.
 
 ## 1.3.0
 
@@ -128,6 +134,7 @@
 
 - b152428: Update trails dependencies
 - 23b48ad: Add two new optional properties:
+
     - `predefinedMeasurements`: an array of measurements that will be added to the map (without user interaction)
     - `onMeasurementsChange`: an event listener that will be called when measurements are added or removed
 

package/Measurement.js.map

@@ -1 +1 @@
-{"version":3,"file":"Measurement.js","sources":["Measurement.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, Button, Field, HStack, Text } from \"@chakra-ui/react\";\nimport { NativeSelectField, NativeSelectRoot } from \"@open-pioneer/chakra-snippets/native-select\";\nimport { LayerFactory, MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport LineString from \"ol/geom/LineString\";\nimport Polygon from \"ol/geom/Polygon\";\nimport { Circle as CircleStyle, Fill, Stroke, Style } from \"ol/style\";\nimport { StyleLike } from \"ol/style/Style\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useEffect, useState } from \"react\";\nimport { MeasurementController, MeasurementType } from \"./MeasurementController\";\n\n/** Emitted when a new measurement is being added to the map. */\nexport interface MeasurementsAddEvent {\n    kind: \"add-measurement\";\n    geometry: MeasurementGeometry;\n}\n\n/** Emitted when a measurement is being removed from the map. */\nexport interface MeasurementsRemoveEvent {\n    kind: \"remove-measurement\";\n    geometry: MeasurementGeometry;\n}\n\n/**\n * A change event emitted by {@link Measurement} when measurements change.\n *\n * NOTE: Non-exhaustive. More event types may be added in a future version.\n **/\nexport type MeasurementsChangeEvent = MeasurementsAddEvent | MeasurementsRemoveEvent;\n\n/**\n * Represents the geometry of a measurement.\n */\nexport type MeasurementGeometry = LineString | Polygon;\n\n/**\n * This is for special properties of the Measurement.\n */\nexport interface MeasurementProps extends CommonComponentProps, MapModelProps {\n    /**\n     * The style for the active drawing feature's geometry.\n     */\n    activeFeatureStyle?: StyleLike;\n\n    /**\n     * The style for the finished drawn feature's geometry.\n     */\n    finishedFeatureStyle?: StyleLike;\n\n    /**\n     * List of measurements to be rendered when the component is initialized.\n     */\n    predefinedMeasurements?: MeasurementGeometry[];\n\n    /**\n     * Event handler that is called whenever a measurement is added or removed.\n     */\n    onMeasurementsChange?: (event: MeasurementsChangeEvent) => void;\n}\n\n/**\n * The `Measurement` component can be used in an app to measure geometries (areas or lines) on the map.\n */\nexport const Measurement: FC<MeasurementProps> = (props) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"measurement\", props);\n    const [selectedMeasurement, setMeasurement] = useState<MeasurementType>(\"distance\");\n    const label = (id: string) => intl.formatMessage({ id: id });\n    const map = useMapModelValue(props);\n    const controller = useController(map, props, intl);\n\n    // Start / Stop measurement on selection change\n    useEffect(() => {\n        if (!controller) {\n            return;\n        }\n\n        controller.startMeasurement(selectedMeasurement);\n        return () => {\n            controller.stopMeasurement();\n        };\n    }, [controller, selectedMeasurement]);\n\n    function changeMeasurement(measurementType: string) {\n        if (measurementType === \"distance\" || measurementType === \"area\") {\n            setMeasurement(measurementType);\n        } else {\n            throw new Error(`Unexpected measurement type: '${measurementType}'.`);\n        }\n    }\n\n    function removeMeasurements() {\n        controller?.clearMeasurements();\n    }\n\n    return (\n        <Box {...containerProps}>\n            <Text mb={3}>{intl.formatMessage({ id: \"measurementInfoText\" })}</Text>\n            <Field.Root mb={4} asChild>\n                <HStack mb={2} alignItems=\"center\">\n                    <Field.Label mb={1}>{label(\"measurementLabel\")}</Field.Label>\n                    <NativeSelectRoot>\n                        <NativeSelectField\n                            value={selectedMeasurement}\n                            onChange={(e) => changeMeasurement(e.target.value)}\n                            className=\"measurement-select\"\n                        >\n                            <option value={\"distance\"}>{label(\"distance\")}</option>\n                            <option value={\"area\"}>{label(\"area\")}</option>\n                        </NativeSelectField>\n                    </NativeSelectRoot>\n                </HStack>\n            </Field.Root>\n            <Button\n                padding={2}\n                className=\"measurement-delete-button\"\n                onClick={removeMeasurements}\n                width=\"100%\"\n            >\n                {label(\"deleteMeasurementLabel\")}\n            </Button>\n        </Box>\n    );\n};\n\n/** Creates a MeasurementController instance for the given map. */\nfunction useController(map: MapModel, props: MeasurementProps, intl: PackageIntl) {\n    const {\n        activeFeatureStyle,\n        finishedFeatureStyle,\n        onMeasurementsChange,\n        predefinedMeasurements\n    } = props;\n    const [controller, setController] = useState<MeasurementController | undefined>(undefined);\n    const layerFactory = useService<LayerFactory>(\"map.LayerFactory\");\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n        const controller = new MeasurementController(map, layerFactory, {\n            getContinueMessage() {\n                return intl.formatMessage({ id: \"tooltips.continue\" });\n            },\n            getHelpMessage() {\n                return intl.formatMessage({ id: \"tooltips.help\" });\n            },\n            formatNumber(value) {\n                return intl.formatNumber(value, {\n                    maximumFractionDigits: 2\n                });\n            }\n        });\n\n        setController(controller);\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, intl, layerFactory]);\n\n    // Synchronize styles with controller\n    useEffect(() => {\n        controller?.setActiveFeatureStyle(activeFeatureStyle ?? getDefaultActiveFeatureStyle());\n    }, [controller, activeFeatureStyle]);\n    useEffect(() => {\n        controller?.setFinishedFeatureStyle(\n            finishedFeatureStyle ?? getDefaultFinishedFeatureStyle()\n        );\n    }, [controller, finishedFeatureStyle]);\n    useEffect(() => {\n        controller?.setMeasurementSourceChangedHandler(onMeasurementsChange);\n    }, [controller, onMeasurementsChange]);\n\n    useEffect(() => {\n        controller?.setPredefinedMeasurements(predefinedMeasurements ?? []);\n    }, [controller, predefinedMeasurements]);\n    return controller;\n}\n\nfunction getDefaultActiveFeatureStyle() {\n    return [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                lineDash: [10, 10],\n                width: 5\n            })\n        }),\n        new Style({\n            fill: new Fill({\n                color: \"rgba(0,0,0,0.15)\"\n            }),\n            stroke: new Stroke({\n                color: \"rgba(0, 0, 0, 0.7)\",\n                lineDash: [10, 10],\n                width: 3\n            }),\n            image: new CircleStyle({\n                radius: 5,\n                stroke: new Stroke({\n                    color: \"rgba(0, 0, 0, 0.7)\",\n                    width: 2\n                }),\n                fill: new Fill({\n                    color: \"rgba(255, 255, 255, 0.2)\"\n                })\n            })\n        })\n    ];\n}\n\nfunction getDefaultFinishedFeatureStyle() {\n    return [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#0b96fc\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(11,150,252,0.15)\"\n            })\n        })\n    ];\n}\n"],"names":["controller","CircleStyle"],"mappings":"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"}
+{"version":3,"file":"Measurement.js","sources":["Measurement.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Box, Button, Field, HStack, Text } from \"@chakra-ui/react\";\nimport { NativeSelectField, NativeSelectRoot } from \"@open-pioneer/chakra-snippets/native-select\";\nimport { LayerFactory, MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport LineString from \"ol/geom/LineString\";\nimport Polygon from \"ol/geom/Polygon\";\nimport { Circle as CircleStyle, Fill, Stroke, Style } from \"ol/style\";\nimport { StyleLike } from \"ol/style/Style\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useEffect, useState } from \"react\";\nimport { MeasurementController, MeasurementType } from \"./MeasurementController\";\n\n/** Emitted when a new measurement is being added to the map. */\nexport interface MeasurementsAddEvent {\n    kind: \"add-measurement\";\n    geometry: MeasurementGeometry;\n}\n\n/** Emitted when a measurement is being removed from the map. */\nexport interface MeasurementsRemoveEvent {\n    kind: \"remove-measurement\";\n    geometry: MeasurementGeometry;\n}\n\n/**\n * A change event emitted by {@link Measurement} when measurements change.\n *\n * NOTE: Non-exhaustive. More event types may be added in a future version.\n **/\nexport type MeasurementsChangeEvent = MeasurementsAddEvent | MeasurementsRemoveEvent;\n\n/**\n * Represents the geometry of a measurement.\n */\nexport type MeasurementGeometry = LineString | Polygon;\n\n/**\n * This is for special properties of the Measurement.\n */\nexport interface MeasurementProps extends CommonComponentProps, MapModelProps {\n    /**\n     * The style for the active drawing feature's geometry.\n     */\n    activeFeatureStyle?: StyleLike;\n\n    /**\n     * The style for the finished drawn feature's geometry.\n     */\n    finishedFeatureStyle?: StyleLike;\n\n    /**\n     * List of measurements to be rendered when the component is initialized.\n     */\n    predefinedMeasurements?: MeasurementGeometry[];\n\n    /**\n     * Event handler that is called whenever a measurement is added or removed.\n     */\n    onMeasurementsChange?: (event: MeasurementsChangeEvent) => void;\n}\n\n/**\n * The `Measurement` component can be used in an app to measure geometries (areas or lines) on the map.\n */\nexport const Measurement: FC<MeasurementProps> = (props) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"measurement\", props);\n    const [selectedMeasurement, setMeasurement] = useState<MeasurementType>(\"distance\");\n    const label = (id: string) => intl.formatMessage({ id: id });\n    const map = useMapModelValue(props);\n    const controller = useController(map, props, intl);\n\n    // Start / Stop measurement on selection change\n    useEffect(() => {\n        if (!controller) {\n            return;\n        }\n\n        controller.startMeasurement(selectedMeasurement);\n        return () => {\n            controller.stopMeasurement();\n        };\n    }, [controller, selectedMeasurement]);\n\n    function changeMeasurement(measurementType: string) {\n        if (measurementType === \"distance\" || measurementType === \"area\") {\n            setMeasurement(measurementType);\n        } else {\n            throw new Error(`Unexpected measurement type: '${measurementType}'.`);\n        }\n    }\n\n    function removeMeasurements() {\n        controller?.clearMeasurements();\n    }\n\n    return (\n        <Box {...containerProps}>\n            <Text mb={3}>{intl.formatMessage({ id: \"measurementInfoText\" })}</Text>\n            <Field.Root mb={4} asChild>\n                <HStack mb={2} alignItems=\"center\">\n                    <Field.Label mb={1}>{label(\"measurementLabel\")}</Field.Label>\n                    <NativeSelectRoot>\n                        <NativeSelectField\n                            value={selectedMeasurement}\n                            onChange={(e) => changeMeasurement(e.target.value)}\n                            className=\"measurement-select\"\n                        >\n                            <option value={\"distance\"}>{label(\"distance\")}</option>\n                            <option value={\"area\"}>{label(\"area\")}</option>\n                        </NativeSelectField>\n                    </NativeSelectRoot>\n                </HStack>\n            </Field.Root>\n            <Button\n                padding={2}\n                className=\"measurement-delete-button\"\n                onClick={removeMeasurements}\n                width=\"100%\"\n            >\n                {label(\"deleteMeasurementLabel\")}\n            </Button>\n        </Box>\n    );\n};\n\n/** Creates a MeasurementController instance for the given map. */\nfunction useController(map: MapModel, props: MeasurementProps, intl: PackageIntl) {\n    const {\n        activeFeatureStyle,\n        finishedFeatureStyle,\n        onMeasurementsChange,\n        predefinedMeasurements\n    } = props;\n    const [controller, setController] = useState<MeasurementController | undefined>(undefined);\n    const layerFactory = useService<LayerFactory>(\"map.LayerFactory\");\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n        const controller = new MeasurementController(map, layerFactory, {\n            getContinueMessage() {\n                return intl.formatMessage({ id: \"tooltips.continue\" });\n            },\n            getHelpMessage() {\n                return intl.formatMessage({ id: \"tooltips.help\" });\n            },\n            formatNumber(value) {\n                return intl.formatNumber(value, {\n                    maximumFractionDigits: 2\n                });\n            }\n        });\n\n        setController(controller);\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, intl, layerFactory]);\n\n    // Synchronize styles with controller\n    useEffect(() => {\n        controller?.setActiveFeatureStyle(activeFeatureStyle ?? getDefaultActiveFeatureStyle());\n    }, [controller, activeFeatureStyle]);\n    useEffect(() => {\n        controller?.setFinishedFeatureStyle(\n            finishedFeatureStyle ?? getDefaultFinishedFeatureStyle()\n        );\n    }, [controller, finishedFeatureStyle]);\n    useEffect(() => {\n        controller?.setMeasurementSourceChangedHandler(onMeasurementsChange);\n    }, [controller, onMeasurementsChange]);\n\n    useEffect(() => {\n        controller?.setPredefinedMeasurements(predefinedMeasurements ?? []);\n    }, [controller, predefinedMeasurements]);\n    return controller;\n}\n\nfunction getDefaultActiveFeatureStyle() {\n    return [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                lineDash: [10, 10],\n                width: 5\n            })\n        }),\n        new Style({\n            fill: new Fill({\n                color: \"rgba(0,0,0,0.15)\"\n            }),\n            stroke: new Stroke({\n                color: \"rgba(0, 0, 0, 0.7)\",\n                lineDash: [10, 10],\n                width: 3\n            }),\n            image: new CircleStyle({\n                radius: 5,\n                stroke: new Stroke({\n                    color: \"rgba(0, 0, 0, 0.7)\",\n                    width: 2\n                }),\n                fill: new Fill({\n                    color: \"rgba(255, 255, 255, 0.2)\"\n                })\n            })\n        })\n    ];\n}\n\nfunction getDefaultFinishedFeatureStyle() {\n    return [\n        new Style({\n            stroke: new Stroke({\n                color: \"#fff\",\n                width: 5\n            })\n        }),\n        new Style({\n            stroke: new Stroke({\n                color: \"#0b96fc\",\n                width: 3\n            }),\n            fill: new Fill({\n                color: \"rgba(11,150,252,0.15)\"\n            })\n        })\n    ];\n}\n"],"names":["controller","CircleStyle"],"mappings":"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"}

package/MeasurementController.d.ts

@@ -1,6 +1,6 @@
 import { LayerFactory, MapModel } from "@open-pioneer/map";
-import OlMap from "ol/Map";
 import { Vector as VectorLayer } from "ol/layer";
+import OlMap from "ol/Map";
 import { StyleLike } from "ol/style/Style";
 import { type MeasurementGeometry, type MeasurementProps } from "./Measurement";
 type MeasurementsChangeHandler = NonNullable<MeasurementProps["onMeasurementsChange"]>;
@@ -11,49 +11,10 @@ export interface Messages {
     formatNumber(value: number): string;
 }
 export declare class MeasurementController {
+    #private;
     readonly map: MapModel;
     readonly olMap: OlMap;
     readonly messages: Messages;
-    private activeFeatureStyle;
-    /**
-     * The layer rendering the measurement "features".
-     */
-    private layer;
-    /**
-     * Source of {@link layer}.
-     */
-    private source;
-    /**
-     * Stores the current `Draw` interaction.
-     */
-    private draw;
-    /**
-     * The active measurement manipulated by the `draw` interaction.
-     */
-    private activeMeasurement;
-    /**
-     * Map that is used to track all predefined measurements currently added to the source.
-     * It associates the measurement geometry (key) with the corresponding measurement instance.
-     *
-     * The measurement instances here must also be contained in `finishedMeasurements`.
-     */
-    private predefinedMeasurements;
-    /**
-     * Measurement instances that were finished.
-     */
-    private finishedMeasurements;
-    /**
-     * Overlay for help tooltip.
-     */
-    private helpTooltip;
-    /**
-     * Keeps track of registered event handlers.
-     */
-    private resources;
-    /**
-     * Called when a measurement is added to or removed from the source.
-     */
-    private measurementChangedHandler;
     constructor(map: MapModel, layerFactory: LayerFactory, messages: Messages);
     destroy(): void;
     /** Returns the vector layer used for finished features. */
@@ -70,8 +31,5 @@ export declare class MeasurementController {
     startMeasurement(type: MeasurementType): void;
     /** Stops the current measuring started by `startMeasurement`. */
     stopMeasurement(): void;
-    private updateTooltip;
-    private updatePredefinedMeasurements;
-    private raiseMeasurementsChangeEvent;
 }
 export {};

package/MeasurementController.js

@@ -1,10 +1,10 @@
 import { destroyResource } from '@open-pioneer/core';
 import { SimpleLayer } from '@open-pioneer/map';
 import Feature from 'ol/Feature.js';
-import { unByKey } from 'ol/Observable.js';
 import { Polygon, LineString } from 'ol/geom.js';
 import Draw from 'ol/interaction/Draw.js';
 import { Vector as Vector$1 } from 'ol/layer.js';
+import { unByKey } from 'ol/Observable.js';
 import { Vector } from 'ol/source.js';
 import { getArea, getLength } from 'ol/sphere.js';
 import { toFunction } from 'ol/style/Style.js';
@@ -15,52 +15,52 @@ class MeasurementController {
   map;
   olMap;
   messages;
-  activeFeatureStyle;
+  #activeFeatureStyle;
   /**
    * The layer rendering the measurement "features".
    */
-  layer;
+  #layer;
   /**
    * Source of {@link layer}.
    */
-  source;
+  #source;
   /**
    * Stores the current `Draw` interaction.
    */
-  draw = void 0;
+  #draw = void 0;
   /**
    * The active measurement manipulated by the `draw` interaction.
    */
-  activeMeasurement;
+  #activeMeasurement;
   /**
    * Map that is used to track all predefined measurements currently added to the source.
    * It associates the measurement geometry (key) with the corresponding measurement instance.
    *
    * The measurement instances here must also be contained in `finishedMeasurements`.
    */
-  predefinedMeasurements = /* @__PURE__ */ new Map();
+  #predefinedMeasurements = /* @__PURE__ */ new Map();
   /**
    * Measurement instances that were finished.
    */
-  finishedMeasurements = /* @__PURE__ */ new Set();
+  #finishedMeasurements = /* @__PURE__ */ new Set();
   /**
    * Overlay for help tooltip.
    */
-  helpTooltip;
+  #helpTooltip;
   /**
    * Keeps track of registered event handlers.
    */
-  resources = [];
+  #resources = [];
   /**
    * Called when a measurement is added to or removed from the source.
    */
-  measurementChangedHandler;
+  #measurementChangedHandler;
   constructor(map, layerFactory, messages) {
     this.map = map;
     this.olMap = map.olMap;
     this.messages = messages;
-    const source = this.source = new Vector();
-    this.layer = layerFactory.create({
+    const source = this.#source = new Vector();
+    this.#layer = layerFactory.create({
       type: SimpleLayer,
       internal: true,
       title: "measurement-layer",
@@ -68,77 +68,77 @@ class MeasurementController {
         source
       })
     });
-    map.layers.addLayer(this.layer, { at: "topmost" });
-    this.helpTooltip = createHelpTooltip(this.map);
+    map.layers.addLayer(this.#layer, { at: "topmost" });
+    this.#helpTooltip = createHelpTooltip(this.map);
   }
   destroy() {
     this.stopMeasurement();
-    for (const resource of this.resources) {
+    for (const resource of this.#resources) {
       resource.destroy();
     }
-    this.resources = [];
-    this.activeMeasurement = destroyResource(this.activeMeasurement);
-    for (const measurement of this.finishedMeasurements) {
+    this.#resources = [];
+    this.#activeMeasurement = destroyResource(this.#activeMeasurement);
+    for (const measurement of this.#finishedMeasurements) {
       measurement.destroy();
     }
-    this.finishedMeasurements.clear();
-    this.helpTooltip.destroy();
-    this.map.layers.removeLayer(this.layer);
-    this.layer.destroy();
-    this.measurementChangedHandler = void 0;
-    this.predefinedMeasurements.clear();
+    this.#finishedMeasurements.clear();
+    this.#helpTooltip.destroy();
+    this.map.layers.removeLayer(this.#layer);
+    this.#layer.destroy();
+    this.#measurementChangedHandler = void 0;
+    this.#predefinedMeasurements.clear();
   }
   /** Returns the vector layer used for finished features. */
   getOlVectorLayer() {
-    return this.layer.olLayer;
+    return this.#layer.olLayer;
   }
   /** Updates the style used for finished features. */
   setFinishedFeatureStyle(style) {
     this.getOlVectorLayer().setStyle(style);
   }
   setMeasurementSourceChangedHandler(handler) {
-    this.measurementChangedHandler = handler;
+    this.#measurementChangedHandler = handler;
   }
   setPredefinedMeasurements(geometries) {
-    this.updatePredefinedMeasurements(geometries);
+    this.#updatePredefinedMeasurements(geometries);
   }
   /** Updates the style used for active measurements. */
   setActiveFeatureStyle(style) {
     const styleFunction = toFunction(style);
-    this.activeFeatureStyle = (feature, ...args) => {
+    this.#activeFeatureStyle = (feature, ...args) => {
       const ft = feature?.getGeometry()?.getType();
       if (ft === "Polygon" || ft === "LineString" || ft === "Point") {
         return styleFunction(feature, ...args);
       }
     };
-    this.draw?.getOverlay().setStyle(this.activeFeatureStyle);
+    this.#draw?.getOverlay().setStyle(this.#activeFeatureStyle);
   }
   /** Removes all finished measurements. */
   clearMeasurements() {
-    const currentFeatures = this.source.getFeatures();
-    this.source.clear();
+    const currentFeatures = this.#source.getFeatures();
+    this.#source.clear();
     currentFeatures.forEach((feature) => {
-      this.raiseMeasurementsChangeEvent("remove-measurement", feature);
+      this.#raiseMeasurementsChangeEvent("remove-measurement", feature);
     });
-    this.predefinedMeasurements.clear();
-    for (const measurement of this.finishedMeasurements) {
+    this.#predefinedMeasurements.clear();
+    for (const measurement of this.#finishedMeasurements) {
       measurement.destroy();
     }
-    this.finishedMeasurements.clear();
+    this.#finishedMeasurements.clear();
   }
   /** Starts measuring using the provided type. */
   startMeasurement(type) {
-    if (this.draw) {
+    if (this.#draw) {
       throw new Error("Internal error: another measurement interaction is still active.");
     }
     const geometryType = type === "area" ? "Polygon" : "LineString";
-    const draw = this.draw = new Draw({
-      source: this.source,
+    const draw = this.#draw = new Draw({
+      source: this.#source,
       type: geometryType,
-      style: this.activeFeatureStyle
+      style: this.#activeFeatureStyle
     });
     this.olMap.addInteraction(draw);
-    this.updateTooltip();
+    this.#updateTooltip();
     let measurement;
     let changeListenerKey = void 0;
     draw.on("drawstart", (evt) => {
@@ -146,32 +146,32 @@ class MeasurementController {
       if (!sketch) {
         return;
       }
-      measurement = this.activeMeasurement = new MeasurementInstance("active", sketch, this);
+      measurement = this.#activeMeasurement = new MeasurementInstance("active", sketch, this);
       changeListenerKey = sketch.getGeometry()?.on("change", () => {
         measurement?.updateTooltipContent();
         measurement?.updateTooltipPosition();
       });
-      this.updateTooltip();
+      this.#updateTooltip();
     });
     draw.on("drawend", () => {
-      if (measurement && measurement === this.activeMeasurement) {
+      if (measurement && measurement === this.#activeMeasurement) {
         const newMeasurement = measurement;
         newMeasurement.updateState("finished");
-        this.finishedMeasurements.add(newMeasurement);
-        this.raiseMeasurementsChangeEvent("add-measurement", newMeasurement.feature);
-        this.activeMeasurement = measurement = void 0;
+        this.#finishedMeasurements.add(newMeasurement);
+        this.#raiseMeasurementsChangeEvent("add-measurement", newMeasurement.feature);
+        this.#activeMeasurement = measurement = void 0;
       }
       measurement = void 0;
       if (changeListenerKey) {
         unByKey(changeListenerKey);
       }
-      this.updateTooltip();
+      this.#updateTooltip();
     });
     draw.on("drawabort", () => {
       if (measurement) {
         measurement.destroy();
-        if (measurement === this.activeMeasurement) {
-          this.activeMeasurement = void 0;
+        if (measurement === this.#activeMeasurement) {
+          this.#activeMeasurement = void 0;
         }
         measurement = void 0;
       }
@@ -182,53 +182,53 @@ class MeasurementController {
   }
   /** Stops the current measuring started by `startMeasurement`. */
   stopMeasurement() {
-    if (this.draw) {
-      this.olMap.removeInteraction(this.draw);
-      this.draw.abortDrawing();
-      this.draw.dispose();
-      this.draw = void 0;
+    if (this.#draw) {
+      this.olMap.removeInteraction(this.#draw);
+      this.#draw.abortDrawing();
+      this.#draw.dispose();
+      this.#draw = void 0;
     }
-    this.activeMeasurement = destroyResource(this.activeMeasurement);
+    this.#activeMeasurement = destroyResource(this.#activeMeasurement);
   }
-  updateTooltip() {
-    const overlay = this.helpTooltip;
-    const helpMessage = getHelpMessage(this.messages, this.activeMeasurement);
+  #updateTooltip() {
+    const overlay = this.#helpTooltip;
+    const helpMessage = getHelpMessage(this.messages, this.#activeMeasurement);
     const newContent = createElement(MeasurementTooltipContent, { content: helpMessage });
     overlay.setContent(newContent);
   }
-  updatePredefinedMeasurements(geometries) {
+  #updatePredefinedMeasurements(geometries) {
     const addedMeasurements = geometries.filter(
-      (geom) => !this.predefinedMeasurements.has(geom)
+      (geom) => !this.#predefinedMeasurements.has(geom)
     );
     const removedMeasurements = [];
-    for (const geom of this.predefinedMeasurements.keys()) {
+    for (const geom of this.#predefinedMeasurements.keys()) {
       if (!geometries.includes(geom)) {
         removedMeasurements.push(geom);
       }
     }
     addedMeasurements.forEach((geom) => {
       const measurementFeature = new Feature(geom);
-      this.source.addFeature(measurementFeature);
+      this.#source.addFeature(measurementFeature);
       const measurement = new MeasurementInstance("finished", measurementFeature, this);
-      this.finishedMeasurements.add(measurement);
-      this.predefinedMeasurements.set(geom, measurement);
-      this.raiseMeasurementsChangeEvent("add-measurement", measurementFeature);
+      this.#finishedMeasurements.add(measurement);
+      this.#predefinedMeasurements.set(geom, measurement);
+      this.#raiseMeasurementsChangeEvent("add-measurement", measurementFeature);
     });
     removedMeasurements.forEach((geom) => {
-      const measurement = this.predefinedMeasurements.get(geom);
+      const measurement = this.#predefinedMeasurements.get(geom);
       if (measurement) {
-        this.source.removeFeature(measurement.feature);
-        this.finishedMeasurements.delete(measurement);
+        this.#source.removeFeature(measurement.feature);
+        this.#finishedMeasurements.delete(measurement);
         measurement.destroy();
-        this.raiseMeasurementsChangeEvent("remove-measurement", measurement.feature);
+        this.#raiseMeasurementsChangeEvent("remove-measurement", measurement.feature);
       }
-      this.predefinedMeasurements.delete(geom);
+      this.#predefinedMeasurements.delete(geom);
     });
   }
-  raiseMeasurementsChangeEvent(kind, measurementFeature) {
+  #raiseMeasurementsChangeEvent(kind, measurementFeature) {
     const measurementGeom = measurementFeature.getGeometry();
-    if (this.measurementChangedHandler && measurementGeom) {
-      this.measurementChangedHandler({
+    if (this.#measurementChangedHandler && measurementGeom) {
+      this.#measurementChangedHandler({
         kind,
         geometry: measurementGeom instanceof Polygon ? measurementGeom : measurementGeom
       });
@@ -238,28 +238,28 @@ class MeasurementController {
 class MeasurementInstance {
   controller;
   feature;
-  _state;
-  tooltip;
+  #state;
+  #tooltip;
   constructor(state, feature, controller) {
     this.controller = controller;
-    this._state = state;
+    this.#state = state;
     this.feature = feature;
-    this.tooltip = createMeasureTooltip(this.controller.map, state === "finished");
+    this.#tooltip = createMeasureTooltip(this.controller.map, state === "finished");
     this.updateTooltipContent();
     this.updateTooltipPosition();
   }
   destroy() {
-    this.tooltip.destroy();
+    this.#tooltip.destroy();
   }
   get state() {
-    return this._state;
+    return this.#state;
   }
   updateState(state) {
-    if (this._state === state) {
+    if (this.#state === state) {
       return;
     }
-    this._state = state;
-    if (this._state === "finished") {
+    this.#state = state;
+    if (this.#state === "finished") {
       this.finishTooltip();
     }
   }
@@ -269,15 +269,15 @@ class MeasurementInstance {
     if (!geometry) {
       return;
     }
-    const projection = this.olMap.getView().getProjection();
+    const projection = this.#olMap.getView().getProjection();
     let output;
     if (geometry instanceof Polygon) {
-      output = formatArea(geometry, projection, this.messages);
+      output = formatArea(geometry, projection, this.#messages);
     } else if (geometry instanceof LineString) {
-      output = formatLength(geometry, projection, this.messages);
+      output = formatLength(geometry, projection, this.#messages);
     }
     if (output) {
-      this.tooltip.setContent(createElement(MeasurementTooltipContent, { content: output }));
+      this.#tooltip.setContent(createElement(MeasurementTooltipContent, { content: output }));
     }
   }
   // Updates the tooltip's position.
@@ -294,18 +294,18 @@ class MeasurementInstance {
     } else {
       return;
     }
-    this.tooltip.setPosition(tooltipCoord);
+    this.#tooltip.setPosition(tooltipCoord);
   }
   finishTooltip() {
-    this.tooltip.element.className = FINISHED_MEASUREMENT_CLASSNAME;
-    this.tooltip.setOffset(FINISHED_MEASUREMENT_OFFSET);
+    this.#tooltip.element.className = FINISHED_MEASUREMENT_CLASSNAME;
+    this.#tooltip.setOffset(FINISHED_MEASUREMENT_OFFSET);
     this.updateTooltipContent();
     this.updateTooltipPosition();
   }
-  get olMap() {
+  get #olMap() {
     return this.controller.olMap;
   }
-  get messages() {
+  get #messages() {
     return this.controller.messages;
   }
 }

package/MeasurementController.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementController.js","sources":["MeasurementController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { destroyResource, Resource } from \"@open-pioneer/core\";\nimport { LayerFactory, MapModel, Overlay, SimpleLayer } from \"@open-pioneer/map\";\nimport Feature from \"ol/Feature\";\nimport OlMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport { LineString, Polygon } from \"ol/geom\";\nimport Draw from \"ol/interaction/Draw\";\nimport { Vector as VectorLayer } from \"ol/layer\";\nimport { Projection } from \"ol/proj\";\nimport { Vector as VectorSource } from \"ol/source\";\nimport { getArea, getLength } from \"ol/sphere\";\nimport { StyleFunction, StyleLike, toFunction as toStyleFunction } from \"ol/style/Style\";\nimport {\n    type MeasurementsChangeEvent,\n    type MeasurementGeometry,\n    type MeasurementProps\n} from \"./Measurement\";\nimport { createElement } from \"react\";\nimport { MeasurementTooltipContent } from \"./MeasurementTooltip\";\n\ntype MeasurementsChangeHandler = NonNullable<MeasurementProps[\"onMeasurementsChange\"]>;\n\nexport type MeasurementType = \"area\" | \"distance\";\n\nexport interface Messages {\n    getContinueMessage(): string;\n    getHelpMessage(): string;\n    formatNumber(value: number): string;\n}\n\nexport class MeasurementController {\n    readonly map: MapModel;\n    readonly olMap: OlMap;\n    readonly messages: Messages;\n\n    private activeFeatureStyle: StyleFunction | undefined;\n    /**\n     * The layer rendering the measurement \"features\".\n     */\n    private layer: SimpleLayer;\n\n    /**\n     * Source of {@link layer}.\n     */\n    private source: VectorSource;\n\n    /**\n     * Stores the current `Draw` interaction.\n     */\n    private draw: Draw | undefined = undefined;\n\n    /**\n     * The active measurement manipulated by the `draw` interaction.\n     */\n    private activeMeasurement: MeasurementInstance | undefined;\n\n    /**\n     * Map that is used to track all predefined measurements currently added to the source.\n     * It associates the measurement geometry (key) with the corresponding measurement instance.\n     *\n     * The measurement instances here must also be contained in `finishedMeasurements`.\n     */\n    private predefinedMeasurements = new Map<MeasurementGeometry, MeasurementInstance>();\n\n    /**\n     * Measurement instances that were finished.\n     */\n    private finishedMeasurements = new Set<MeasurementInstance>();\n\n    /**\n     * Overlay for help tooltip.\n     */\n    private helpTooltip: Overlay;\n\n    /**\n     * Keeps track of registered event handlers.\n     */\n    private resources: Resource[] = [];\n\n    /**\n     * Called when a measurement is added to or removed from the source.\n     */\n    private measurementChangedHandler: MeasurementsChangeHandler | undefined;\n\n    constructor(map: MapModel, layerFactory: LayerFactory, messages: Messages) {\n        this.map = map;\n        this.olMap = map.olMap;\n        this.messages = messages;\n        const source = (this.source = new VectorSource());\n        this.layer = layerFactory.create({\n            type: SimpleLayer,\n            internal: true,\n            title: \"measurement-layer\",\n            olLayer: new VectorLayer<VectorSource, Feature>({\n                source: source\n            })\n        });\n        map.layers.addLayer(this.layer, { at: \"topmost\" });\n\n        this.helpTooltip = createHelpTooltip(this.map);\n    }\n\n    destroy() {\n        this.stopMeasurement();\n\n        // Cleanup registered event handlers etc.\n        for (const resource of this.resources) {\n            resource.destroy();\n        }\n        this.resources = [];\n\n        // Cleanup measurements and tooltips.\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n        this.helpTooltip.destroy();\n\n        // Cleanup layer\n        this.map.layers.removeLayer(this.layer);\n        this.layer.destroy();\n\n        this.measurementChangedHandler = undefined;\n        this.predefinedMeasurements.clear();\n    }\n\n    /** Returns the vector layer used for finished features. */\n    getOlVectorLayer() {\n        return this.layer.olLayer as VectorLayer;\n    }\n\n    /** Updates the style used for finished features. */\n    setFinishedFeatureStyle(style: StyleLike) {\n        this.getOlVectorLayer().setStyle(style);\n    }\n\n    setMeasurementSourceChangedHandler(handler: MeasurementsChangeHandler | undefined) {\n        this.measurementChangedHandler = handler;\n    }\n\n    setPredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        this.updatePredefinedMeasurements(geometries);\n    }\n\n    /** Updates the style used for active measurements. */\n    setActiveFeatureStyle(style: StyleLike) {\n        const styleFunction = toStyleFunction(style);\n        this.activeFeatureStyle = (feature, ...args) => {\n            const ft = feature?.getGeometry()?.getType();\n            if (ft === \"Polygon\" || ft === \"LineString\" || ft === \"Point\") {\n                return styleFunction(feature, ...args);\n            }\n        };\n        // Update style on current draw instance (if any)\n        this.draw?.getOverlay().setStyle(this.activeFeatureStyle);\n    }\n\n    /** Removes all finished measurements. */\n    clearMeasurements() {\n        const currentFeatures = this.source.getFeatures(); //returns snapshot copy of the features on the source\n        this.source.clear();\n        currentFeatures.forEach((feature) => {\n            //raise remove-measurement event for each measurement after the source was cleared\n            this.raiseMeasurementsChangeEvent(\"remove-measurement\", feature);\n        });\n        this.predefinedMeasurements.clear();\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n    }\n\n    /** Starts measuring using the provided type. */\n    startMeasurement(type: MeasurementType) {\n        if (this.draw) {\n            throw new Error(\"Internal error: another measurement interaction is still active.\");\n        }\n\n        const geometryType = type === \"area\" ? \"Polygon\" : \"LineString\";\n        const draw = (this.draw = new Draw({\n            source: this.source,\n            type: geometryType,\n            style: this.activeFeatureStyle\n        }));\n        this.olMap.addInteraction(draw);\n\n        // update tooltip if user changed drawing mode (and did not move the mouse yet)\n        // currently this does not work when the tool is initially activated as the tooltip has no position yet\n        this.updateTooltip();\n\n        let measurement: MeasurementInstance | undefined;\n        let changeListenerKey: EventsKey | undefined = undefined;\n        draw.on(\"drawstart\", (evt) => {\n            // set sketch\n            const sketch = evt.feature;\n            if (!sketch) {\n                return;\n            }\n\n            measurement = this.activeMeasurement = new MeasurementInstance(\"active\", sketch, this);\n            changeListenerKey = sketch.getGeometry()?.on(\"change\", () => {\n                measurement?.updateTooltipContent();\n                measurement?.updateTooltipPosition();\n            });\n\n            // update tooltip message if user started drawing but did not yet move the mouse\n            this.updateTooltip();\n        });\n\n        draw.on(\"drawend\", () => {\n            if (measurement && measurement === this.activeMeasurement) {\n                const newMeasurement = measurement;\n                newMeasurement.updateState(\"finished\");\n                this.finishedMeasurements.add(newMeasurement);\n                this.raiseMeasurementsChangeEvent(\"add-measurement\", newMeasurement.feature);\n                this.activeMeasurement = measurement = undefined;\n            }\n\n            measurement = undefined;\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n\n            // update tooltip if user finished drawing but did not yet move the mouse\n            this.updateTooltip();\n        });\n\n        draw.on(\"drawabort\", () => {\n            if (measurement) {\n                measurement.destroy();\n                if (measurement === this.activeMeasurement) {\n                    this.activeMeasurement = undefined;\n                }\n                measurement = undefined;\n            }\n\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n    }\n\n    /** Stops the current measuring started by `startMeasurement`. */\n    stopMeasurement() {\n        if (this.draw) {\n            this.olMap.removeInteraction(this.draw);\n            this.draw.abortDrawing();\n            this.draw.dispose();\n            this.draw = undefined;\n        }\n\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n    }\n\n    private updateTooltip() {\n        const overlay = this.helpTooltip;\n        const helpMessage = getHelpMessage(this.messages, this.activeMeasurement);\n        const newContent = createElement(MeasurementTooltipContent, { content: helpMessage });\n        overlay.setContent(newContent);\n    }\n\n    private updatePredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        const addedMeasurements = geometries.filter(\n            (geom) => !this.predefinedMeasurements.has(geom)\n        );\n        const removedMeasurements: MeasurementGeometry[] = [];\n        for (const geom of this.predefinedMeasurements.keys()) {\n            if (!geometries.includes(geom)) {\n                removedMeasurements.push(geom);\n            }\n        }\n\n        addedMeasurements.forEach((geom) => {\n            const measurementFeature = new Feature(geom);\n            this.source.addFeature(measurementFeature);\n\n            const measurement = new MeasurementInstance(\"finished\", measurementFeature, this);\n            this.finishedMeasurements.add(measurement);\n            this.predefinedMeasurements.set(geom, measurement);\n            this.raiseMeasurementsChangeEvent(\"add-measurement\", measurementFeature);\n        });\n\n        removedMeasurements.forEach((geom) => {\n            const measurement = this.predefinedMeasurements.get(geom);\n            if (measurement) {\n                //remove measurement feature from source and destroy associated tooltip\n                this.source.removeFeature(measurement.feature);\n                this.finishedMeasurements.delete(measurement);\n                measurement.destroy();\n                this.raiseMeasurementsChangeEvent(\"remove-measurement\", measurement.feature);\n            }\n            this.predefinedMeasurements.delete(geom);\n        });\n    }\n\n    private raiseMeasurementsChangeEvent(\n        kind: MeasurementsChangeEvent[\"kind\"],\n        measurementFeature: Feature\n    ) {\n        const measurementGeom = measurementFeature.getGeometry();\n        if (this.measurementChangedHandler && measurementGeom) {\n            this.measurementChangedHandler({\n                kind: kind,\n                geometry:\n                    measurementGeom instanceof Polygon\n                        ? (measurementGeom as Polygon)\n                        : (measurementGeom as LineString)\n            });\n        }\n    }\n}\n\n// Encapsulates the display state of a measurement.\n//\n// More ideas for further improvements:\n// - Resolve duplicate source of truths (feature source and map of measurements).\n// - Add and remove the feature here as well (instead of in the controller).\n// - Perhaps use reactivity API and watch for state consistency.\n//   The current implementations relies on the update*() functions being called at the correct time.\nclass MeasurementInstance {\n    readonly controller: MeasurementController;\n    readonly feature: Feature;\n\n    private _state: \"active\" | \"finished\";\n    private tooltip: Overlay;\n\n    constructor(state: \"active\" | \"finished\", feature: Feature, controller: MeasurementController) {\n        this.controller = controller;\n        this._state = state;\n        this.feature = feature;\n        this.tooltip = createMeasureTooltip(this.controller.map, state === \"finished\");\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n    }\n\n    destroy() {\n        this.tooltip.destroy();\n    }\n\n    get state(): \"active\" | \"finished\" {\n        return this._state;\n    }\n\n    updateState(state: \"active\" | \"finished\") {\n        if (this._state === state) {\n            return;\n        }\n\n        this._state = state;\n        if (this._state === \"finished\") {\n            this.finishTooltip();\n        }\n    }\n\n    // Updates the tooltip content based on the current state and the feature's geometry.\n    updateTooltipContent() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        const projection = this.olMap.getView().getProjection();\n        let output;\n        if (geometry instanceof Polygon) {\n            output = formatArea(geometry, projection, this.messages);\n        } else if (geometry instanceof LineString) {\n            output = formatLength(geometry, projection, this.messages);\n        }\n        if (output) {\n            this.tooltip.setContent(createElement(MeasurementTooltipContent, { content: output }));\n        }\n    }\n\n    // Updates the tooltip's position.\n    updateTooltipPosition() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        let tooltipCoord: Coordinate;\n        if (geometry instanceof Polygon) {\n            tooltipCoord = geometry.getInteriorPoint().getCoordinates() || null;\n        } else if (geometry instanceof LineString) {\n            tooltipCoord = geometry.getLastCoordinate() || null;\n        } else {\n            return;\n        }\n        this.tooltip.setPosition(tooltipCoord);\n    }\n\n    finishTooltip() {\n        this.tooltip.element.className = FINISHED_MEASUREMENT_CLASSNAME;\n        this.tooltip.setOffset(FINISHED_MEASUREMENT_OFFSET);\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n    }\n\n    private get olMap(): OlMap {\n        return this.controller.olMap;\n    }\n\n    private get messages(): Messages {\n        return this.controller.messages;\n    }\n}\n\nconst DEFAULT_MEASUREMENT_OFFSET = [0, -15];\nconst FINISHED_MEASUREMENT_OFFSET = [0, -7];\nconst ACTIVE_MEASUREMENT_CLASSNAME = \"measurement-tooltip measurement-active-tooltip printing-hide\";\nconst FINISHED_MEASUREMENT_CLASSNAME = \"measurement-tooltip measurement-finished-tooltip\";\n\nfunction createHelpTooltip(map: MapModel): Overlay {\n    const helpOverlay = map.overlays.add({\n        className: \"measurement-tooltip printing-hide\",\n        position: \"follow-pointer\",\n        tag: \"measurement-help-overlay\",\n        offset: [15, 0],\n        positioning: \"center-left\",\n        ariaRole: \"tooltip\",\n        content: createElement(MeasurementTooltipContent)\n    });\n\n    return helpOverlay;\n}\n\nfunction createMeasureTooltip(map: MapModel, isFinished = false): Overlay {\n    const overlay = map.overlays.add({\n        content: createElement(MeasurementTooltipContent),\n        offset: !isFinished ? DEFAULT_MEASUREMENT_OFFSET : FINISHED_MEASUREMENT_OFFSET,\n        positioning: \"bottom-center\",\n        className: !isFinished ? ACTIVE_MEASUREMENT_CLASSNAME : FINISHED_MEASUREMENT_CLASSNAME,\n        stopEvent: false,\n        ariaRole: \"tooltip\",\n        advanced: {\n            insertFirst: false\n        }\n    });\n\n    return overlay;\n}\n\nfunction getHelpMessage(messages: Messages, activeMeasurement: MeasurementInstance | undefined) {\n    if (activeMeasurement) {\n        const geom = activeMeasurement.feature.getGeometry();\n        if (geom instanceof Polygon || geom instanceof LineString) {\n            return messages.getContinueMessage();\n        }\n    }\n    return messages.getHelpMessage();\n}\n\nfunction formatArea(polygon: Polygon, projection: Projection, messages: Messages) {\n    const area = getArea(polygon, { projection });\n    let output;\n    if (area >= 1000000) {\n        output = `${messages.formatNumber(area / 1000000)} km\\u00B2`;\n    } else {\n        output = `${messages.formatNumber(area)} m\\u00B2`;\n    }\n    return output;\n}\n\nfunction formatLength(line: LineString, projection: Projection, messages: Messages) {\n    const length = getLength(line, { projection });\n    let output;\n    if (length >= 1000) {\n        output = `${messages.formatNumber(length / 1000)} km`;\n    } else {\n        output = `${messages.formatNumber(length)} m`;\n    }\n    return output;\n}\n"],"names":["VectorSource","VectorLayer","toStyleFunction"],"mappings":"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"}
+{"version":3,"file":"MeasurementController.js","sources":["MeasurementController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { destroyResource, Resource } from \"@open-pioneer/core\";\nimport { LayerFactory, MapModel, Overlay, SimpleLayer } from \"@open-pioneer/map\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport Feature from \"ol/Feature\";\nimport { LineString, Polygon } from \"ol/geom\";\nimport Draw from \"ol/interaction/Draw\";\nimport { Vector as VectorLayer } from \"ol/layer\";\nimport OlMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { Projection } from \"ol/proj\";\nimport { Vector as VectorSource } from \"ol/source\";\nimport { getArea, getLength } from \"ol/sphere\";\nimport { StyleFunction, StyleLike, toFunction as toStyleFunction } from \"ol/style/Style\";\nimport { createElement } from \"react\";\nimport {\n    type MeasurementsChangeEvent,\n    type MeasurementGeometry,\n    type MeasurementProps\n} from \"./Measurement\";\nimport { MeasurementTooltipContent } from \"./MeasurementTooltip\";\n\ntype MeasurementsChangeHandler = NonNullable<MeasurementProps[\"onMeasurementsChange\"]>;\n\nexport type MeasurementType = \"area\" | \"distance\";\n\nexport interface Messages {\n    getContinueMessage(): string;\n    getHelpMessage(): string;\n    formatNumber(value: number): string;\n}\n\nexport class MeasurementController {\n    readonly map: MapModel;\n    readonly olMap: OlMap;\n    readonly messages: Messages;\n\n    #activeFeatureStyle: StyleFunction | undefined;\n    /**\n     * The layer rendering the measurement \"features\".\n     */\n    #layer: SimpleLayer;\n\n    /**\n     * Source of {@link layer}.\n     */\n    #source: VectorSource;\n\n    /**\n     * Stores the current `Draw` interaction.\n     */\n    #draw: Draw | undefined = undefined;\n\n    /**\n     * The active measurement manipulated by the `draw` interaction.\n     */\n    #activeMeasurement: MeasurementInstance | undefined;\n\n    /**\n     * Map that is used to track all predefined measurements currently added to the source.\n     * It associates the measurement geometry (key) with the corresponding measurement instance.\n     *\n     * The measurement instances here must also be contained in `finishedMeasurements`.\n     */\n    #predefinedMeasurements = new Map<MeasurementGeometry, MeasurementInstance>();\n\n    /**\n     * Measurement instances that were finished.\n     */\n    #finishedMeasurements = new Set<MeasurementInstance>();\n\n    /**\n     * Overlay for help tooltip.\n     */\n    #helpTooltip: Overlay;\n\n    /**\n     * Keeps track of registered event handlers.\n     */\n    #resources: Resource[] = [];\n\n    /**\n     * Called when a measurement is added to or removed from the source.\n     */\n    #measurementChangedHandler: MeasurementsChangeHandler | undefined;\n\n    constructor(map: MapModel, layerFactory: LayerFactory, messages: Messages) {\n        this.map = map;\n        this.olMap = map.olMap;\n        this.messages = messages;\n        const source = (this.#source = new VectorSource());\n        this.#layer = layerFactory.create({\n            type: SimpleLayer,\n            internal: true,\n            title: \"measurement-layer\",\n            olLayer: new VectorLayer<VectorSource, Feature>({\n                source: source\n            })\n        });\n        map.layers.addLayer(this.#layer, { at: \"topmost\" });\n\n        this.#helpTooltip = createHelpTooltip(this.map);\n    }\n\n    destroy() {\n        this.stopMeasurement();\n\n        // Cleanup registered event handlers etc.\n        for (const resource of this.#resources) {\n            resource.destroy();\n        }\n        this.#resources = [];\n\n        // Cleanup measurements and tooltips.\n        this.#activeMeasurement = destroyResource(this.#activeMeasurement);\n        for (const measurement of this.#finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.#finishedMeasurements.clear();\n        this.#helpTooltip.destroy();\n\n        // Cleanup layer\n        this.map.layers.removeLayer(this.#layer);\n        this.#layer.destroy();\n\n        this.#measurementChangedHandler = undefined;\n        this.#predefinedMeasurements.clear();\n    }\n\n    /** Returns the vector layer used for finished features. */\n    getOlVectorLayer() {\n        return this.#layer.olLayer as VectorLayer;\n    }\n\n    /** Updates the style used for finished features. */\n    setFinishedFeatureStyle(style: StyleLike) {\n        this.getOlVectorLayer().setStyle(style);\n    }\n\n    setMeasurementSourceChangedHandler(handler: MeasurementsChangeHandler | undefined) {\n        this.#measurementChangedHandler = handler;\n    }\n\n    setPredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        this.#updatePredefinedMeasurements(geometries);\n    }\n\n    /** Updates the style used for active measurements. */\n    setActiveFeatureStyle(style: StyleLike) {\n        const styleFunction = toStyleFunction(style);\n        this.#activeFeatureStyle = (feature, ...args) => {\n            const ft = feature?.getGeometry()?.getType();\n            if (ft === \"Polygon\" || ft === \"LineString\" || ft === \"Point\") {\n                return styleFunction(feature, ...args);\n            }\n        };\n        // Update style on current draw instance (if any)\n        this.#draw?.getOverlay().setStyle(this.#activeFeatureStyle);\n    }\n\n    /** Removes all finished measurements. */\n    clearMeasurements() {\n        const currentFeatures = this.#source.getFeatures(); //returns snapshot copy of the features on the source\n        this.#source.clear();\n        currentFeatures.forEach((feature) => {\n            //raise remove-measurement event for each measurement after the source was cleared\n            this.#raiseMeasurementsChangeEvent(\"remove-measurement\", feature);\n        });\n        this.#predefinedMeasurements.clear();\n        for (const measurement of this.#finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.#finishedMeasurements.clear();\n    }\n\n    /** Starts measuring using the provided type. */\n    startMeasurement(type: MeasurementType) {\n        if (this.#draw) {\n            throw new Error(\"Internal error: another measurement interaction is still active.\");\n        }\n\n        const geometryType = type === \"area\" ? \"Polygon\" : \"LineString\";\n        const draw = (this.#draw = new Draw({\n            source: this.#source,\n            type: geometryType,\n            style: this.#activeFeatureStyle\n        }));\n        this.olMap.addInteraction(draw);\n\n        // update tooltip if user changed drawing mode (and did not move the mouse yet)\n        // currently this does not work when the tool is initially activated as the tooltip has no position yet\n        this.#updateTooltip();\n\n        let measurement: MeasurementInstance | undefined;\n        let changeListenerKey: EventsKey | undefined = undefined;\n        draw.on(\"drawstart\", (evt) => {\n            // set sketch\n            const sketch = evt.feature;\n            if (!sketch) {\n                return;\n            }\n\n            measurement = this.#activeMeasurement = new MeasurementInstance(\"active\", sketch, this);\n            changeListenerKey = sketch.getGeometry()?.on(\"change\", () => {\n                measurement?.updateTooltipContent();\n                measurement?.updateTooltipPosition();\n            });\n\n            // update tooltip message if user started drawing but did not yet move the mouse\n            this.#updateTooltip();\n        });\n\n        draw.on(\"drawend\", () => {\n            if (measurement && measurement === this.#activeMeasurement) {\n                const newMeasurement = measurement;\n                newMeasurement.updateState(\"finished\");\n                this.#finishedMeasurements.add(newMeasurement);\n                this.#raiseMeasurementsChangeEvent(\"add-measurement\", newMeasurement.feature);\n                this.#activeMeasurement = measurement = undefined;\n            }\n\n            measurement = undefined;\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n\n            // update tooltip if user finished drawing but did not yet move the mouse\n            this.#updateTooltip();\n        });\n\n        draw.on(\"drawabort\", () => {\n            if (measurement) {\n                measurement.destroy();\n                if (measurement === this.#activeMeasurement) {\n                    this.#activeMeasurement = undefined;\n                }\n                measurement = undefined;\n            }\n\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n    }\n\n    /** Stops the current measuring started by `startMeasurement`. */\n    stopMeasurement() {\n        if (this.#draw) {\n            this.olMap.removeInteraction(this.#draw);\n            this.#draw.abortDrawing();\n            this.#draw.dispose();\n            this.#draw = undefined;\n        }\n\n        this.#activeMeasurement = destroyResource(this.#activeMeasurement);\n    }\n\n    #updateTooltip() {\n        const overlay = this.#helpTooltip;\n        const helpMessage = getHelpMessage(this.messages, this.#activeMeasurement);\n        const newContent = createElement(MeasurementTooltipContent, { content: helpMessage });\n        overlay.setContent(newContent);\n    }\n\n    #updatePredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        const addedMeasurements = geometries.filter(\n            (geom) => !this.#predefinedMeasurements.has(geom)\n        );\n        const removedMeasurements: MeasurementGeometry[] = [];\n        for (const geom of this.#predefinedMeasurements.keys()) {\n            if (!geometries.includes(geom)) {\n                removedMeasurements.push(geom);\n            }\n        }\n\n        addedMeasurements.forEach((geom) => {\n            const measurementFeature = new Feature(geom);\n            this.#source.addFeature(measurementFeature);\n\n            const measurement = new MeasurementInstance(\"finished\", measurementFeature, this);\n            this.#finishedMeasurements.add(measurement);\n            this.#predefinedMeasurements.set(geom, measurement);\n            this.#raiseMeasurementsChangeEvent(\"add-measurement\", measurementFeature);\n        });\n\n        removedMeasurements.forEach((geom) => {\n            const measurement = this.#predefinedMeasurements.get(geom);\n            if (measurement) {\n                //remove measurement feature from source and destroy associated tooltip\n                this.#source.removeFeature(measurement.feature);\n                this.#finishedMeasurements.delete(measurement);\n                measurement.destroy();\n                this.#raiseMeasurementsChangeEvent(\"remove-measurement\", measurement.feature);\n            }\n            this.#predefinedMeasurements.delete(geom);\n        });\n    }\n\n    #raiseMeasurementsChangeEvent(\n        kind: MeasurementsChangeEvent[\"kind\"],\n        measurementFeature: Feature\n    ) {\n        const measurementGeom = measurementFeature.getGeometry();\n        if (this.#measurementChangedHandler && measurementGeom) {\n            this.#measurementChangedHandler({\n                kind: kind,\n                geometry:\n                    measurementGeom instanceof Polygon\n                        ? (measurementGeom as Polygon)\n                        : (measurementGeom as LineString)\n            });\n        }\n    }\n}\n\n// Encapsulates the display state of a measurement.\n//\n// More ideas for further improvements:\n// - Resolve duplicate source of truths (feature source and map of measurements).\n// - Add and remove the feature here as well (instead of in the controller).\n// - Perhaps use reactivity API and watch for state consistency.\n//   The current implementations relies on the update*() functions being called at the correct time.\nclass MeasurementInstance {\n    readonly controller: MeasurementController;\n    readonly feature: Feature;\n\n    #state: \"active\" | \"finished\";\n    #tooltip: Overlay;\n\n    constructor(state: \"active\" | \"finished\", feature: Feature, controller: MeasurementController) {\n        this.controller = controller;\n        this.#state = state;\n        this.feature = feature;\n        this.#tooltip = createMeasureTooltip(this.controller.map, state === \"finished\");\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n    }\n\n    destroy() {\n        this.#tooltip.destroy();\n    }\n\n    get state(): \"active\" | \"finished\" {\n        return this.#state;\n    }\n\n    updateState(state: \"active\" | \"finished\") {\n        if (this.#state === state) {\n            return;\n        }\n\n        this.#state = state;\n        if (this.#state === \"finished\") {\n            this.finishTooltip();\n        }\n    }\n\n    // Updates the tooltip content based on the current state and the feature's geometry.\n    updateTooltipContent() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        const projection = this.#olMap.getView().getProjection();\n        let output;\n        if (geometry instanceof Polygon) {\n            output = formatArea(geometry, projection, this.#messages);\n        } else if (geometry instanceof LineString) {\n            output = formatLength(geometry, projection, this.#messages);\n        }\n        if (output) {\n            this.#tooltip.setContent(createElement(MeasurementTooltipContent, { content: output }));\n        }\n    }\n\n    // Updates the tooltip's position.\n    updateTooltipPosition() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        let tooltipCoord: Coordinate;\n        if (geometry instanceof Polygon) {\n            tooltipCoord = geometry.getInteriorPoint().getCoordinates() || null;\n        } else if (geometry instanceof LineString) {\n            tooltipCoord = geometry.getLastCoordinate() || null;\n        } else {\n            return;\n        }\n        this.#tooltip.setPosition(tooltipCoord);\n    }\n\n    finishTooltip() {\n        this.#tooltip.element.className = FINISHED_MEASUREMENT_CLASSNAME;\n        this.#tooltip.setOffset(FINISHED_MEASUREMENT_OFFSET);\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n    }\n\n    get #olMap(): OlMap {\n        return this.controller.olMap;\n    }\n\n    get #messages(): Messages {\n        return this.controller.messages;\n    }\n}\n\nconst DEFAULT_MEASUREMENT_OFFSET = [0, -15];\nconst FINISHED_MEASUREMENT_OFFSET = [0, -7];\nconst ACTIVE_MEASUREMENT_CLASSNAME = \"measurement-tooltip measurement-active-tooltip printing-hide\";\nconst FINISHED_MEASUREMENT_CLASSNAME = \"measurement-tooltip measurement-finished-tooltip\";\n\nfunction createHelpTooltip(map: MapModel): Overlay {\n    const helpOverlay = map.overlays.add({\n        className: \"measurement-tooltip printing-hide\",\n        position: \"follow-pointer\",\n        tag: \"measurement-help-overlay\",\n        offset: [15, 0],\n        positioning: \"center-left\",\n        ariaRole: \"tooltip\",\n        content: createElement(MeasurementTooltipContent)\n    });\n\n    return helpOverlay;\n}\n\nfunction createMeasureTooltip(map: MapModel, isFinished = false): Overlay {\n    const overlay = map.overlays.add({\n        content: createElement(MeasurementTooltipContent),\n        offset: !isFinished ? DEFAULT_MEASUREMENT_OFFSET : FINISHED_MEASUREMENT_OFFSET,\n        positioning: \"bottom-center\",\n        className: !isFinished ? ACTIVE_MEASUREMENT_CLASSNAME : FINISHED_MEASUREMENT_CLASSNAME,\n        stopEvent: false,\n        ariaRole: \"tooltip\",\n        advanced: {\n            insertFirst: false\n        }\n    });\n\n    return overlay;\n}\n\nfunction getHelpMessage(messages: Messages, activeMeasurement: MeasurementInstance | undefined) {\n    if (activeMeasurement) {\n        const geom = activeMeasurement.feature.getGeometry();\n        if (geom instanceof Polygon || geom instanceof LineString) {\n            return messages.getContinueMessage();\n        }\n    }\n    return messages.getHelpMessage();\n}\n\nfunction formatArea(polygon: Polygon, projection: Projection, messages: Messages) {\n    const area = getArea(polygon, { projection });\n    let output;\n    if (area >= 1000000) {\n        output = `${messages.formatNumber(area / 1000000)} km\\u00B2`;\n    } else {\n        output = `${messages.formatNumber(area)} m\\u00B2`;\n    }\n    return output;\n}\n\nfunction formatLength(line: LineString, projection: Projection, messages: Messages) {\n    const length = getLength(line, { projection });\n    let output;\n    if (length >= 1000) {\n        output = `${messages.formatNumber(length / 1000)} km`;\n    } else {\n        output = `${messages.formatNumber(length)} m`;\n    }\n    return output;\n}\n"],"names":["VectorSource","VectorLayer","toStyleFunction"],"mappings":"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"}

package/MeasurementTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementTooltip.js","sources":["MeasurementTooltip.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Span } from \"@chakra-ui/react\";\nimport { ReactNode } from \"react\";\n\nexport function MeasurementTooltipContent(props: { content?: ReactNode }) {\n    const { content } = props;\n    return <Span>{content}</Span>;\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,0BAA0B,KAAA,EAAgC;AACtE,EAAA,MAAM,EAAE,SAAQ,GAAI,KAAA;AACpB,EAAA,uBAAO,GAAA,CAAC,QAAM,QAAA,EAAA,OAAA,EAAQ,CAAA;AAC1B;;;;"}
+{"version":3,"file":"MeasurementTooltip.js","sources":["MeasurementTooltip.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Span } from \"@chakra-ui/react\";\nimport { ReactNode } from \"react\";\n\nexport function MeasurementTooltipContent(props: { content?: ReactNode }) {\n    const { content } = props;\n    return <Span>{content}</Span>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,0BAA0B,KAAA,EAAgC;AACtE,EAAA,MAAM,EAAE,SAAQ,GAAI,KAAA;AACpB,EAAA,uBAAO,GAAA,CAAC,QAAM,QAAA,EAAA,OAAA,EAAQ,CAAA;AAC1B;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/measurement",
-  "version": "1.4.0-dev.20260625074633",
+  "version": "1.4.0",
   "description": "This package provides a UI component that allows the user to perform area and distance measurements on the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,14 +14,14 @@
     "directory": "src/packages/measurement"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.36.0",
-    "@open-pioneer/core": "4.7.0-dev.20260624141040",
-    "@open-pioneer/react-utils": "4.7.0-dev.20260624141040",
-    "@open-pioneer/runtime": "4.7.0-dev.20260624141040",
-    "@open-pioneer/chakra-snippets": "4.7.0-dev.20260624141040",
+    "@chakra-ui/react": "^3.36.1",
+    "@open-pioneer/chakra-snippets": "^4.7.0",
+    "@open-pioneer/core": "^4.7.0",
+    "@open-pioneer/react-utils": "^4.7.0",
+    "@open-pioneer/runtime": "^4.7.0",
     "ol": "^10.9.0",
-    "react": "^19.2.7",
-    "@open-pioneer/map": "1.4.0-dev.20260625074633"
+    "react": "^19.2.8",
+    "@open-pioneer/map": "1.4.0"
   },
   "exports": {
     "./package.json": "./package.json",