feat: update openlayers to 10.5.0

jeremy-eychenne · jeremy-eychenne · commit 6c8871353f8e · 2025-06-17T11:19:32.000+02:00
BREAKING CHANGE: `ol` peer dep is now `~10.5.0` BREAKING CHANGE: see all breaking changes from `ol` `10.0.0` (https://github.com/openlayers/openlayers/blob/main/changelog/v10.0.0.md)
diff --git a/package.json b/package.json
@@ -24,7 +24,7 @@
     "@angular/platform-browser-dynamic": "^17.3.12",
     "@angular/router": "^17.3.12",
     "hammerjs": "^2.0.8",
-    "ol": "~9.2.4",
+    "ol": "~10.5.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.5.0",
     "zone.js": "~0.14.10"
diff --git a/projects/ngx-openlayers/src/lib/formats/format.component.ts b/projects/ngx-openlayers/src/lib/formats/format.component.ts
@@ -1,7 +1,7 @@
-import { FeatureClass } from 'ol/Feature';
 import FeatureFormat from 'ol/format/Feature';
+import RenderFeature from 'ol/render/Feature';
 
 export class FormatComponent {
-  public instance: FeatureFormat<FeatureClass>;
+  public instance: FeatureFormat<RenderFeature>;
   public componentType = 'format';
 }
diff --git a/projects/ngx-openlayers/src/lib/formats/mvt.component.ts b/projects/ngx-openlayers/src/lib/formats/mvt.component.ts
@@ -1,7 +1,8 @@
 import { Component, forwardRef, Input } from '@angular/core';
-import { FeatureClass } from 'ol/Feature';
 import { MVT } from 'ol/format';
 import { FormatComponent } from './format.component';
+import RenderFeature from 'ol/render/Feature';
+import { FeatureToFeatureClass } from 'ol/format/Feature';
 
 @Component({
   selector: 'aol-format-mvt',
@@ -11,15 +12,15 @@ import { FormatComponent } from './format.component';
 })
 export class FormatMVTComponent extends FormatComponent {
   @Input()
-  featureClass: FeatureClass;
+  featureClass: FeatureToFeatureClass<RenderFeature>;
   @Input()
   geometryName: string;
   @Input()
   layerName: string;
   @Input()
   layers: string[];
 
-  instance: MVT<FeatureClass>;
+  instance: MVT;
 
   constructor() {
     super();
diff --git a/projects/ngx-openlayers/src/lib/map.component.ts b/projects/ngx-openlayers/src/lib/map.component.ts
@@ -45,17 +45,17 @@ export class MapComponent implements OnInit, AfterViewInit, OnChanges {
   renderer: 'canvas' | 'webgl';
 
   @Output()
-  olClick: EventEmitter<MapBrowserEvent<UIEvent>>;
+  olClick: EventEmitter<MapBrowserEvent>;
   @Output()
-  dblClick: EventEmitter<MapBrowserEvent<UIEvent>>;
+  dblClick: EventEmitter<MapBrowserEvent>;
   @Output()
   moveStart: EventEmitter<MapEvent>;
   @Output()
   moveEnd: EventEmitter<MapEvent>;
   @Output()
-  pointerDrag: EventEmitter<MapBrowserEvent<UIEvent>>;
+  pointerDrag: EventEmitter<MapBrowserEvent>;
   @Output()
-  pointerMove: EventEmitter<MapBrowserEvent<UIEvent>>;
+  pointerMove: EventEmitter<MapBrowserEvent>;
   @Output()
   onpostrender: EventEmitter<RenderEvent>;
   @Output()
@@ -65,7 +65,7 @@ export class MapComponent implements OnInit, AfterViewInit, OnChanges {
   @Output()
   propertyChange: EventEmitter<BaseEvent>;
   @Output()
-  singleClick: EventEmitter<MapBrowserEvent<UIEvent>>;
+  singleClick: EventEmitter<MapBrowserEvent>;
 
   instance: Map;
   componentType = 'map';
@@ -74,34 +74,34 @@ export class MapComponent implements OnInit, AfterViewInit, OnChanges {
   interactions: Interaction[] = [];
 
   constructor(private host: ElementRef) {
-    this.olClick = new EventEmitter<MapBrowserEvent<UIEvent>>();
-    this.dblClick = new EventEmitter<MapBrowserEvent<UIEvent>>();
+    this.olClick = new EventEmitter<MapBrowserEvent>();
+    this.dblClick = new EventEmitter<MapBrowserEvent>();
     this.moveStart = new EventEmitter<MapEvent>();
     this.moveEnd = new EventEmitter<MapEvent>();
-    this.pointerDrag = new EventEmitter<MapBrowserEvent<UIEvent>>();
-    this.pointerMove = new EventEmitter<MapBrowserEvent<UIEvent>>();
+    this.pointerDrag = new EventEmitter<MapBrowserEvent>();
+    this.pointerMove = new EventEmitter<MapBrowserEvent>();
     this.onpostrender = new EventEmitter<RenderEvent>();
     this.postRender = new EventEmitter<MapEvent>();
     this.onpreCompose = new EventEmitter<RenderEvent>();
     this.propertyChange = new EventEmitter<BaseEvent>();
-    this.singleClick = new EventEmitter<MapBrowserEvent<UIEvent>>();
+    this.singleClick = new EventEmitter<MapBrowserEvent>();
   }
 
   ngOnInit(): void {
     // console.log('creating ol.Map instance with:', this);
     this.instance = new Map(this);
     this.instance.setTarget(this.host.nativeElement.firstElementChild);
-    this.instance.on('click', (event: MapBrowserEvent<UIEvent>) => this.olClick.emit(event));
-    this.instance.on('dblclick', (event: MapBrowserEvent<UIEvent>) => this.dblClick.emit(event));
+    this.instance.on('click', (event: MapBrowserEvent) => this.olClick.emit(event));
+    this.instance.on('dblclick', (event: MapBrowserEvent) => this.dblClick.emit(event));
     this.instance.on('movestart', (event: MapEvent) => this.moveStart.emit(event));
     this.instance.on('moveend', (event: MapEvent) => this.moveEnd.emit(event));
-    this.instance.on('pointerdrag', (event: MapBrowserEvent<UIEvent>) => this.pointerDrag.emit(event));
-    this.instance.on('pointermove', (event: MapBrowserEvent<UIEvent>) => this.pointerMove.emit(event));
+    this.instance.on('pointerdrag', (event: MapBrowserEvent) => this.pointerDrag.emit(event));
+    this.instance.on('pointermove', (event: MapBrowserEvent) => this.pointerMove.emit(event));
     this.instance.on('postrender', (event: RenderEvent) => this.onpostrender.emit(event));
     this.instance.on('postrender', (event: MapEvent) => this.postRender.emit(event));
     this.instance.on('precompose', (event: RenderEvent) => this.onpreCompose.emit(event));
     this.instance.on('propertychange', (event: BaseEvent) => this.propertyChange.emit(event));
-    this.instance.on('singleclick', (event: MapBrowserEvent<UIEvent>) => this.singleClick.emit(event));
+    this.instance.on('singleclick', (event: MapBrowserEvent) => this.singleClick.emit(event));
   }
 
   ngOnChanges(changes: SimpleChanges): void {
diff --git a/projects/ngx-openlayers/src/lib/sources/vectortile.component.ts b/projects/ngx-openlayers/src/lib/sources/vectortile.component.ts
@@ -1,6 +1,6 @@
 import { AfterContentInit, Component, ContentChild, forwardRef, Host, Input } from '@angular/core';
 import { UrlFunction } from 'ol/Tile';
-import FeatureFormat, { FeatureToFeatureClass } from 'ol/format/Feature';
+import FeatureFormat from 'ol/format/Feature';
 import { ProjectionLike } from 'ol/proj';
 import { VectorTile } from 'ol/source';
 import TileGrid from 'ol/tilegrid/TileGrid';
@@ -9,6 +9,7 @@ import { LayerVectorTileComponent } from '../layers/layervectortile.component';
 import { TileGridComponent } from '../tilegrid.component';
 import { SourceComponent } from './source.component';
 import { FeatureLike } from 'ol/Feature';
+import RenderFeature from 'ol/render/Feature';
 
 @Component({
   selector: 'aol-source-vectortile',
@@ -39,7 +40,7 @@ export class SourceVectorTileComponent extends SourceComponent implements AfterC
   @ContentChild(TileGridComponent)
   tileGridComponent: TileGridComponent;
 
-  format: FeatureFormat<FeatureToFeatureClass<FeatureLike>>;
+  format: FeatureFormat<RenderFeature>;
   tileGrid: TileGrid;
 
   instance: VectorTile<FeatureLike>;
diff --git a/yarn.lock b/yarn.lock
@@ -2432,6 +2432,11 @@
   resolved "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
   integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
 
+"@types/rbush@4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/rbush/-/rbush-4.0.0.tgz#b327bf54952e9c924ea6702c36904c2ce1d47f35"
+  integrity sha512-+N+2H39P8X+Hy1I5mC6awlTX54k3FhiUmvt7HWzGJZvF+syUAAxP/stwppS8JE84YHqFgRMv6fCy31202CMFxQ==
+
 "@types/resolve@1.20.2":
   version "1.20.2"
   resolved "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
@@ -3562,36 +3567,11 @@ color-name@1.1.3:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-2.0.0.tgz#03ff6b1b5aec9bb3cf1ed82400c2790dfcd01d2d"
-  integrity sha512-SbtvAMWvASO5TE2QP07jHBMXKafgdZz8Vrsrn96fiL+O92/FN/PLARzUW5sKt013fjAprK2d2iCn2hk2Xb5oow==
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-parse@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.npmjs.org/color-parse/-/color-parse-2.0.2.tgz#37b46930424924060988edf25b24e6ffb4a1dc3f"
-  integrity sha512-eCtOz5w5ttWIUcaKLiktF+DxZO1R9KLNY/xhbV6CkhM7sR3GhVghmt6X6yOnzeaM24po+Z9/S1apbXMwA3Iepw==
-  dependencies:
-    color-name "^2.0.0"
-
-color-rgba@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/color-rgba/-/color-rgba-3.0.0.tgz#77090bdcdb2951c1735e20099ddd50401675375b"
-  integrity sha512-PPwZYkEY3M2THEHHV6Y95sGUie77S7X8v+h1r6LSAPF3/LL2xJ8duUXSrkic31Nzc4odPwHgUbiX/XuTYzQHQg==
-  dependencies:
-    color-parse "^2.0.0"
-    color-space "^2.0.0"
-
-color-space@^2.0.0, color-space@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/color-space/-/color-space-2.0.1.tgz#da39871175baf4a5785ba519397df04b8d67e0fa"
-  integrity sha512-nKqUYlo0vZATVOFHY810BSYjmCARrG7e5R3UE3CQlyjJTvv5kSSmPG1kzm/oDyyqjehM+lW1RnEt9It9GNa5JA==
-
 colorette@^2.0.10:
   version "2.0.20"
   resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
@@ -4328,10 +4308,10 @@ dunder-proto@^1.0.0:
     es-errors "^1.3.0"
     gopd "^1.2.0"
 
-earcut@^2.2.3:
-  version "2.2.4"
-  resolved "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz#6d02fd4d68160c114825d06890a92ecaae60343a"
-  integrity sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==
+earcut@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/earcut/-/earcut-3.0.1.tgz#f60b3f671c5657cca9d3e131c5527c5dde00ef38"
+  integrity sha512-0l1/0gOjESMeQyYaK5IDiPNvFeu93Z/cO0TjZh9eZ1vyCtZnA7KMZ8rQggpsJHIbGSdrqYq9OhuveadOVHCshw==
 
 eastasianwidth@^0.2.0:
   version "0.2.0"
@@ -5267,7 +5247,7 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-geotiff@^2.0.7:
+geotiff@^2.1.3:
   version "2.1.3"
   resolved "https://registry.npmjs.org/geotiff/-/geotiff-2.1.3.tgz#993f40f2aa6aa65fb1e0451d86dd22ca8e66910c"
   integrity sha512-PT6uoF5a1+kbC3tHmZSUsLHBp2QJlHasxxxxPW47QIY1VBKpFB+FcDvX+MxER6UzgLQZ0xDzJ9s48B9JbOCTqA==
@@ -5753,7 +5733,7 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
   resolved "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
-ieee754@^1.1.12, ieee754@^1.1.13:
+ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -7438,17 +7418,16 @@ obuf@^1.0.0, obuf@^1.1.2:
   resolved "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
 
-ol@~9.2.4:
-  version "9.2.4"
-  resolved "https://registry.npmjs.org/ol/-/ol-9.2.4.tgz#07dcefdceb66ddbde13089bca136f4d4852b772b"
-  integrity sha512-bsbu4ObaAlbELMIZWnYEvX4Z9jO+OyCBshtODhDKmqYTPEfnKOX3RieCr97tpJkqWTZvyV4tS9UQDvHoCdxS+A==
+ol@~10.5.0:
+  version "10.5.0"
+  resolved "https://registry.npmjs.org/ol/-/ol-10.5.0.tgz#5831dc55fe5eb5a09cb4193c9289c1b5a0a0f0ca"
+  integrity sha512-nHFx8gkGmvYImsa7iKkwUnZidd5gn1XbMZd9GNOorvm9orjW9gQvT3Naw/MjIasVJ3cB9EJUdCGR2EFAulMHsQ==
   dependencies:
-    color-rgba "^3.0.0"
-    color-space "^2.0.1"
-    earcut "^2.2.3"
-    geotiff "^2.0.7"
-    pbf "3.2.1"
-    rbush "^3.0.1"
+    "@types/rbush" "4.0.0"
+    earcut "^3.0.0"
+    geotiff "^2.1.3"
+    pbf "4.0.1"
+    rbush "^4.0.0"
 
 on-finished@2.4.1:
   version "2.4.1"
@@ -7774,12 +7753,11 @@ path-type@^4.0.0:
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pbf@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz#b4c1b9e72af966cd82c6531691115cc0409ffe2a"
-  integrity sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==
+pbf@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/pbf/-/pbf-4.0.1.tgz#ad9015e022b235dcdbe05fc468a9acadf483f0d4"
+  integrity sha512-SuLdBvS42z33m8ejRbInMapQe8n0D3vN/Xd5fmWM3tufNgRQFBpaW2YVJxQZV4iPNqb0vEFvssMEo5w9c6BTIA==
   dependencies:
-    ieee754 "^1.1.12"
     resolve-protobuf-schema "^2.1.0"
 
 performance-now@^2.1.0:
@@ -8085,10 +8063,10 @@ quick-lru@^6.1.1:
   resolved "https://registry.npmjs.org/quick-lru/-/quick-lru-6.1.2.tgz#e9a90524108629be35287d0b864e7ad6ceb3659e"
   integrity sha512-AAFUA5O1d83pIHEhJwWCq/RQcRukCkn/NSm2QsTEMle5f2hP0ChI2+3Xb051PZCkLryI/Ir1MVKviT2FIloaTQ==
 
-quickselect@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz#f19680a486a5eefb581303e023e98faaf25dd018"
-  integrity sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==
+quickselect@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz#a37fc953867d56f095a20ac71c6d27063d2de603"
+  integrity sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==
 
 randombytes@^2.1.0:
   version "2.1.0"
@@ -8112,12 +8090,12 @@ raw-body@2.5.2:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-rbush@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz#5fafa8a79b3b9afdfe5008403a720cc1de882ecf"
-  integrity sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==
+rbush@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/rbush/-/rbush-4.0.1.tgz#1f55afa64a978f71bf9e9a99bc14ff84f3cb0d6d"
+  integrity sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==
   dependencies:
-    quickselect "^2.0.0"
+    quickselect "^3.0.0"
 
 read-package-json-fast@^3.0.0:
   version "3.0.2"

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`		`-import { FeatureClass } from 'ol/Feature';`
`2`	`1`	`import FeatureFormat from 'ol/format/Feature';`
	`2`	`+import RenderFeature from 'ol/render/Feature';`
`3`	`3`
`4`	`4`	`export class FormatComponent {`
`5`		`- public instance: FeatureFormat<FeatureClass>;`
	`5`	`+ public instance: FeatureFormat<RenderFeature>;`
`6`	`6`	`public componentType = 'format';`
`7`	`7`	`}`