@open-pioneer/editing 0.1.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @open-pioneer/editing
 
+## 0.2.1
+
+### Patch Changes
+
+-   4140646: Update trails dependencies
+-   4140646: Update to react 18.3.1
+-   81bc7da: Update trails dependencies
+-   2c092dc: Update dependencies
+-   Updated dependencies [4140646]
+-   Updated dependencies [4140646]
+-   Updated dependencies [b5bb7a1]
+-   Updated dependencies [81bc7da]
+-   Updated dependencies [2c092dc]
+    -   @open-pioneer/map@0.5.1
+
+## 0.2.0
+
+### Minor Changes
+
+-   434fd3e: Implemented update feature workflow in EditingService
+
+### Patch Changes
+
+-   Updated dependencies [520a97b]
+    -   @open-pioneer/map@0.5.0
+
 ## 0.1.0
 
 ### Minor Changes

package/EditingCreateWorkflowImpl.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "@open-pioneer/core";
+import { Draw } from "ol/interaction";
+import { EditingWorkflow, EditingWorkflowEvents, EditingWorkflowProps, EditingWorkflowState } from "./api";
+export declare class EditingCreateWorkflowImpl extends EventEmitter<EditingWorkflowEvents> implements EditingWorkflow {
+    #private;
+    private _httpService;
+    private _intl;
+    private _map;
+    private _polygonStyle;
+    private _vertexStyle;
+    private _state;
+    private _editLayerURL;
+    private _featureId;
+    private _editingSource;
+    private _editingLayer;
+    private _drawInteraction;
+    private _olMap;
+    private _mapContainer;
+    private _tooltip;
+    private _enterHandler;
+    private _escapeHandler;
+    private _error;
+    private _interactionListener;
+    private _mapListener;
+    constructor(options: EditingWorkflowProps);
+    getDrawInteraction(): Draw;
+    getState(): EditingWorkflowState;
+    private _setState;
+    private _save;
+    private _start;
+    reset(): void;
+    stop(): void;
+    private _destroy;
+    triggerSave(): void;
+    whenComplete(): Promise<Record<string, string> | undefined>;
+}

package/{EditingWorkflowImpl.js → EditingCreateWorkflowImpl.js}

@@ -1,59 +1,71 @@
-import { EventEmitter, createManualPromise } from '@open-pioneer/core';
+import { createLogger, EventEmitter, createManualPromise } from '@open-pioneer/core';
 import { TOPMOST_LAYER_Z } from '@open-pioneer/map';
+import { unByKey } from 'ol/Observable';
+import GeoJSON from 'ol/format/GeoJSON';
 import { Draw } from 'ol/interaction';
 import VectorLayer from 'ol/layer/Vector';
 import VectorSource from 'ol/source/Vector';
-import GeoJSON from 'ol/format/GeoJSON';
 import { saveCreatedFeature } from './SaveFeaturesHandler.js';
-import Overlay from 'ol/Overlay';
-import { unByKey } from 'ol/Observable';
+import { createTooltip } from './Tooltip.js';
+import { createStyles } from './style-utils.js';
 
