feat: update openlayers to ~6.13.0

BREAKING CHANGE: `ol` peer dep is now ~6.13.0
BREAKING CHANGE: all components inputs of type `Element` or `Node` are now of type `HTMLElement`
BREAKING CHANGE: all `olChangeActive` and `propertyChange` outputs are now `EventEmitter<ObjectEvent>`
BREAKING CHANGE: `FormatMVTComponent` : input `featureClass` is now of type `FeatureClass`
BREAKING CHANGE: `DragAndDropInteractionComponent` : input `formatConstructors` is now of type `FeatureFormat[]`
BREAKING CHANGE: `LayerComponent` : `prerender` and `postrender` inputs functions should now manage events of type `RenderEvent`
BREAKING CHANGE: `SourceImageArcGISRestComponent` : `attributions` input is now of type `AttributionLike`
BREAKING CHANGE: `SourceTileWMTSComponent` : `tileGrid` input is now of type `WMTSTileGrid`
BREAKING CHANGE: `SourceUTFGridComponent` : `tileJSON` input is now of type `Config`
BREAKING CHANGE: `StyleCircleComponent` : `snapToPixel` and `atlasManager` have been removed
BREAKING CHANGE: `StyleIconComponent` : `img` input is now of type `HTMLImageElement | HTMLCanvasElement`
BREAKING CHANGE: `MapComponent` : `prerender` output has been removed, `precompose` output has been added. `olClick`, `dblClick`, `pointerDrag`, `pointerMove`, `singleClick` outputs are now of type `EventEmitter<MapBrowserEvent<UIEvent>>`
BREAKING CHANGE: `ViewComponent` : `changeZoom` output has been removed

Author: jeremy-eychenne

package.json

@@ -24,7 +24,7 @@
     "@angular/platform-browser-dynamic": "^14.3.0",
     "@angular/router": "^14.3.0",
     "hammerjs": "^2.0.8",
-    "ol": "~6.3.1",
+    "ol": "~6.13.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.5.0",
     "zone.js": "~0.11.4"
@@ -39,8 +39,10 @@
     "@angular/cli": "^14.2.11",
     "@angular/compiler-cli": "^14.3.0",
     "@angular/language-service": "^14.3.0",
+    "@types/arcgis-rest-api": "^10.4.5",
     "@types/jasmine": "~4.3.1",
     "@types/node": "^12.11.1",
+    "@types/topojson-specification": "^1.0.2",
     "@typescript-eslint/eslint-plugin": "^5.36.2",
     "@typescript-eslint/parser": "^5.36.2",
     "commit-and-tag-version": "^12.0.0",

projects/ngx-openlayers/package.json

@@ -7,6 +7,6 @@
   "peerDependencies": {
     "@angular/common": ">=6.0.0 <=14.x.x",
     "@angular/core": ">=6.0.0 <=14.x.x",
-    "ol": "^6.0.0"
+    "ol": "~6.13.0"
   }
 }

projects/ngx-openlayers/src/lib/attribution.component.ts

@@ -13,6 +13,6 @@ export class AttributionComponent implements OnInit {
 
   ngOnInit() {
     this.html = this.elementRef.nativeElement.innerHTML;
-    this.instance = new Attribution(this);
+    this.instance = new Attribution();
   }
 }

projects/ngx-openlayers/src/lib/attributions.component.ts

@@ -1,5 +1,4 @@
 import { AfterViewInit, Component, ContentChildren, Host, QueryList } from '@angular/core';
-import { Attribution } from 'ol/control';
 import { AttributionComponent } from './attribution.component';
 import { SourceComponent } from './sources/source.component';
 
@@ -11,14 +10,14 @@ export class AttributionsComponent implements AfterViewInit {
   @ContentChildren(AttributionComponent)
   attributions: QueryList<AttributionComponent>;
 
-  instance: Array<Attribution>;
+  instance: Array<string>;
 
   constructor(@Host() private source: SourceComponent) {}
 
   /* we can do this at the very end */
   ngAfterViewInit() {
     if (this.attributions.length) {
-      this.instance = this.attributions.map((cmp) => cmp.instance);
+      this.instance = this.attributions.map((cmp) => cmp.html);
       // console.log('setting attributions:', this.instance);
       this.source.instance.setAttributions(this.instance);
     }

projects/ngx-openlayers/src/lib/controls/attribution.component.ts

@@ -12,7 +12,7 @@ export class ControlAttributionComponent implements OnInit, OnDestroy {
 
   componentType = 'control';
   instance: Attribution;
-  target: Element;
+  target: HTMLElement;
 
   constructor(private map: MapComponent, private element: ElementRef) {}
 

projects/ngx-openlayers/src/lib/controls/control.component.ts

@@ -13,7 +13,7 @@ export class ControlComponent implements OnInit, OnDestroy {
 
   componentType = 'control';
   instance: Control;
-  element: Element;
+  element: HTMLElement;
 
   constructor(private map: MapComponent) {}
 

projects/ngx-openlayers/src/lib/controls/mouseposition.component.ts

@@ -13,7 +13,7 @@ export class ControlMousePositionComponent implements OnInit, OnDestroy {
   coordinateFormat: CoordinateFormat;
   @Input()
   projection: ProjectionLike;
-  target: Element;
+  target: HTMLElement;
 
   instance: MousePosition;
 

projects/ngx-openlayers/src/lib/controls/overviewmap.component.ts

@@ -20,7 +20,7 @@ export class ControlOverviewMapComponent implements OnInit, OnChanges, OnDestroy
   @Input()
   layers: Layer[];
   @Input()
-  target: Element;
+  target: HTMLElement;
   @Input()
   tipLabel: string;
   @Input()

projects/ngx-openlayers/src/lib/controls/zoom.component.ts

@@ -10,9 +10,9 @@ export class ControlZoomComponent implements OnInit, OnDestroy {
   @Input()
   duration: number;
   @Input()
-  zoomInLabel: string | Node;
+  zoomInLabel: string | HTMLElement;
   @Input()
-  zoomOutLabel: string | Node;
+  zoomOutLabel: string | HTMLElement;
   @Input()
   zoomInTipLabel: string;
   @Input()

projects/ngx-openlayers/src/lib/controls/zoomtoextent.component.ts

@@ -11,7 +11,7 @@ export class ControlZoomToExtentComponent implements OnInit, OnDestroy {
   @Input()
   className: string;
   @Input()
-  label: string | Node;
+  label: string | HTMLElement;
   @Input()
   tipLabel: string;
   @Input()