geonetwork-ui 2.4.0-dev.613f7319 → 2.4.0-dev.614b0d9f

package/src/libs/feature/map/src/lib/add-layer-from-wms/add-layer-from-wms.component.ts

@@ -1,17 +1,19 @@
-import { Component, ChangeDetectorRef, OnInit } from '@angular/core'
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core'
 import { WmsEndpoint, WmsLayerSummary } from '@camptocamp/ogc-client'
 import { MapFacade } from '../+state/map.facade'
-import {
-  MapContextLayerModel,
-  MapContextLayerTypeEnum,
-} from '../map-context/map-context.model'
-import { Subject } from 'rxjs'
+import { firstValueFrom, Subject } from 'rxjs'
 import { debounceTime } from 'rxjs/operators'
+import { MapContextLayer } from '@geospatial-sdk/core'
+import { ButtonComponent, TextInputComponent } from '../../../../../../libs/ui/inputs/src'
+import { CommonModule } from '@angular/common'
+import { TranslateModule } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-add-layer-from-wms',
   templateUrl: './add-layer-from-wms.component.html',
   styleUrls: ['./add-layer-from-wms.component.css'],
+  standalone: true,
+  imports: [TextInputComponent, CommonModule, TranslateModule, ButtonComponent],
 })
 export class AddLayerFromWmsComponent implements OnInit {
   wmsUrl = ''
@@ -52,12 +54,17 @@ export class AddLayerFromWmsComponent implements OnInit {
     }
   }
 
