@vcmap/core 5.0.0-rc.28 → 5.0.0-rc.29

package/src/util/editor/interactions/createBBoxInteraction.js

@@ -65,7 +65,10 @@ class CreateBBoxInteraction extends AbstractInteraction {
 
       this._lastCoordinate[2] = this._origin[2];
       let ringCoordinates;
-      if ((originXHigher && originYHigher) || (!originXHigher && !originYHigher)) {
+      if (
+        (originXHigher && originYHigher) ||
+        (!originXHigher && !originYHigher)
+      ) {
         ringCoordinates = [
           this._origin,
           [this._lastCoordinate[0], this._origin[1], this._origin[2]],
@@ -91,7 +94,11 @@ class CreateBBoxInteraction extends AbstractInteraction {
    */
   async pipe(event) {
     if (event.type & EventType.CLICKMOVE && this._geometry) {
-      this._lastCoordinate.splice(0, event.positionOrPixel.length, ...event.positionOrPixel);
+      this._lastCoordinate.splice(
+        0,
+        event.positionOrPixel.length,
+        ...event.positionOrPixel,
+      );
       this._setCoordinates();
     }
 
@@ -101,7 +108,8 @@ class CreateBBoxInteraction extends AbstractInteraction {
       } else {
         this._geometry = new Polygon([[event.positionOrPixel.slice()]], 'XYZ');
         this._geometry.set('_vcsGeomType', GeometryType.BBox);
-        this._geometry[alreadyTransformedToImage] = event.map instanceof ObliqueMap;
+        this._geometry[alreadyTransformedToImage] =
+          event.map instanceof ObliqueMap;
         this.created.raiseEvent(this._geometry);
         this._origin = event.positionOrPixel.slice();
         this._lastCoordinate = this._origin.slice();

package/src/util/editor/interactions/createCircleInteraction.js

@@ -61,7 +61,11 @@ class CreateCircleInteraction extends AbstractInteraction {
    */
   async pipe(event) {
     if (event.type & EventType.CLICKMOVE && this._geometry) {
-      this._lastCoordinate.splice(0, event.positionOrPixel.length, ...event.positionOrPixel);
+      this._lastCoordinate.splice(
+        0,
+        event.positionOrPixel.length,
+        ...event.positionOrPixel,
+      );
       this._setCoordinates();
     }
 
@@ -71,7 +75,8 @@ class CreateCircleInteraction extends AbstractInteraction {
       } else {
         this._geometry = new Circle(event.positionOrPixel, 20, 'XYZ');
         this._geometry[actuallyIsCircle] = event.map instanceof ObliqueMap;
-        this._geometry[alreadyTransformedToImage] = event.map instanceof ObliqueMap;
+        this._geometry[alreadyTransformedToImage] =
+          event.map instanceof ObliqueMap;
         this.created.raiseEvent(this._geometry);
         this._coordinates = this._geometry.getCoordinates();
         this._lastCoordinate = this._coordinates[1];

package/src/util/editor/interactions/createLineStringInteraction.js

@@ -57,14 +57,19 @@ class CreateLineStringInteraction extends AbstractInteraction {
    */
   async pipe(event) {
     if (event.type & EventType.CLICKMOVE && this._geometry) {
-      this._lastCoordinate.splice(0, event.positionOrPixel.length, ...event.positionOrPixel);
+      this._lastCoordinate.splice(
+        0,
+        event.positionOrPixel.length,
+        ...event.positionOrPixel,
+      );
       this._setCoordinates();
     }
 
     if (event.type & EventType.CLICK) {
       if (!this._geometry) {
         this._geometry = new LineString([event.positionOrPixel], 'XYZ');
-        this._geometry[alreadyTransformedToImage] = event.map instanceof ObliqueMap;
+        this._geometry[alreadyTransformedToImage] =
+          event.map instanceof ObliqueMap;
         this.created.raiseEvent(this._geometry);
         this._coordinates = [event.positionOrPixel.slice()];
         this._lastCoordinate = this._coordinates[0].slice();

package/src/util/editor/interactions/createPolygonInteraction.js

@@ -65,14 +65,19 @@ class CreatePolygonInteraction extends AbstractInteraction {
    */
   async pipe(event) {
     if (event.type & EventType.CLICKMOVE && this._geometry) {
-      this._lastCoordinate.splice(0, event.positionOrPixel.length, ...event.positionOrPixel);
+      this._lastCoordinate.splice(
+        0,
+        event.positionOrPixel.length,
+        ...event.positionOrPixel,
+      );
       this._setCoordinates();
     }
 
     if (event.type & EventType.CLICK) {
       if (!this._geometry) {
         this._geometry = new Polygon([[event.positionOrPixel.slice()]], 'XYZ');
-        this._geometry[alreadyTransformedToImage] = event.map instanceof ObliqueMap;
+        this._geometry[alreadyTransformedToImage] =
+          event.map instanceof ObliqueMap;
         this.created.raiseEvent(this._geometry);
         this._coordinates = [event.positionOrPixel.slice()];
         this._lastCoordinate = [...event.positionOrPixel];

package/src/util/editor/interactions/editFeaturesMouseOverInteraction.js

@@ -1,6 +1,9 @@
 import { handlerSymbol, mouseOverSymbol } from '../editorSymbols.js';
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { ModificationKeyType, EventType } from '../../../interaction/interactionType.js';
+import {
+  ModificationKeyType,
+  EventType,
+} from '../../../interaction/interactionType.js';
 import { cursorMap } from './editGeometryMouseOverInteraction.js';
 
 /**
@@ -30,10 +33,9 @@ class EditFeaturesMouseOverInteraction extends AbstractInteraction {
    * @returns {Promise<InteractionEvent>}
    */
   async pipe(event) {
-    if (
-      event.feature && event.feature[handlerSymbol]
-    ) {
-      this._currentHandler = /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
+    if (event.feature && event.feature[handlerSymbol]) {
+      this._currentHandler =
+        /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
         (event.feature);
     } else {
       this._currentHandler = null;

package/src/util/editor/interactions/editGeometryMouseOverInteraction.js

@@ -1,11 +1,15 @@
 import { mouseOverSymbol, vertexSymbol } from '../editorSymbols.js';
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { ModificationKeyType, EventType } from '../../../interaction/interactionType.js';
+import {
+  ModificationKeyType,
+  EventType,
+} from '../../../interaction/interactionType.js';
 
 /**
  * @type {Object}
  */
-export const cursorMap = { // TODO these can now be designed custom. IE11 no linger required
+export const cursorMap = {
+  // TODO these can now be designed custom. IE11 no linger required
   auto: 'auto',
   scaleNESW: 'nesw-resize',
   scaleNWSE: 'nwse-resize',
@@ -48,7 +52,8 @@ class EditGeometryMouseOverInteraction extends AbstractInteraction {
    */
   async pipe(event) {
     if (event.feature && event.feature[vertexSymbol]) {
-      this._currentVertex = /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
+      this._currentVertex =
+        /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
         (event.feature);
     } else {
       this._currentVertex = null;

package/src/util/editor/interactions/ensureHandlerSelectionInteraction.js

@@ -1,6 +1,6 @@
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
 import { EventType } from '../../../interaction/interactionType.js';
-import { handlerSymbol } from '../../../../index.js';
+import { handlerSymbol } from '../editorSymbols.js';
 import CesiumMap from '../../../map/cesiumMap.js';
 
 /**
@@ -33,7 +33,9 @@ class EnsureHandlerSelectionInteraction extends AbstractInteraction {
       !event.feature[handlerSymbol] &&
       event.map instanceof CesiumMap
     ) {
-      const handler = event.map.getScene().drillPick(event.windowPosition, undefined, 10, 10)
+      const handler = event.map
+        .getScene()
+        .drillPick(event.windowPosition, undefined, 10, 10)
         .find((p) => {
           return p?.primitive?.olFeature?.[handlerSymbol];
         });

package/src/util/editor/interactions/insertVertexInteraction.js

@@ -1,8 +1,15 @@
 import { LinearRing } from 'ol/geom.js';
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import { cartesian2DDistance } from '../../math.js';
-import { createVertex, pointOnLine2D, pointOnLine3D } from '../editorHelpers.js';
+import {
+  createVertex,
+  pointOnLine2D,
+  pointOnLine3D,
+} from '../editorHelpers.js';
 import VcsEvent from '../../../vcsEvent.js';
 
 /**
@@ -65,9 +72,10 @@ class InsertVertexInteraction extends AbstractInteraction {
         const length = lineCoords.length - 1;
         let i = 0;
         for (i; i < length; i++) {
-          const onLine = this._feature.get('olcs_altitudeMode') === 'clampToGround' ? // todo altitude mode
-            pointOnLine2D(lineCoords[i], lineCoords[i + 1], closestCoord) :
-            pointOnLine3D(lineCoords[i], lineCoords[i + 1], closestCoord);
+          const onLine =
+            this._feature.get('olcs_altitudeMode') === 'clampToGround' // todo altitude mode
+              ? pointOnLine2D(lineCoords[i], lineCoords[i + 1], closestCoord)
+              : pointOnLine3D(lineCoords[i], lineCoords[i + 1], closestCoord);
           if (onLine) {
             break;
           }
@@ -77,7 +85,10 @@ class InsertVertexInteraction extends AbstractInteraction {
         if (this._isLinearRing && index === lineCoords.length) {
           index = 0;
         }
-        this.vertexInserted.raiseEvent({ vertex: createVertex(closestCoord), index });
+        this.vertexInserted.raiseEvent({
+          vertex: createVertex(closestCoord),
+          index,
+        });
       }
     }
     return event;

package/src/util/editor/interactions/mapInteractionController.js

@@ -1,5 +1,8 @@
 import DragPan from 'ol/interaction/DragPan.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import { handlerSymbol, vertexSymbol } from '../editorSymbols.js';
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
 
@@ -8,8 +11,12 @@ import AbstractInteraction from '../../../interaction/abstractInteraction.js';
  * @returns {function():void}
  */
 function suspendOpenlayerMap(map) {
-  const dragPan = /** @type {import("ol/interaction").DragPan} */ (map.olMap.getInteractions().getArray()
-    .find(i => i instanceof DragPan));
+  const dragPan = /** @type {import("ol/interaction").DragPan} */ (
+    map.olMap
+      .getInteractions()
+      .getArray()
+      .find((i) => i instanceof DragPan)
+  );
 
   if (dragPan) {
     dragPan.setActive(false);
@@ -36,20 +43,26 @@ function suspendCesiumMap(map) {
 
   const originalScreenSpaceEvents = {};
   const { screenSpaceCameraController } = map.getScene();
-  ['lookEventTypes', 'tiltEventTypes', 'rotateEventTypes'].forEach((eventTypes) => {
-    if (screenSpaceCameraController != null) {
-      originalScreenSpaceEvents[eventTypes] =
-        getOriginalEventTypes(screenSpaceCameraController[eventTypes]);
-    }
-  });
+  ['lookEventTypes', 'tiltEventTypes', 'rotateEventTypes'].forEach(
+    (eventTypes) => {
+      if (screenSpaceCameraController != null) {
+        originalScreenSpaceEvents[eventTypes] = getOriginalEventTypes(
+          screenSpaceCameraController[eventTypes],
+        );
+      }
+    },
+  );
   screenSpaceCameraController.lookEventTypes = undefined;
   screenSpaceCameraController.tiltEventTypes = undefined;
   screenSpaceCameraController.rotateEventTypes = undefined;
 
   return () => {
-    screenSpaceCameraController.lookEventTypes = originalScreenSpaceEvents.lookEventTypes;
-    screenSpaceCameraController.tiltEventTypes = originalScreenSpaceEvents.tiltEventTypes;
-    screenSpaceCameraController.rotateEventTypes = originalScreenSpaceEvents.rotateEventTypes;
+    screenSpaceCameraController.lookEventTypes =
+      originalScreenSpaceEvents.lookEventTypes;
+    screenSpaceCameraController.tiltEventTypes =
+      originalScreenSpaceEvents.tiltEventTypes;
+    screenSpaceCameraController.rotateEventTypes =
+      originalScreenSpaceEvents.rotateEventTypes;
   };
 }
 
@@ -80,10 +93,14 @@ class MapInteractionController extends AbstractInteraction {
       (event.feature[vertexSymbol] || event.feature[handlerSymbol])
     ) {
       if (event.map.className === 'CesiumMap') {
-        this._clear = suspendCesiumMap(/** @type {import("@vcmap/core").CesiumMap} */ (event.map));
+        this._clear = suspendCesiumMap(
+          /** @type {import("@vcmap/core").CesiumMap} */ (event.map),
+        );
       } else {
         this._clear = suspendOpenlayerMap(
-          /** @type {import("@vcmap/core").OpenlayersMap|import("@vcmap/core").ObliqueMap} */ (event.map),
+          /** @type {import("@vcmap/core").OpenlayersMap|import("@vcmap/core").ObliqueMap} */ (
+            event.map
+          ),
         );
       }
     }

package/src/util/editor/interactions/removeVertexInteraction.js

@@ -1,5 +1,8 @@
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import { vertexSymbol } from '../editorSymbols.js';
 import VcsEvent from '../../../vcsEvent.js';
 

package/src/util/editor/interactions/selectFeatureMouseOverInteraction.js

@@ -1,5 +1,8 @@
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import SelectMultiFeatureInteraction from './selectMultiFeatureInteraction.js';
 import SelectSingleFeatureInteraction from './selectSingleFeatureInteraction.js';
 import { cursorMap } from './editGeometryMouseOverInteraction.js';
@@ -33,7 +36,9 @@ class SelectFeatureMouseOverInteraction extends AbstractInteraction {
     if (selectFeatureInteraction instanceof SelectSingleFeatureInteraction) {
       modkeys = ModificationKeyType.NONE;
       selectionMode = SelectionMode.SINGLE;
-    } else if (selectFeatureInteraction instanceof SelectMultiFeatureInteraction) {
+    } else if (
+      selectFeatureInteraction instanceof SelectMultiFeatureInteraction
+    ) {
       modkeys = ModificationKeyType.NONE | ModificationKeyType.CTRL;
       selectionMode = SelectionMode.MULTI;
     } else {
@@ -69,11 +74,9 @@ class SelectFeatureMouseOverInteraction extends AbstractInteraction {
    * @returns {Promise<InteractionEvent>}
    */
   async pipe(event) {
-    if (
-      event.feature &&
-      (event.feature[vcsLayerName] === this.layerName)
-    ) {
-      this._currentFeature = /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
+    if (event.feature && event.feature[vcsLayerName] === this.layerName) {
+      this._currentFeature =
+        /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
         (event.feature);
     } else {
       this._currentFeature = null;
@@ -114,11 +117,17 @@ class SelectFeatureMouseOverInteraction extends AbstractInteraction {
    */
   _evaluate(modifier) {
     if (this._currentFeature) {
-      const isCtrlPressed = this.selectionMode === SelectionMode.MULTI && (modifier & ModificationKeyType.CTRL);
-      const isSelected = this._selectFeatureInteraction.hasFeatureId(this._currentFeature.getId());
+      const isCtrlPressed =
+        this.selectionMode === SelectionMode.MULTI &&
+        modifier & ModificationKeyType.CTRL;
+      const isSelected = this._selectFeatureInteraction.hasFeatureId(
+        this._currentFeature.getId(),
+      );
 
       if (isCtrlPressed) {
-        this.cursorStyle.cursor = isSelected ? cursorMap.removeFromSelection : cursorMap.addToSelection;
+        this.cursorStyle.cursor = isSelected
+          ? cursorMap.removeFromSelection
+          : cursorMap.addToSelection;
       } else {
         this.cursorStyle.cursor = cursorMap.select;
       }

package/src/util/editor/interactions/selectMultiFeatureInteraction.js

@@ -1,5 +1,8 @@
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import VcsEvent from '../../../vcsEvent.js';
 import { vcsLayerName } from '../../../layer/layerSymbols.js';
 import { isTiledFeature } from '../../../layer/featureStoreLayer.js';
@@ -43,7 +46,9 @@ class SelectMultiFeatureInteraction extends AbstractInteraction {
    * @type {VcsEvent<Array<import("ol").Feature>>}
    * @readonly
    */
-  get featuresChanged() { return this._featuresChanged; }
+  get featuresChanged() {
+    return this._featuresChanged;
+  }
 
   /**
    * @returns {Array<import("ol").Feature>}
@@ -67,16 +72,14 @@ class SelectMultiFeatureInteraction extends AbstractInteraction {
    * @returns {Promise<InteractionEvent>}
    */
   async pipe(event) {
-    if (
-      event.feature &&
-      event.feature[vcsLayerName] === this._layer.name
-    ) {
+    if (event.feature && event.feature[vcsLayerName] === this._layer.name) {
       if (event.key & ModificationKeyType.CTRL) {
         event.stopPropagation = true;
         await this._modifySelectionSet(event.feature);
       } else if (
         !this._selectedFeatures.has(event.feature.getId()) ||
-        (this._selectedFeatures.has(event.feature.getId()) && this._selectedFeatures.size > 1)
+        (this._selectedFeatures.has(event.feature.getId()) &&
+          this._selectedFeatures.size > 1)
       ) {
         event.stopPropagation = true;
         await this.setSelected([event.feature]);
@@ -94,16 +97,21 @@ class SelectMultiFeatureInteraction extends AbstractInteraction {
   async setSelected(features) {
     this._selectedFeatures.clear();
     const featureArray = Array.isArray(features) ? features : [features];
-    const olFeatures = await Promise.all(featureArray.map((f) => {
-      if (f[isTiledFeature]) {
-        return /** @type {import("@vcmap/core").FeatureStoreLayer} */ (this._layer)
-          .switchStaticFeatureToDynamic(f.getId());
-      }
-      return f;
-    }));
-    olFeatures.forEach(/** @param {import("ol").Feature} f */ (f) => {
-      this._selectedFeatures.set(f.getId(), f);
-    });
+    const olFeatures = await Promise.all(
+      featureArray.map((f) => {
+        if (f[isTiledFeature]) {
+          return /** @type {import("@vcmap/core").FeatureStoreLayer} */ (
+            this._layer
+          ).switchStaticFeatureToDynamic(f.getId());
+        }
+        return f;
+      }),
+    );
+    olFeatures.forEach(
+      /** @param {import("ol").Feature} f */ (f) => {
+        this._selectedFeatures.set(f.getId(), f);
+      },
+    );
 
     this._featuresChanged.raiseEvent(this.selected);
   }
@@ -120,10 +128,15 @@ class SelectMultiFeatureInteraction extends AbstractInteraction {
     } else {
       let olFeature = feature;
       if (feature[isTiledFeature]) {
-        olFeature = await /** @type {import("@vcmap/core").FeatureStoreLayer} */ (this._layer)
-          .switchStaticFeatureToDynamic(id);
+        olFeature =
+          await /** @type {import("@vcmap/core").FeatureStoreLayer} */ (
+            this._layer
+          ).switchStaticFeatureToDynamic(id);
       }
-      this._selectedFeatures.set(id, /** @type {import("ol").Feature} */ (olFeature));
+      this._selectedFeatures.set(
+        id,
+        /** @type {import("ol").Feature} */ (olFeature),
+      );
     }
 
     this._featuresChanged.raiseEvent(this.selected);

package/src/util/editor/interactions/selectSingleFeatureInteraction.js

@@ -1,5 +1,8 @@
 import AbstractInteraction from '../../../interaction/abstractInteraction.js';
-import { EventType, ModificationKeyType } from '../../../interaction/interactionType.js';
+import {
+  EventType,
+  ModificationKeyType,
+} from '../../../interaction/interactionType.js';
 import VcsEvent from '../../../vcsEvent.js';
 import { vcsLayerName } from '../../../layer/layerSymbols.js';
 import { isTiledFeature } from '../../../layer/featureStoreLayer.js';
@@ -48,11 +51,13 @@ class SelectSingleFeatureInteraction extends AbstractInteraction {
    * @returns {Promise<InteractionEvent>}
    */
   async pipe(event) {
-    if (
-      event.feature &&
-      event.feature[vcsLayerName] === this._layer.name
-    ) {
-      if (!(this._selectedFeature && event.feature.getId() === this._selectedFeature.getId())) {
+    if (event.feature && event.feature[vcsLayerName] === this._layer.name) {
+      if (
+        !(
+          this._selectedFeature &&
+          event.feature.getId() === this._selectedFeature.getId()
+        )
+      ) {
         event.stopPropagation = true;
         await this.setSelected(
           /** @type {import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} */
@@ -74,8 +79,9 @@ class SelectSingleFeatureInteraction extends AbstractInteraction {
   async setSelected(feature) {
     let olFeature = Array.isArray(feature) ? feature[0] : feature;
     if (feature[isTiledFeature]) {
-      olFeature = await /** @type {import("@vcmap/core").FeatureStoreLayer} */ (this._layer)
-        .switchStaticFeatureToDynamic(olFeature.getId());
+      olFeature = await /** @type {import("@vcmap/core").FeatureStoreLayer} */ (
+        this._layer
+      ).switchStaticFeatureToDynamic(olFeature.getId());
     }
 
     this._selectedFeature = /** @type {import("ol").Feature} */ (olFeature);

package/src/util/editor/selectFeaturesSession.js

@@ -4,7 +4,9 @@ import { createSync } from '../../layer/vectorSymbols.js';
 import { SessionType, setupInteractionChain } from './editorSessionHelpers.js';
 import SelectSingleFeatureInteraction from './interactions/selectSingleFeatureInteraction.js';
 import SelectMultiFeatureInteraction from './interactions/selectMultiFeatureInteraction.js';
-import SelectFeatureMouseOverInteraction, { SelectionMode } from './interactions/selectFeatureMouseOverInteraction.js';
+import SelectFeatureMouseOverInteraction, {
+  SelectionMode,
+} from './interactions/selectFeatureMouseOverInteraction.js';
 import VcsEvent from '../../vcsEvent.js';
 import ObliqueMap from '../../map/obliqueMap.js';
 import { vcsLayerName } from '../../layer/layerSymbols.js';
@@ -30,10 +32,12 @@ function createHighlightManager(layer, highlightStyle) {
    * @param {Array<import("ol").Feature>} newFeatures Features to be highlighted.
    */
   const update = (newFeatures) => {
-    const newIds = new Set(newFeatures.map((f) => {
-      f[createSync] = true;
-      return f.getId();
-    }));
+    const newIds = new Set(
+      newFeatures.map((f) => {
+        f[createSync] = true;
+        return f.getId();
+      }),
+    );
     const idsToHighlight = [];
     newIds.forEach((id) => {
       if (!currentFeaturesMap.has(id)) {
@@ -49,11 +53,17 @@ function createHighlightManager(layer, highlightStyle) {
     });
 
     layer.featureVisibility.unHighlight(idsToUnHighlight);
-    layer.featureVisibility.highlight(Object.fromEntries(idsToHighlight.map(id => [id, highlightStyle])));
-    layer.getFeaturesById(idsToUnHighlight).forEach(feature => delete feature[createSync]);
+    layer.featureVisibility.highlight(
+      Object.fromEntries(idsToHighlight.map((id) => [id, highlightStyle])),
+    );
+    layer
+      .getFeaturesById(idsToUnHighlight)
+      .forEach((feature) => delete feature[createSync]);
 
     currentFeaturesMap.clear();
-    newFeatures.forEach(feature => currentFeaturesMap.set(feature.getId(), feature));
+    newFeatures.forEach((feature) =>
+      currentFeaturesMap.set(feature.getId(), feature),
+    );
   };
 
   return {
@@ -61,14 +71,18 @@ function createHighlightManager(layer, highlightStyle) {
       return [...currentFeaturesMap.values()];
     },
     update(newFeatures) {
-      const featuresOnHighlightLayer = newFeatures.filter(feature => feature[vcsLayerName] === layer.name);
+      const featuresOnHighlightLayer = newFeatures.filter(
+        (feature) => feature[vcsLayerName] === layer.name,
+      );
       update(featuresOnHighlightLayer);
     },
     destroy() {
       if (currentFeaturesMap.size > 0) {
         const idsToUnHighlight = [...currentFeaturesMap.keys()];
         layer.featureVisibility.unHighlight(idsToUnHighlight);
-        layer.getFeaturesById(idsToUnHighlight).forEach(feature => delete feature[createSync]);
+        layer
+          .getFeaturesById(idsToUnHighlight)
+          .forEach((feature) => delete feature[createSync]);
         currentFeaturesMap.clear();
       }
     },
@@ -141,9 +155,7 @@ function startSelectFeaturesSession(
     destroy: destroyInteractionChain,
   } = setupInteractionChain(app.maps.eventHandler, interactionId);
 
-  const highlightManager = createHighlightManager(
-    layer, highlightStyle,
-  );
+  const highlightManager = createHighlightManager(layer, highlightStyle);
 
   let interactionListeners = [];
   function destroyCurrentSelectInteraction() {
@@ -159,7 +171,9 @@ function startSelectFeaturesSession(
         mouseOverInteraction = null;
       }
     }
-    interactionListeners.forEach((cb) => { cb(); });
+    interactionListeners.forEach((cb) => {
+      cb();
+    });
     interactionListeners = [];
   }
 
@@ -190,13 +204,15 @@ function startSelectFeaturesSession(
     } else if (newMode === SelectionMode.MULTI) {
       currentSelectInteraction = new SelectMultiFeatureInteraction(layer);
       interactionListeners.push(
-        currentSelectInteraction.featuresChanged.addEventListener((features) => {
-          highlightManager.update(features);
-          featuresChanged.raiseEvent(features);
-          if (obliqueMap) {
-            obliqueMap.switchEnabled = features.length === 0;
-          }
-        }),
+        currentSelectInteraction.featuresChanged.addEventListener(
+          (features) => {
+            highlightManager.update(features);
+            featuresChanged.raiseEvent(features);
+            if (obliqueMap) {
+              obliqueMap.switchEnabled = features.length === 0;
+            }
+          },
+        ),
       );
     }
     const { highlightedFeatures } = highlightManager;