-class EditingWorkflowImpl extends EventEmitter {
+const LOG = createLogger("editing:EditingCreateWorkflowImpl");
+class EditingCreateWorkflowImpl extends EventEmitter {
   #waiter;
   _httpService;
   _intl;
   _map;
-  _polygonDrawStyle;
+  _polygonStyle;
+  _vertexStyle;
   _state;
   _editLayerURL;
-  _drawSource;
-  _drawLayer;
+  _featureId;
+  _editingSource;
+  _editingLayer;
   _drawInteraction;
   _olMap;
   _mapContainer;
   _tooltip;
   _enterHandler;
   _escapeHandler;
+  _error;
   _interactionListener;
   _mapListener;
   constructor(options) {
     super();
     this._httpService = options.httpService;
     this._intl = options.intl;
-    this._polygonDrawStyle = options.polygonDrawStyle;
+    this._polygonStyle = options.polygonStyle;
+    this._vertexStyle = options.vertexStyle;
     this._map = options.map;
     this._olMap = options.map.olMap;
     this._state = "active:initialized";
     this._editLayerURL = options.ogcApiFeatureLayerUrl;
-    this._drawSource = new VectorSource();
-    this._drawLayer = new VectorLayer({
-      source: this._drawSource,
+    this._editingSource = new VectorSource();
+    this._editingLayer = new VectorLayer({
+      source: this._editingSource,
       zIndex: TOPMOST_LAYER_Z,
       properties: {
         name: "editing-layer"
       }
     });
     this._drawInteraction = new Draw({
-      source: this._drawSource,
+      source: this._editingSource,
       type: "Polygon",
-      style: this._polygonDrawStyle
+      style: createStyles({
+        polygon: this._polygonStyle,
+        vertex: this._vertexStyle
+      })
     });
-    this._tooltip = this._createTooltip(this._olMap);
+    this._tooltip = createTooltip(
+      this._olMap,
+      this._intl.formatMessage({ id: "create.tooltip.begin" })
+    );
     this._enterHandler = (e) => {
-      if (e.code === "Enter" && e.target === this._olMap.getTargetElement()) {
+      if ((e.code === "Enter" || e.code === "NumpadEnter") && e.target === this._olMap.getTargetElement()) {
         const features = this._drawInteraction.getOverlay().getSource().getFeatures();
         if (features[0] && features[0].getGeometry().getCoordinates()[0].length > 4) {
-          this._drawInteraction.finishDrawing();
+          this.triggerSave();
         }
       }
     };
@@ -76,46 +88,61 @@ class EditingWorkflowImpl extends EventEmitter {
     this._state = state;
     this.emit(state);
   }
+  _save(feature) {
+    this._setState("active:saving");
+    const layerUrl = this._editLayerURL;
+    const geometry = feature.getGeometry();
+    if (!geometry) {
+      this._destroy();
+      this._error = new Error("no geometry available");
+      this.#waiter?.reject(this._error);
+      return;
+    }
+    const projection = this._olMap.getView().getProjection();
+    const geoJson = new GeoJSON({
+      dataProjection: projection
+    });
+    const geoJSONGeometry = geoJson.writeGeometryObject(geometry, {
+      rightHanded: true,
+      decimals: 10
+    });
+    saveCreatedFeature(this._httpService, layerUrl, geoJSONGeometry, projection).then((featureId) => {
+      this._featureId = featureId;
+      this._destroy();
+      this.#waiter?.resolve({ featureId: this._featureId });
+    }).catch((err) => {
+      LOG.error(err);
+      this._destroy();
+      this._error = new Error("Failed to save feature", { cause: err });
+      this.#waiter?.reject(this._error);
+    });
+  }
   _start() {
-    this._olMap.addLayer(this._drawLayer);
+    this._olMap.addLayer(this._editingLayer);
     this._olMap.addInteraction(this._drawInteraction);
     this._mapContainer = this._olMap.getTargetElement() ?? void 0;
     if (this._mapContainer) {
       this._mapContainer.addEventListener("keydown", this._enterHandler, false);
       this._mapContainer.addEventListener("keydown", this._escapeHandler, false);
     }
-    this._tooltip.element.classList.remove("editing-tooltip-hidden");
+    this._tooltip.setVisible(true);
     const drawStart = this._drawInteraction.on("drawstart", () => {
       this._setState("active:drawing");
-      this._tooltip.element.textContent = this._intl.formatMessage({
-        id: "tooltip.continue"
-      });
+      this._tooltip.setText(
+        this._intl.formatMessage({
+          id: "create.tooltip.continue"
+        })
+      );
     });
     const drawEnd = this._drawInteraction.on("drawend", (e) => {
-      this._setState("active:saving");
-      const layerUrl = this._editLayerURL;
-      const geometry = e.feature.getGeometry();
-      if (!geometry) {
+      const feature = e.feature;
+      if (!feature) {
         this._destroy();
-        this.#waiter?.reject(new Error("no geometry available"));
+        this._error = new Error("no feature available");
+        this.#waiter?.reject(this._error);
         return;
       }
-      const projection = this._olMap.getView().getProjection();
-      const geoJson = new GeoJSON({
-        dataProjection: projection
-      });
-      const geoJSONGeometry = geoJson.writeGeometryObject(geometry, {
-        rightHanded: true,
-        decimals: 10
-      });
-      saveCreatedFeature(this._httpService, layerUrl, geoJSONGeometry, projection).then((featureId) => {
-        this._destroy();
-        this.#waiter?.resolve(featureId);
-      }).catch((err) => {
-        console.log(err);
-        this._destroy();
-        this.#waiter?.reject(err);
-      });
+      this._save(feature);
     });
     const changedContainer = this._map.on("changed:container", () => {
       this._mapContainer?.removeEventListener("keydown", this._enterHandler);
@@ -131,7 +158,11 @@ class EditingWorkflowImpl extends EventEmitter {
   }
   reset() {
     this._drawInteraction.abortDrawing();
-    this._tooltip.element.textContent = this._intl.formatMessage({ id: "tooltip.begin" });
+    this._tooltip.setText(
+      this._intl.formatMessage({
+        id: "create.tooltip.begin"
+      })
+    );
     this._setState("active:initialized");
   }
   stop() {
@@ -139,7 +170,7 @@ class EditingWorkflowImpl extends EventEmitter {
     this.#waiter?.resolve(void 0);
   }
   _destroy() {
-    this._olMap.removeLayer(this._drawLayer);
+    this._olMap.removeLayer(this._editingLayer);
     this._olMap.removeInteraction(this._drawInteraction);
     this._tooltip.destroy();
     this._interactionListener.map((listener) => {
@@ -150,38 +181,27 @@ class EditingWorkflowImpl extends EventEmitter {
     });
     this._mapContainer?.removeEventListener("keydown", this._enterHandler);
     this._mapContainer?.removeEventListener("keydown", this._escapeHandler);
-    this._state = "inactive";
+    this._setState("destroyed");
+  }
+  triggerSave() {
+    this._drawInteraction.finishDrawing();
   }
   whenComplete() {
+    if (this._state === "destroyed") {
+      if (this._error) {
+        return Promise.reject(this._error);
+      } else {
+        if (this._featureId) {
+          return Promise.resolve({ featureId: this._featureId });
+        } else {
+          return Promise.resolve(void 0);
+        }
+      }
+    }
     const manualPromise = this.#waiter ??= createManualPromise();
     return manualPromise.promise;
   }
-  _createTooltip(olMap) {
-    const element = document.createElement("div");
-    element.className = "editing-tooltip editing-tooltip-hidden";
-    element.textContent = this._intl.formatMessage({ id: "tooltip.begin" });
-    const overlay = new Overlay({
-      element,
-      offset: [15, 0],
-      positioning: "center-left"
-    });
-    const pointerMove = olMap.on("pointermove", (evt) => {
-      if (evt.dragging) {
-        return;
-      }
-      overlay.setPosition(evt.coordinate);
-    });
-    olMap.addOverlay(overlay);
-    return {
-      overlay,
-      element,
-      destroy() {
-        unByKey(pointerMove);
-        olMap.removeOverlay(overlay);
-      }
-    };
-  }
 }
 
-export { EditingWorkflowImpl };
-//# sourceMappingURL=EditingWorkflowImpl.js.map
+export { EditingCreateWorkflowImpl };
+//# sourceMappingURL=EditingCreateWorkflowImpl.js.map

package/EditingCreateWorkflowImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditingCreateWorkflowImpl.js","sources":["EditingCreateWorkflowImpl.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    EventEmitter,\n    ManualPromise,\n    Resource,\n    createLogger,\n    createManualPromise\n} from \"@open-pioneer/core\";\nimport { HttpService } from \"@open-pioneer/http\";\nimport { MapModel, TOPMOST_LAYER_Z } from \"@open-pioneer/map\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport Feature from \"ol/Feature\";\nimport OlMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { EventsKey } from \"ol/events\";\nimport {\n    default as GeoJSON,\n    default as GeoJSONGeometry,\n    default as GeoJSONGeometryCollection\n} from \"ol/format/GeoJSON\";\nimport { Draw } from \"ol/interaction\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\nimport { FlatStyle } from \"ol/style/flat\";\nimport { saveCreatedFeature } from \"./SaveFeaturesHandler\";\nimport { Tooltip, createTooltip } from \"./Tooltip\";\nimport {\n    EditingWorkflow,\n    EditingWorkflowEvents,\n    EditingWorkflowProps,\n    EditingWorkflowState\n} from \"./api\";\nimport { createStyles } from \"./style-utils\";\n\nconst LOG = createLogger(\"editing:EditingCreateWorkflowImpl\");\n\nexport class EditingCreateWorkflowImpl\n    extends EventEmitter<EditingWorkflowEvents>\n    implements EditingWorkflow\n{\n    #waiter: ManualPromise<Record<string, string> | undefined> | undefined;\n\n    private _httpService: HttpService;\n    private _intl: PackageIntl;\n\n    private _map: MapModel;\n    private _polygonStyle: FlatStyle;\n    private _vertexStyle: FlatStyle;\n    private _state: EditingWorkflowState;\n    private _editLayerURL: URL;\n    private _featureId: string | undefined;\n\n    private _editingSource: VectorSource;\n    private _editingLayer: VectorLayer<VectorSource>;\n    private _drawInteraction: Draw;\n    private _olMap: OlMap;\n    private _mapContainer: HTMLElement | undefined;\n    private _tooltip: Tooltip;\n    private _enterHandler: (e: KeyboardEvent) => void;\n    private _escapeHandler: (e: KeyboardEvent) => void;\n\n    private _error: Error | undefined;\n\n    private _interactionListener: Array<EventsKey>;\n    private _mapListener: Array<Resource>;\n\n    constructor(options: EditingWorkflowProps) {\n        super();\n        this._httpService = options.httpService;\n        this._intl = options.intl;\n\n        this._polygonStyle = options.polygonStyle;\n        this._vertexStyle = options.vertexStyle;\n\n        this._map = options.map;\n        this._olMap = options.map.olMap;\n        this._state = \"active:initialized\";\n        this._editLayerURL = options.ogcApiFeatureLayerUrl;\n\n        this._editingSource = new VectorSource();\n        this._editingLayer = new VectorLayer({\n            source: this._editingSource,\n            zIndex: TOPMOST_LAYER_Z,\n            properties: {\n                name: \"editing-layer\"\n            }\n        });\n\n        this._drawInteraction = new Draw({\n            source: this._editingSource,\n            type: \"Polygon\",\n            style: createStyles({\n                polygon: this._polygonStyle,\n                vertex: this._vertexStyle\n            })\n        });\n\n        this._tooltip = createTooltip(\n            this._olMap,\n            this._intl.formatMessage({ id: \"create.tooltip.begin\" })\n        );\n\n        this._enterHandler = (e: KeyboardEvent) => {\n            if (\n                (e.code === \"Enter\" || e.code === \"NumpadEnter\") &&\n                e.target === this._olMap.getTargetElement()\n            ) {\n                const features = this._drawInteraction.getOverlay().getSource().getFeatures();\n\n                /**\n                 * Get the first linear ring of the polygon\n                 * Coordinates include closing vertex, so a triangle has 4, while drawing the\n                 * actual mouse position is an extra vertex, therefor we have to check\n                 * \"length > 4\" instead of \"length >= 4\"\n                 */\n                if (features[0] && features[0].getGeometry().getCoordinates()[0].length > 4) {\n                    this.triggerSave();\n                }\n            }\n        };\n\n        this._escapeHandler = (e: KeyboardEvent) => {\n            if (e.code === \"Escape\" && e.target === this._olMap.getTargetElement()) {\n                this.reset();\n            }\n        };\n\n        this._interactionListener = [];\n        this._mapListener = [];\n\n        this._start();\n    }\n\n    getDrawInteraction() {\n        return this._drawInteraction;\n    }\n\n    getState() {\n        return this._state;\n    }\n\n    private _setState(state: EditingWorkflowState) {\n        this._state = state;\n        this.emit(state);\n    }\n\n    private _save(feature: Feature) {\n        this._setState(\"active:saving\");\n\n        const layerUrl = this._editLayerURL;\n\n        const geometry = feature.getGeometry();\n        if (!geometry) {\n            this._destroy();\n            this._error = new Error(\"no geometry available\");\n            this.#waiter?.reject(this._error);\n            return;\n        }\n        const projection = this._olMap.getView().getProjection();\n        const geoJson = new GeoJSON({\n            dataProjection: projection\n        });\n        const geoJSONGeometry: GeoJSONGeometry | GeoJSONGeometryCollection =\n            geoJson.writeGeometryObject(geometry, {\n                rightHanded: true,\n                decimals: 10\n            });\n\n        saveCreatedFeature(this._httpService, layerUrl, geoJSONGeometry, projection)\n            .then((featureId) => {\n                this._featureId = featureId;\n                this._destroy();\n                this.#waiter?.resolve({ featureId: this._featureId });\n            })\n            .catch((err: Error) => {\n                LOG.error(err);\n                this._destroy();\n                this._error = new Error(\"Failed to save feature\", { cause: err });\n                this.#waiter?.reject(this._error);\n            });\n    }\n\n    private _start() {\n        this._olMap.addLayer(this._editingLayer);\n        this._olMap.addInteraction(this._drawInteraction);\n\n        // Add EventListener on focused map to abort actual interaction via `Escape`\n        this._mapContainer = this._olMap.getTargetElement() ?? undefined;\n        if (this._mapContainer) {\n            this._mapContainer.addEventListener(\"keydown\", this._enterHandler, false);\n            this._mapContainer.addEventListener(\"keydown\", this._escapeHandler, false);\n        }\n\n        this._tooltip.setVisible(true);\n\n        const drawStart = this._drawInteraction.on(\"drawstart\", () => {\n            this._setState(\"active:drawing\");\n            this._tooltip.setText(\n                this._intl.formatMessage({\n                    id: \"create.tooltip.continue\"\n                })\n            );\n        });\n\n        const drawEnd = this._drawInteraction.on(\"drawend\", (e) => {\n            const feature = e.feature;\n            if (!feature) {\n                this._destroy();\n                this._error = new Error(\"no feature available\");\n                this.#waiter?.reject(this._error);\n                return;\n            }\n            this._save(feature);\n        });\n\n        // update event handler when container changes\n        const changedContainer = this._map.on(\"changed:container\", () => {\n            this._mapContainer?.removeEventListener(\"keydown\", this._enterHandler);\n            this._mapContainer?.removeEventListener(\"keydown\", this._escapeHandler);\n\n            this._mapContainer = this._olMap.getTargetElement() ?? undefined;\n            if (this._mapContainer) {\n                this._mapContainer.addEventListener(\"keydown\", this._enterHandler, false);\n                this._mapContainer.addEventListener(\"keydown\", this._escapeHandler, false);\n            }\n        });\n\n        this._interactionListener.push(drawStart, drawEnd);\n        this._mapListener.push(changedContainer);\n    }\n\n    reset() {\n        this._drawInteraction.abortDrawing();\n        this._tooltip.setText(\n            this._intl.formatMessage({\n                id: \"create.tooltip.begin\"\n            })\n        );\n        this._setState(\"active:initialized\");\n    }\n\n    stop() {\n        this._destroy();\n        this.#waiter?.resolve(undefined);\n    }\n\n    private _destroy() {\n        this._olMap.removeLayer(this._editingLayer);\n        this._olMap.removeInteraction(this._drawInteraction);\n        this._tooltip.destroy();\n\n        // Remove event listener on interaction and on map\n        this._interactionListener.map((listener) => {\n            unByKey(listener);\n        });\n        this._mapListener.map((listener) => {\n            listener.destroy();\n        });\n\n        // Remove event escape listener\n        this._mapContainer?.removeEventListener(\"keydown\", this._enterHandler);\n        this._mapContainer?.removeEventListener(\"keydown\", this._escapeHandler);\n\n        this._setState(\"destroyed\");\n    }\n\n    triggerSave() {\n        // Stop drawing - the `drawend` event is dispatched before inserting the feature.\n        this._drawInteraction.finishDrawing();\n    }\n\n    whenComplete(): Promise<Record<string, string> | undefined> {\n        if (this._state === \"destroyed\") {\n            if (this._error) {\n                return Promise.reject(this._error);\n            } else {\n                if (this._featureId) {\n                    return Promise.resolve({ featureId: this._featureId });\n                } else {\n                    return Promise.resolve(undefined);\n                }\n            }\n        }\n\n        const manualPromise = (this.#waiter ??= createManualPromise());\n        return manualPromise.promise;\n    }\n}\n"],"names":[],"mappings":"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"}

package/EditingServiceImpl.d.ts

@@ -1,8 +1,10 @@
 import { MapModel, MapRegistry } from "@open-pioneer/map";
 import { EditingService } from "./api";
-import { EditingWorkflowImpl } from "./EditingWorkflowImpl";
+import { EditingCreateWorkflowImpl } from "./EditingCreateWorkflowImpl";
+import { EditingUpdateWorkflowImpl } from "./EditingUpdateWorkflowImpl";
 import { ServiceOptions } from "@open-pioneer/runtime";
 import { HttpService } from "@open-pioneer/http";
+import { Feature } from "ol";
 export interface References {
     mapRegistry: MapRegistry;
     httpService: HttpService;
@@ -11,8 +13,9 @@ export declare class EditingServiceImpl implements EditingService {
     private _serviceOptions;
     private _workflows;
     constructor(serviceOptions: ServiceOptions<References>);
-    start(map: MapModel, ogcApiFeatureLayerUrl: URL): EditingWorkflowImpl;
-    stop(mapId: string): Error | void;
-    reset(mapId: string): Error | void;
-    _connectToWorkflowComplete(workflow: EditingWorkflowImpl, mapId: string): void;
+    createFeature(map: MapModel, ogcApiFeatureLayerUrl: URL): EditingCreateWorkflowImpl;
+    updateFeature(map: MapModel, ogcApiFeatureLayerUrl: URL, feature: Feature): EditingUpdateWorkflowImpl;
+    stop(mapId: string): void;
+    reset(mapId: string): void;
+    _connectToWorkflowDestroyEvent(workflow: EditingCreateWorkflowImpl | EditingUpdateWorkflowImpl, mapId: string): void;
 }

package/EditingServiceImpl.js

@@ -1,4 +1,5 @@
-import { EditingWorkflowImpl } from './EditingWorkflowImpl.js';
+import { EditingCreateWorkflowImpl } from './EditingCreateWorkflowImpl.js';
+import { EditingUpdateWorkflowImpl } from './EditingUpdateWorkflowImpl.js';
 
 class EditingServiceImpl {
   _serviceOptions;
@@ -7,7 +8,7 @@ class EditingServiceImpl {
     this._serviceOptions = serviceOptions;
     this._workflows = /* @__PURE__ */ new Map();
   }
-  start(map, ogcApiFeatureLayerUrl) {
+  createFeature(map, ogcApiFeatureLayerUrl) {
     if (!ogcApiFeatureLayerUrl || !map || !map.id) {
       throw new Error("Map, mapId or url is undefined.");
     }
@@ -18,23 +19,46 @@ class EditingServiceImpl {
         "EditingWorkflow could not be started. EditingWorkflow already in progress for this map."
       );
     }
-    workflow = new EditingWorkflowImpl({
+    workflow = new EditingCreateWorkflowImpl({
       map,
       ogcApiFeatureLayerUrl,
-      polygonDrawStyle: this._serviceOptions.properties.polygonDrawStyle,
+      polygonStyle: this._serviceOptions.properties.polygonStyle,
+      vertexStyle: this._serviceOptions.properties.vertexStyle,
       httpService: this._serviceOptions.references.httpService,
       intl: this._serviceOptions.intl
     });
     this._workflows.set(mapId, workflow);
-    this._connectToWorkflowComplete(workflow, mapId);
+    this._connectToWorkflowDestroyEvent(workflow, mapId);
+    return workflow;
+  }
+  updateFeature(map, ogcApiFeatureLayerUrl, feature) {
+    if (!ogcApiFeatureLayerUrl || !map || !map.id) {
+      throw new Error("Map, mapId or url is undefined.");
+    }
+    const mapId = map.id;
+    let workflow = this._workflows.get(mapId);
+    if (workflow) {
+      throw new Error(
+        "EditingWorkflow could not be started. EditingWorkflow already in progress for this map."
+      );
+    }
+    workflow = new EditingUpdateWorkflowImpl({
+      map,
+      ogcApiFeatureLayerUrl,
+      feature,
+      polygonStyle: this._serviceOptions.properties.polygonStyle,
+      vertexStyle: this._serviceOptions.properties.vertexStyle,
+      httpService: this._serviceOptions.references.httpService,
+      intl: this._serviceOptions.intl
+    });
+    this._workflows.set(mapId, workflow);
+    this._connectToWorkflowDestroyEvent(workflow, mapId);
     return workflow;
   }
   stop(mapId) {
     const workflow = this._workflows.get(mapId);
     if (workflow) {
       workflow.stop();
-    } else {
-      return new Error("No workflow found for mapId: " + mapId);
     }
   }
   reset(mapId) {
@@ -42,12 +66,14 @@ class EditingServiceImpl {
     if (workflow) {
       workflow.reset();
     } else {
-      return new Error("No workflow found for mapId: " + mapId);
+      throw new Error("No workflow found for mapId: " + mapId);
     }
   }
-  _connectToWorkflowComplete(workflow, mapId) {
-    workflow.whenComplete().finally(() => {
-      this._workflows.delete(mapId);
+  _connectToWorkflowDestroyEvent(workflow, mapId) {
+    workflow.on("destroyed", () => {
+      if (this._workflows.get(mapId) === workflow) {
+        this._workflows.delete(mapId);
+      }
     });
   }
 }

package/EditingServiceImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditingServiceImpl.js","sources":["EditingServiceImpl.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { MapModel, MapRegistry } from \"@open-pioneer/map\";\nimport { EditingService } from \"./api\";\nimport { EditingWorkflowImpl } from \"./EditingWorkflowImpl\";\nimport { FlatStyleLike } from \"ol/style/flat\";\nimport { ServiceOptions } from \"@open-pioneer/runtime\";\nimport { HttpService } from \"@open-pioneer/http\";\n\nexport interface References {\n    mapRegistry: MapRegistry;\n    httpService: HttpService;\n}\n\nexport class EditingServiceImpl implements EditingService {\n    private _serviceOptions: ServiceOptions<References>;\n    private _workflows: Map<string, EditingWorkflowImpl>;\n\n    constructor(serviceOptions: ServiceOptions<References>) {\n        this._serviceOptions = serviceOptions;\n        this._workflows = new Map();\n    }\n\n    start(map: MapModel, ogcApiFeatureLayerUrl: URL): EditingWorkflowImpl {\n        if (!ogcApiFeatureLayerUrl || !map || !map.id) {\n            throw new Error(\"Map, mapId or url is undefined.\");\n        }\n\n        const mapId = map.id;\n\n        let workflow = this._workflows.get(mapId);\n        if (workflow) {\n            throw new Error(\n                \"EditingWorkflow could not be started. EditingWorkflow already in progress for this map.\"\n            );\n        }\n\n        workflow = new EditingWorkflowImpl({\n            map,\n            ogcApiFeatureLayerUrl,\n            polygonDrawStyle: this._serviceOptions.properties.polygonDrawStyle as FlatStyleLike,\n            httpService: this._serviceOptions.references.httpService,\n            intl: this._serviceOptions.intl\n        });\n        this._workflows.set(mapId, workflow);\n        this._connectToWorkflowComplete(workflow, mapId);\n\n        return workflow;\n    }\n\n    stop(mapId: string): Error | void {\n        const workflow = this._workflows.get(mapId);\n        if (workflow) {\n            workflow.stop();\n        } else {\n            return new Error(\"No workflow found for mapId: \" + mapId);\n        }\n    }\n\n    reset(mapId: string): Error | void {\n        const workflow = this._workflows.get(mapId);\n        if (workflow) {\n            workflow.reset();\n        } else {\n            return new Error(\"No workflow found for mapId: \" + mapId);\n        }\n    }\n\n    _connectToWorkflowComplete(workflow: EditingWorkflowImpl, mapId: string) {\n        workflow.whenComplete().finally(() => {\n            this._workflows.delete(mapId);\n        });\n    }\n}\n"],"names":[],"mappings":";;AAcO,MAAM,kBAA6C,CAAA;AAAA,EAC9C,eAAA,CAAA;AAAA,EACA,UAAA,CAAA;AAAA,EAER,YAAY,cAA4C,EAAA;AACpD,IAAA,IAAA,CAAK,eAAkB,GAAA,cAAA,CAAA;AACvB,IAAK,IAAA,CAAA,UAAA,uBAAiB,GAAI,EAAA,CAAA;AAAA,GAC9B;AAAA,EAEA,KAAA,CAAM,KAAe,qBAAiD,EAAA;AAClE,IAAA,IAAI,CAAC,qBAAyB,IAAA,CAAC,GAAO,IAAA,CAAC,IAAI,EAAI,EAAA;AAC3C,MAAM,MAAA,IAAI,MAAM,iCAAiC,CAAA,CAAA;AAAA,KACrD;AAEA,IAAA,MAAM,QAAQ,GAAI,CAAA,EAAA,CAAA;AAElB,IAAA,IAAI,QAAW,GAAA,IAAA,CAAK,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AACxC,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,MAAM,IAAI,KAAA;AAAA,QACN,yFAAA;AAAA,OACJ,CAAA;AAAA,KACJ;AAEA,IAAA,QAAA,GAAW,IAAI,mBAAoB,CAAA;AAAA,MAC/B,GAAA;AAAA,MACA,qBAAA;AAAA,MACA,gBAAA,EAAkB,IAAK,CAAA,eAAA,CAAgB,UAAW,CAAA,gBAAA;AAAA,MAClD,WAAA,EAAa,IAAK,CAAA,eAAA,CAAgB,UAAW,CAAA,WAAA;AAAA,MAC7C,IAAA,EAAM,KAAK,eAAgB,CAAA,IAAA;AAAA,KAC9B,CAAA,CAAA;AACD,IAAK,IAAA,CAAA,UAAA,CAAW,GAAI,CAAA,KAAA,EAAO,QAAQ,CAAA,CAAA;AACnC,IAAK,IAAA,CAAA,0BAAA,CAA2B,UAAU,KAAK,CAAA,CAAA;AAE/C,IAAO,OAAA,QAAA,CAAA;AAAA,GACX;AAAA,EAEA,KAAK,KAA6B,EAAA;AAC9B,IAAA,MAAM,QAAW,GAAA,IAAA,CAAK,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAC1C,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,QAAA,CAAS,IAAK,EAAA,CAAA;AAAA,KACX,MAAA;AACH,MAAO,OAAA,IAAI,KAAM,CAAA,+BAAA,GAAkC,KAAK,CAAA,CAAA;AAAA,KAC5D;AAAA,GACJ;AAAA,EAEA,MAAM,KAA6B,EAAA;AAC/B,IAAA,MAAM,QAAW,GAAA,IAAA,CAAK,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAC1C,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,QAAA,CAAS,KAAM,EAAA,CAAA;AAAA,KACZ,MAAA;AACH,MAAO,OAAA,IAAI,KAAM,CAAA,+BAAA,GAAkC,KAAK,CAAA,CAAA;AAAA,KAC5D;AAAA,GACJ;AAAA,EAEA,0BAAA,CAA2B,UAA+B,KAAe,EAAA;AACrE,IAAS,QAAA,CAAA,YAAA,EAAe,CAAA,OAAA,CAAQ,MAAM;AAClC,MAAK,IAAA,CAAA,UAAA,CAAW,OAAO,KAAK,CAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAAA,GACL;AACJ;;;;"}
+{"version":3,"file":"EditingServiceImpl.js","sources":["EditingServiceImpl.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { MapModel, MapRegistry } from \"@open-pioneer/map\";\nimport { EditingService } from \"./api\";\nimport { EditingCreateWorkflowImpl } from \"./EditingCreateWorkflowImpl\";\nimport { EditingUpdateWorkflowImpl } from \"./EditingUpdateWorkflowImpl\";\nimport { FlatStyle } from \"ol/style/flat\";\nimport { ServiceOptions } from \"@open-pioneer/runtime\";\nimport { HttpService } from \"@open-pioneer/http\";\nimport { Feature } from \"ol\";\n\nexport interface References {\n    mapRegistry: MapRegistry;\n    httpService: HttpService;\n}\n\nexport class EditingServiceImpl implements EditingService {\n    private _serviceOptions: ServiceOptions<References>;\n    private _workflows: Map<string, EditingCreateWorkflowImpl | EditingUpdateWorkflowImpl>;\n\n    constructor(serviceOptions: ServiceOptions<References>) {\n        this._serviceOptions = serviceOptions;\n        this._workflows = new Map();\n    }\n\n    createFeature(map: MapModel, ogcApiFeatureLayerUrl: URL): EditingCreateWorkflowImpl {\n        if (!ogcApiFeatureLayerUrl || !map || !map.id) {\n            throw new Error(\"Map, mapId or url is undefined.\");\n        }\n\n        const mapId = map.id;\n\n        let workflow = this._workflows.get(mapId);\n        if (workflow) {\n            throw new Error(\n                \"EditingWorkflow could not be started. EditingWorkflow already in progress for this map.\"\n            );\n        }\n\n        workflow = new EditingCreateWorkflowImpl({\n            map,\n            ogcApiFeatureLayerUrl,\n            polygonStyle: this._serviceOptions.properties.polygonStyle as FlatStyle,\n            vertexStyle: this._serviceOptions.properties.vertexStyle as FlatStyle,\n            httpService: this._serviceOptions.references.httpService,\n            intl: this._serviceOptions.intl\n        });\n        this._workflows.set(mapId, workflow);\n        this._connectToWorkflowDestroyEvent(workflow, mapId);\n\n        return workflow;\n    }\n\n    updateFeature(\n        map: MapModel,\n        ogcApiFeatureLayerUrl: URL,\n        feature: Feature\n    ): EditingUpdateWorkflowImpl {\n        if (!ogcApiFeatureLayerUrl || !map || !map.id) {\n            throw new Error(\"Map, mapId or url is undefined.\");\n        }\n\n        const mapId = map.id;\n\n        let workflow = this._workflows.get(mapId);\n        if (workflow) {\n            throw new Error(\n                \"EditingWorkflow could not be started. EditingWorkflow already in progress for this map.\"\n            );\n        }\n\n        workflow = new EditingUpdateWorkflowImpl({\n            map,\n            ogcApiFeatureLayerUrl,\n            feature,\n            polygonStyle: this._serviceOptions.properties.polygonStyle as FlatStyle,\n            vertexStyle: this._serviceOptions.properties.vertexStyle as FlatStyle,\n            httpService: this._serviceOptions.references.httpService,\n            intl: this._serviceOptions.intl\n        });\n        this._workflows.set(mapId, workflow);\n        this._connectToWorkflowDestroyEvent(workflow, mapId);\n\n        return workflow;\n    }\n\n    stop(mapId: string): void {\n        const workflow = this._workflows.get(mapId);\n        if (workflow) {\n            workflow.stop();\n        }\n        // A missing workflow is not an error if all we want to do is stop it.\n    }\n\n    reset(mapId: string): void {\n        const workflow = this._workflows.get(mapId);\n        if (workflow) {\n            workflow.reset();\n        } else {\n            throw new Error(\"No workflow found for mapId: \" + mapId);\n        }\n    }\n\n    _connectToWorkflowDestroyEvent(\n        workflow: EditingCreateWorkflowImpl | EditingUpdateWorkflowImpl,\n        mapId: string\n    ) {\n        workflow.on(\"destroyed\", () => {\n            if (this._workflows.get(mapId) === workflow) {\n                this._workflows.delete(mapId);\n            }\n        });\n    }\n}\n"],"names":[],"mappings":"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"}

package/EditingUpdateWorkflowImpl.d.ts

@@ -0,0 +1,41 @@
+import { EventEmitter } from "@open-pioneer/core";
+import { Modify } from "ol/interaction";
+import Feature from "ol/Feature";
+import { EditingWorkflowEvents, EditingWorkflowState, EditingWorkflow, EditingWorkflowProps } from "./api";
+export declare class EditingUpdateWorkflowImpl extends EventEmitter<EditingWorkflowEvents> implements EditingWorkflow {
+    #private;
+    private _httpService;
+    private _intl;
+    private _map;
+    private _polygonStyle;
+    private _vertexStyle;
+    private _state;
+    private _editLayerURL;
+    private _featureId;
+    private _initialFeature;
+    private _editFeature;
+    private _editingSource;
+    private _editingLayer;
+    private _modifyInteraction;
+    private _olMap;
+    private _mapContainer;
+    private _tooltip;
+    private _enterHandler;
+    private _escapeHandler;
+    private _error;
+    private _interactionListener;
+    private _mapListener;
+    constructor(options: {
+        feature: Feature;
+    } & EditingWorkflowProps);
+    getModifyInteraction(): Modify;
+    getState(): EditingWorkflowState;
+    private _setState;
+    private _save;
+    private _start;
+    reset(): void;
+    stop(): void;
+    private _destroy;
+    triggerSave(): void;
+    whenComplete(): Promise<Record<string, string> | undefined>;
+}