-  addLayer(layer: WmsLayerSummary) {
-    const layerToAdd: MapContextLayerModel = {
+  async addLayer(layer: WmsLayerSummary) {
+    const context = await firstValueFrom(this.mapFacade.context$)
+    const layerToAdd: MapContextLayer = {
       name: layer.name,
       url: this.wmsUrl.toString(),
-      type: MapContextLayerTypeEnum.WMS,
+      type: 'wms',
+      label: layer.title,
     }
-    this.mapFacade.addLayer({ ...layerToAdd, title: layer.title })
+    this.mapFacade.applyContext({
+      ...context,
+      layers: [...context.layers, layerToAdd],
+    })
   }
 }

package/src/libs/feature/map/src/lib/constant/index.ts

@@ -1,2 +1 @@
-export * from './map-options'
 export * from './projections'

package/src/libs/feature/map/src/lib/feature-map.module.ts

@@ -1,72 +1,33 @@
 import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { UiMapModule } from '../../../../../libs/ui/map/src'
-import { defaultMapOptions, FEATURE_MAP_OPTIONS } from './constant'
-import { MapInstanceDirective } from './manager/map-instance.directive'
-import { MapContextComponent } from './map-context/component/map-context.component'
-import { LayersPanelComponent } from './layers-panel/layers-panel.component'
 import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
 import { MatIconModule } from '@angular/material/icon'
 import { MatTabsModule } from '@angular/material/tabs'
 import { TranslateModule } from '@ngx-translate/core'
-import { AddLayerFromCatalogComponent } from './add-layer-from-catalog/add-layer-from-catalog.component'
 import { FeatureSearchModule } from '../../../../../libs/feature/search/src'
 import { StoreModule } from '@ngrx/store'
-import { EffectsModule } from '@ngrx/effects'
 import * as fromMap from './+state/map.reducer'
-import { MapEffects } from './+state/map.effects'
 import { MapFacade } from './+state/map.facade'
-import { MapContainerComponent } from './map-container/map-container.component'
-import { AddLayerRecordPreviewComponent } from './add-layer-from-catalog/add-layer-record-preview/add-layer-record-preview.component'
 import { UiElementsModule } from '../../../../../libs/ui/elements/src'
-import { UiInputsModule } from '../../../../../libs/ui/inputs/src'
-import { AddLayerFromWmsComponent } from './add-layer-from-wms/add-layer-from-wms.component'
-import { AddLayerFromFileComponent } from './add-layer-from-file/add-layer-from-file.component'
-import { AddLayerFromWfsComponent } from './add-layer-from-wfs/add-layer-from-wfs.component'
-import { GeocodingComponent } from './geocoding/geocoding.component'
+import { TextInputComponent, UiInputsModule } from '../../../../../libs/ui/inputs/src'
 import { GEOCODING_PROVIDER, GeocodingProvider } from './geocoding.service'
 import { AddLayerFromOgcApiComponent } from './add-layer-from-ogc-api/add-layer-from-ogc-api.component'
 
 @NgModule({
-  declarations: [
-    MapContextComponent,
-    MapInstanceDirective,
-    LayersPanelComponent,
-    AddLayerFromCatalogComponent,
-    MapContainerComponent,
-    AddLayerRecordPreviewComponent,
-    AddLayerFromWmsComponent,
-    AddLayerFromFileComponent,
-    AddLayerFromWfsComponent,
-    GeocodingComponent,
-  ],
-  exports: [
-    MapContextComponent,
-    MapInstanceDirective,
-    LayersPanelComponent,
-    AddLayerFromCatalogComponent,
-    MapContainerComponent,
-    GeocodingComponent,
-  ],
   imports: [
     CommonModule,
-    UiMapModule,
     UiLayoutModule,
     MatIconModule,
     MatTabsModule,
     TranslateModule,
     FeatureSearchModule,
     StoreModule.forFeature(fromMap.MAP_FEATURE_KEY, fromMap.mapReducer),
-    EffectsModule.forFeature([MapEffects]),
     UiElementsModule,
     UiInputsModule,
     AddLayerFromOgcApiComponent,
+    TextInputComponent,
   ],
   providers: [
-    {
-      provide: FEATURE_MAP_OPTIONS,
-      useValue: defaultMapOptions,
-    },
     MapFacade,
     {
       provide: GEOCODING_PROVIDER,

package/src/libs/feature/map/src/lib/geocoding/geocoding.component.ts

@@ -1,15 +1,24 @@
 import { Component, OnDestroy } from '@angular/core'
-import { catchError, from, Subject, takeUntil } from 'rxjs'
+import { catchError, firstValueFrom, from, Subject, takeUntil } from 'rxjs'
 import { debounceTime, switchMap } from 'rxjs/operators'
-import { MapManagerService } from '../manager/map-manager.service'
-import { fromLonLat } from 'ol/proj'
-import { Polygon } from 'ol/geom'
 import { GeocodingService } from '../geocoding.service'
+import { MapFacade } from '../+state/map.facade'
+import { CommonModule } from '@angular/common'
+import { SearchInputComponent, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
+import { TranslateModule } from '@ngx-translate/core'
+import { MapContextView } from '@geospatial-sdk/core'
 
 @Component({
   selector: 'gn-ui-geocoding',
   templateUrl: './geocoding.component.html',
   styleUrls: ['./geocoding.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    UiInputsModule,
+    TranslateModule,
+    SearchInputComponent,
+  ],
 })
 export class GeocodingComponent implements OnDestroy {
   searchText = ''
@@ -19,7 +28,7 @@ export class GeocodingComponent implements OnDestroy {
   errorMessage: string | null = null
 
   constructor(
-    private mapManager: MapManagerService,
+    private mapFacade: MapFacade,
     private geocodingService: GeocodingService
   ) {
     this.searchTextChanged
@@ -62,32 +71,41 @@ export class GeocodingComponent implements OnDestroy {
     this.errorMessage = null
   }
 
-  zoomToLocation(result: any) {
-    const map = this.mapManager.map
-    const view = map.getView()
+  async zoomToLocation(result: any) {
     const geometry = result.geom
 
     if (geometry.type === 'Point') {
-      this.zoomToPoint(geometry.coordinates, view)
+      await this.zoomToPoint(geometry.coordinates)
     } else if (geometry.type === 'Polygon') {
-      this.zoomToPolygon(geometry.coordinates, view)
+      await this.zoomToPolygon(geometry.coordinates)
     } else {
       console.error(`Unsupported geometry type: ${geometry.type}`)
     }
   }
 
-  zoomToPoint(pointCoords: [number, number], view: any) {
-    const transformedCoords = fromLonLat(pointCoords)
-    view.setCenter(transformedCoords)
-    view.setZoom(12)
+  async zoomToPoint(pointCoords: [number, number]) {
+    const context = await firstValueFrom(this.mapFacade.context$)
+    const view: MapContextView = {
+      center: pointCoords,
+      zoom: 10,
+    }
+    this.mapFacade.applyContext({
+      ...context,
+      view,
+    })
   }
 
-  zoomToPolygon(polygonCoords: [[number, number][]], view: any) {
-    const transformedCoords = polygonCoords[0].map((coord) => fromLonLat(coord))
-    const polygon = new Polygon([transformedCoords])
-    view.fit(polygon, {
-      duration: 100,
-      maxZoom: 12,
+  async zoomToPolygon(polygonCoords: [[number, number][]]) {
+    const context = await firstValueFrom(this.mapFacade.context$)
+    const view: MapContextView = {
+      geometry: {
+        type: 'Polygon',
+        coordinates: polygonCoords,
+      },
+    }
+    this.mapFacade.applyContext({
+      ...context,
+      view,
     })
   }
 

package/src/libs/feature/map/src/lib/layers-panel/layers-panel.component.html

@@ -13,11 +13,11 @@
       <mat-icon class="material-symbols-outlined -ml-2 mr-2 shrink-0"
         >chevron_right</mat-icon
       >
-      <span class="mr-2 grow">{{ layer.title }}</span>
+      <span class="mr-2 grow">{{ layer.label }}</span>
       <a
         href
         class="underline text-sm text-red-700 hover:text-red-900"
-        (click)="deleteLayer(index)"
+        (click)="deleteLayer(index); $event.preventDefault()"
       >
         delete
       </a>

package/src/libs/feature/map/src/lib/layers-panel/layers-panel.component.ts

@@ -1,22 +1,55 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core'
+import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { MapFacade } from '../+state/map.facade'
+import { firstValueFrom, map } from 'rxjs'
+import { MapContextLayer } from '@geospatial-sdk/core'
+import { MatIconModule } from '@angular/material/icon'
+import { UiLayoutModule } from '../../../../../../libs/ui/layout/src'
+import { MatTabsModule } from '@angular/material/tabs'
+import { AddLayerFromOgcApiComponent } from '../add-layer-from-ogc-api/add-layer-from-ogc-api.component'
+import { AddLayerFromWfsComponent } from '../add-layer-from-wfs/add-layer-from-wfs.component'
+import { AddLayerFromWmsComponent } from '../add-layer-from-wms/add-layer-from-wms.component'
+import { AddLayerFromCatalogComponent } from '../add-layer-from-catalog/add-layer-from-catalog.component'
+import { AddLayerFromFileComponent } from '../add-layer-from-file/add-layer-from-file.component'
+import { TranslateModule } from '@ngx-translate/core'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-layers-panel',
   templateUrl: './layers-panel.component.html',
   styleUrls: ['./layers-panel.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    MatIconModule,
+    UiLayoutModule,
+    MatTabsModule,
+    AddLayerFromOgcApiComponent,
+    AddLayerFromWfsComponent,
+    AddLayerFromWmsComponent,
+    AddLayerFromCatalogComponent,
+    AddLayerFromFileComponent,
+    TranslateModule,
+    CommonModule,
+  ],
 })
 export class LayersPanelComponent {
-  layers$ = this.mapFacade.layers$
+  layers$ = this.mapFacade.context$.pipe(map((context) => context.layers))
   ogcUrl = ''
   constructor(private mapFacade: MapFacade) {}
 
-  deleteLayer(index: number) {
-    this.mapFacade.removeLayer(index)
+  async deleteLayer(index: number) {
+    const context = await firstValueFrom(this.mapFacade.context$)
+    this.mapFacade.applyContext({
+      ...context,
+      layers: context.layers.filter((_, i) => i !== index),
+    })
   }
 
-  addLayer(layer) {
-    this.mapFacade.addLayer(layer)
+  async addLayer(layer: MapContextLayer) {
+    const context = await firstValueFrom(this.mapFacade.context$)
+    this.mapFacade.applyContext({
+      ...context,
+      layers: [...context.layers, layer],
+    })
   }
 }

package/src/libs/feature/map/src/lib/map-state-container/map-state-container.component.html

@@ -0,0 +1,4 @@
+<gn-ui-map-container
+  [context]="context$ | async"
+  (featuresClick)="handleFeaturesClicked($event)"
+></gn-ui-map-container>

package/src/libs/feature/map/src/lib/map-state-container/map-state-container.component.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core'
+import { Observable } from 'rxjs'
+import { MapFacade } from '../+state/map.facade'
+import { MapContext } from '@geospatial-sdk/core'
+import { MapContainerComponent } from '../../../../../../libs/ui/map/src'
+import { CommonModule } from '@angular/common'
+import { Feature } from 'geojson'
+
+@Component({
+  selector: 'gn-ui-map-state-container',
+  templateUrl: './map-state-container.component.html',
+  styleUrls: ['./map-state-container.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [MapContainerComponent, CommonModule],
+})
+export class MapStateContainerComponent {
+  context$: Observable<MapContext> = this.mapFacade.context$
+
+  constructor(private mapFacade: MapFacade) {}
+
+  handleFeaturesClicked(features: Feature[]) {
+    if (!features.length) {
+      this.mapFacade.clearFeatureSelection()
+      return
+    }
+    this.mapFacade.selectFeatures(features)
+  }
+}

package/src/libs/feature/map/src/lib/style/map-style.fixtures.ts

@@ -4,42 +4,44 @@ const colorPrimary = 'blue'
 const colorSecondary = 'red'
 const colorStroke = 'white'
 
-export const DEFAULT_STYLE_FIXTURE = new Style({
-  image: new Circle({
+export const defaultMapStyleFixture = (): Style =>
+  new Style({
+    image: new Circle({
+      fill: new Fill({
+        color: colorPrimary,
+      }),
+      stroke: new Stroke({
+        color: colorStroke,
+        width: 2,
+      }),
+      radius: 5,
+    }),
     fill: new Fill({
-      color: colorPrimary,
+      color: 'rgba(0,0,255,0.25)',
     }),
     stroke: new Stroke({
       color: colorStroke,
       width: 2,
     }),
-    radius: 5,
-  }),
-  fill: new Fill({
-    color: 'rgba(0,0,255,0.25)',
-  }),
-  stroke: new Stroke({
-    color: colorStroke,
-    width: 2,
-  }),
-})
+  })
 
-export const DEFAULT_STYLE_HL_FIXTURE = new Style({
-  image: new Circle({
+export const defaultMapStyleHlFixture = (): Style =>
+  new Style({
+    image: new Circle({
+      fill: new Fill({
+        color: colorSecondary,
+      }),
+      stroke: new Stroke({
+        color: colorStroke,
+        width: 3,
+      }),
+      radius: 6,
+    }),
     fill: new Fill({
-      color: colorSecondary,
+      color: 'rgba(255,0,0,0.25)',
     }),
     stroke: new Stroke({
-      color: colorStroke,
+      color: colorSecondary,
       width: 3,
     }),
-    radius: 6,
-  }),
-  fill: new Fill({
-    color: 'rgba(255,0,0,0.25)',
-  }),
-  stroke: new Stroke({
-    color: colorSecondary,
-    width: 3,
-  }),
-})
+  })

package/src/libs/feature/map/src/lib/utils/map-utils.service.ts

@@ -1,42 +1,8 @@
-import { HttpClient } from '@angular/common/http'
 import { Injectable } from '@angular/core'
-import type { FeatureCollection } from 'geojson'
-import { extend, Extent, isEmpty } from 'ol/extent'
-import Feature from 'ol/Feature'
+import { extend, Extent } from 'ol/extent'
 import GeoJSON from 'ol/format/GeoJSON'
-import { Geometry } from 'ol/geom'
-import Layer from 'ol/layer/Layer'
-import Map from 'ol/Map'
 import { transformExtent } from 'ol/proj'
-import Source from 'ol/source/Source'
-import ImageWMS from 'ol/source/ImageWMS'
-import TileWMS from 'ol/source/TileWMS'
-import VectorSource from 'ol/source/Vector'
-import { defaults, DragPan, Interaction, MouseWheelZoom } from 'ol/interaction'
-import {
-  mouseOnly,
-  noModifierKeys,
-  platformModifierKeyOnly,
-  primaryAction,
-} from 'ol/events/condition'
-import { Observable } from 'rxjs'
-import { map } from 'rxjs/operators'
-import {
-  MapContextLayerModel,
-  MapContextLayerWmsModel,
-} from '../map-context/map-context.model'
-import Collection from 'ol/Collection'
-import MapBrowserEvent from 'ol/MapBrowserEvent'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { ProxyService } from '../../../../../../libs/util/shared/src'
-import { WmsEndpoint, WmtsEndpoint } from '@camptocamp/ogc-client'
-import { LONLAT_CRS_CODES } from '../constant/projections'
-import { fromEPSGCode, register } from 'ol/proj/proj4'
-import proj4 from 'proj4/dist/proj4'
-import { defaults as defaultControls } from 'ol/control/defaults'
-
-const FEATURE_PROJECTION = 'EPSG:3857'
-const DATA_PROJECTION = 'EPSG:4326'
 
 const GEOJSON = new GeoJSON()
 
@@ -44,212 +10,22 @@ const GEOJSON = new GeoJSON()
   providedIn: 'root',
 })
 export class MapUtilsService {
-  constructor(private http: HttpClient, private proxy: ProxyService) {}
-
-  createEmptyMap(): Map {
-    return new Map({
-      controls: defaultControls({
-        attribution: true,
-        attributionOptions: { collapsible: false },
-      }),
-      pixelRatio: 1,
-    })
-  }
-
-  readFeatureCollection = (
-    featureCollection: FeatureCollection,
-    featureProjection = FEATURE_PROJECTION,
-    dataProjection = DATA_PROJECTION
-  ): Feature<Geometry>[] => {
-    return GEOJSON.readFeatures(featureCollection, {
-      featureProjection,
-      dataProjection,
-    }) as Feature<Geometry>[]
-  }
-
-  isWMSLayer(layer: Layer<Source>): boolean {
-    return (
-      layer.getSource() instanceof TileWMS ||
-      layer.getSource() instanceof ImageWMS
-    )
-  }
-
-  getGFIUrl(layer, map, coordinate): string {
-    const view = map.getView()
-    const projection = view.getProjection()
-    const resolution = view.getResolution()
-    const source = layer.getSource()
-    const params = {
-      ...source.getParams(),
-      INFO_FORMAT: 'application/json',
-    }
-    return source.getFeatureInfoUrl(coordinate, resolution, projection, params)
-  }
-
-  getVectorFeaturesFromClick(olMap, event): Feature<Geometry>[] {
-    const features = []
-    const hit = olMap.forEachFeatureAtPixel(
-      event.pixel,
-      (feature: Feature<Geometry>) => {
-        return feature
-      },
-      { layerFilter: (layer) => layer.getSource() instanceof VectorSource }
-    )
-    if (hit) {
-      features.push(hit)
-    }
-    return features
-  }
-
-  getGFIFeaturesObservablesFromClick(
-    olMap: Map,
-    event: MapBrowserEvent<PointerEvent>
-  ): Observable<Feature<Geometry>[]>[] {
-    const wmsLayers = olMap.getLayers().getArray().filter(this.isWMSLayer)
-
-    if (wmsLayers.length > 0) {
-      const { coordinate } = event
-      const gfiUrls = wmsLayers.reduce(
-        (urls, layer) => [...urls, this.getGFIUrl(layer, olMap, coordinate)],
-
-        []
-      )
-      return gfiUrls.map((url) =>
-        this.http
-          .get<FeatureCollection>(url)
-          .pipe(map((collection) => this.readFeatureCollection(collection)))
-      )
-    } else {
-      return []
-    }
-  }
-
-  /**
-   * Will emit `null` if no extent could be computed
-   */
-  async getLayerExtent(layer: MapContextLayerModel): Promise<Extent | null> {
-    let latLonExtent: Extent
-    if (
-      layer &&
-      layer.type === 'geojson' &&
-      'data' in layer &&
-      typeof layer.data === 'object' &&
-      layer.data.features[0] &&
-      layer.data.features[0].geometry
-    ) {
-      latLonExtent = new GeoJSON()
-        .readFeatures(layer.data)
-        .map((feature) => feature.getGeometry())
-        .filter((geom) => !!geom)
-        .reduce(
-          (prev, curr) =>
-            prev ? extend(prev, curr.getExtent()) : curr.getExtent(),
-          null as Extent
-        )
-    } else if (layer && layer.type === 'wms') {
-      latLonExtent = await this.getWmsLayerExtent(layer)
-    } else if (layer && layer.type === 'wmts') {
-      // TODO: isolate this in utils service
-      latLonExtent = await new WmtsEndpoint(layer.url)
-        .isReady()
-        .then((endpoint) => {
-          const layerName = endpoint.getSingleLayerName() ?? layer.name
-          const wmtsLayer = endpoint.getLayerByName(layerName)
-          return wmtsLayer.latLonBoundingBox
-        })
-    } else {
-      return null
-    }
-    if (!latLonExtent || isEmpty(latLonExtent)) {
-      return null
-    }
-    return transformExtent(latLonExtent, 'EPSG:4326', 'EPSG:3857')
-  }
-
-  async getWmsLayerExtent(
-    layer: MapContextLayerWmsModel
-  ): Promise<Extent | null> {
-    const endpoint = await new WmsEndpoint(
-      this.proxy.getProxiedUrl(layer.url)
-    ).isReady()
-    const { boundingBoxes } = endpoint.getLayerByName(layer.name)
-    if (!Object.keys(boundingBoxes).length) {
-      return null
-    }
-    const lonLatCRS = Object.keys(boundingBoxes)?.find((crs) =>
-      LONLAT_CRS_CODES.includes(crs)
-    )
-    if (lonLatCRS) {
-      return boundingBoxes[lonLatCRS]
-    } else {
-      const availableEPSGCode = Object.keys(boundingBoxes)[0]
-      register(proj4)
-      const proj = await fromEPSGCode(availableEPSGCode)
-      return transformExtent(
-        boundingBoxes[availableEPSGCode],
-        proj,
-        'EPSG:4326'
-      )
-    }
-  }
-
-  prioritizePageScroll(interactions: Collection<Interaction>) {
-    interactions.clear()
-    interactions.extend(
-      defaults({
-        // remove rotate interactions
-        altShiftDragRotate: false,
-        pinchRotate: false,
-        // replace drag and zoom interactions
-        dragPan: false,
-        mouseWheelZoom: false,
-      })
-        .extend([
-          new DragPan({
-            condition: dragPanCondition,
-          }),
-          new MouseWheelZoom({
-            condition: mouseWheelZoomCondition,
-          }),
-        ])
-        .getArray()
-    )
-  }
-
   getRecordExtent(record: Partial<CatalogRecord>): Extent {
     if (!('spatialExtents' in record) || record.spatialExtents.length === 0) {
       return null
     }
-    // transform an array of geojson geometries into a bbox
+    // extend all the spatial extents into an including bbox
     const totalExtent = record.spatialExtents.reduce(
       (prev, curr) => {
-        const geom = GEOJSON.readGeometry(curr.geometry)
-        return extend(prev, geom.getExtent())
+        if ('bbox' in curr) return extend(prev, curr.bbox)
+        else if ('geometry' in curr) {
+          const geom = GEOJSON.readGeometry(curr.geometry)
+          return extend(prev, geom.getExtent())
+        }
+        return prev
       },
       [Infinity, Infinity, -Infinity, -Infinity]
     )
     return transformExtent(totalExtent, 'EPSG:4326', 'EPSG:3857')
   }
 }
-
-export function dragPanCondition(
-  this: DragPan,
-  event: MapBrowserEvent<PointerEvent>
-) {
-  const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event)
-  if (!dragPanCondition) {
-    this.getMap().dispatchEvent('mapmuted')
-  }
-  // combine the condition with the default DragPan conditions
-  return dragPanCondition && noModifierKeys(event) && primaryAction(event)
-}
-
-export function mouseWheelZoomCondition(
-  this: MouseWheelZoom,
-  event: MapBrowserEvent<UIEvent>
-) {
-  if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
-    this.getMap().dispatchEvent('mapmuted')
-  }
-  return platformModifierKeyOnly(event)
-}