refactor(tsconfig): activate strict templates

package.json

@@ -40,6 +40,7 @@
     "@angular/compiler-cli": "^14.3.0",
     "@angular/language-service": "^14.3.0",
     "@types/arcgis-rest-api": "^10.4.5",
+    "@types/hammerjs": "^2.0.41",
     "@types/jasmine": "~4.3.1",
     "@types/node": "^12.11.1",
     "@types/topojson-specification": "^1.0.2",

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

@@ -11,7 +11,7 @@ export class AttributionComponent implements OnInit {
 
   constructor(private elementRef: ElementRef) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.html = this.elementRef.nativeElement.innerHTML;
     this.instance = new Attribution();
   }

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

@@ -15,7 +15,7 @@ export class AttributionsComponent implements AfterViewInit {
   constructor(@Host() private source: SourceComponent) {}
 
   /* we can do this at the very end */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     if (this.attributions.length) {
       this.instance = this.attributions.map((cmp) => cmp.html);
       // console.log('setting attributions:', this.instance);

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

@@ -44,22 +44,22 @@ export class CollectionCoordinatesComponent implements OnChanges, OnInit {
     }
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.map.instance.on('change:view', (e) => this.onMapViewChanged(e));
     this.mapSrid = this.map.instance.getView().getProjection().getCode();
     this.transformCoordinates();
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     this.transformCoordinates();
   }
 
-  private onMapViewChanged(event) {
+  private onMapViewChanged(event): void {
     this.mapSrid = event.target.get(event.key).getProjection().getCode();
     this.transformCoordinates();
   }
 
-  private transformCoordinates() {
+  private transformCoordinates(): void {
     let transformedCoordinates: Coordinate[] | Coordinate[][] | Coordinate[][][];
 
     if (this.srid === this.mapSrid) {

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

@@ -16,14 +16,14 @@ export class ControlAttributionComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent, private element: ElementRef) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.target = this.element.nativeElement;
     // console.log('ol.control.Attribution init: ', this);
     this.instance = new Attribution(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-attribution');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -17,15 +17,15 @@ export class ControlComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     if (this.content) {
       this.element = this.content.elementRef.nativeElement;
       this.instance = new Control(this);
       this.map.instance.addControl(this.instance);
     }
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     if (this.instance) {
       this.map.instance.removeControl(this.instance);
     }

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

@@ -29,13 +29,13 @@ export class DefaultControlComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     // console.log('ol.control.defaults init: ', this);
     this.instance = defaults(this);
     this.instance.forEach((c) => this.map.instance.addControl(c));
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-defaults');
     this.instance.forEach((c) => this.map.instance.removeControl(c));
   }

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

@@ -24,12 +24,12 @@ export class ControlFullScreenComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-fullscreen');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new FullScreen(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-fullscreen');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -19,14 +19,14 @@ export class ControlMousePositionComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent, private element: ElementRef) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.target = this.element.nativeElement;
     // console.log('ol.control.MousePosition init: ', this);
     this.instance = new MousePosition(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-mouseposition');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -30,22 +30,22 @@ export class ControlOverviewMapComponent implements OnInit, OnChanges, OnDestroy
 
   constructor(private map: MapComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new OverviewMap(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     this.map.instance.removeControl(this.instance);
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     if (this.instance != null && changes.hasOwnProperty('view')) {
       this.reloadInstance();
     }
   }
 
-  private reloadInstance() {
+  private reloadInstance(): void {
     this.map.instance.removeControl(this.instance);
     this.instance = new OverviewMap(this);
     this.map.instance.addControl(this.instance);

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

@@ -24,12 +24,12 @@ export class ControlRotateComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-rotate');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new Rotate(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-rotate');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -16,12 +16,12 @@ export class ControlScaleLineComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-scaleline');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new ScaleLine(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-scaleline');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -26,12 +26,12 @@ export class ControlZoomComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-zoom');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new Zoom(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-zoom');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -22,12 +22,12 @@ export class ControlZoomSliderComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-zoomslider');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new ZoomSlider(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-zoomslider');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -23,12 +23,12 @@ export class ControlZoomToExtentComponent implements OnInit, OnDestroy {
     // console.log('instancing aol-control-zoomtoextent');
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new ZoomToExtent(this);
     this.map.instance.addControl(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     // console.log('removing aol-control-zoomtoextent');
     this.map.instance.removeControl(this.instance);
   }

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

@@ -40,22 +40,22 @@ export class CoordinateComponent implements OnChanges, OnInit {
     }
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.map.instance.on('change:view', (e) => this.onMapViewChanged(e));
     this.mapSrid = this.map.instance.getView().getProjection().getCode();
     this.transformCoordinates();
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     this.transformCoordinates();
   }
 
-  private onMapViewChanged(event) {
+  private onMapViewChanged(event): void {
     this.mapSrid = event.target.get(event.key).getProjection().getCode();
     this.transformCoordinates();
   }
 
-  private transformCoordinates() {
+  private transformCoordinates(): void {
     let transformedCoordinates: number[];
 
     if (this.srid === this.mapSrid) {

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

@@ -15,19 +15,19 @@ export class FeatureComponent implements OnInit, OnDestroy, OnChanges {
 
   constructor(private host: SourceVectorComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new Feature();
     if (this.id !== undefined) {
       this.instance.setId(this.id);
     }
     this.host.instance.addFeature(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     this.host.instance.removeFeature(this.instance);
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     if (this.instance) {
       this.instance.setId(this.id);
     }

projects/ngx-openlayers/src/lib/geom/geometrylinestring.component.ts

@@ -16,7 +16,7 @@ export class GeometryLinestringComponent extends SimpleGeometryComponent impleme
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new LineString([
       [0, 0],
       [1, 1],

projects/ngx-openlayers/src/lib/geom/geometrymultilinestring.component.ts

@@ -16,7 +16,7 @@ export class GeometryMultiLinestringComponent extends SimpleGeometryComponent im
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new MultiLineString([
       [
         [0, 0],

projects/ngx-openlayers/src/lib/geom/geometrymultipoint.component.ts

@@ -16,7 +16,7 @@ export class GeometryMultiPointComponent extends SimpleGeometryComponent impleme
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new MultiPoint([
       [0, 0],
       [1, 1],

projects/ngx-openlayers/src/lib/geom/geometrymultipolygon.component.ts

@@ -16,7 +16,7 @@ export class GeometryMultiPolygonComponent extends SimpleGeometryComponent imple
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new MultiPolygon([
       [
         [

projects/ngx-openlayers/src/lib/geom/geometrypoint.component.ts

@@ -16,7 +16,7 @@ export class GeometryPointComponent extends SimpleGeometryComponent implements O
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new Point([0, 0]);
     super.ngOnInit();
   }

projects/ngx-openlayers/src/lib/geom/geometrypolygon.component.ts

@@ -16,7 +16,7 @@ export class GeometryPolygonComponent extends SimpleGeometryComponent implements
     super(map, host);
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new Polygon([
       [
         [0, 0],

projects/ngx-openlayers/src/lib/geom/simplegeometry.component.ts

@@ -12,7 +12,7 @@ export abstract class SimpleGeometryComponent implements OnInit {
 
   constructor(protected map: MapComponent, protected host: FeatureComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.host.instance.setGeometry(this.instance);
   }
 }

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

@@ -22,7 +22,7 @@ export class GraticuleComponent implements AfterContentInit, OnChanges, OnDestro
 
   constructor(private map: MapComponent) {}
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     const properties: { [index: string]: any } = {};
 
     if (!this.instance) {

projects/ngx-openlayers/src/lib/interactions/default.component.ts

@@ -12,12 +12,12 @@ export class DefaultInteractionComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = defaults();
     this.instance.forEach((i) => this.map.instance.addInteraction(i));
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     this.instance.forEach((i) => this.map.instance.removeInteraction(i));
   }
 }

projects/ngx-openlayers/src/lib/interactions/doubleclickzoom.component.ts

@@ -16,12 +16,12 @@ export class DoubleClickZoomInteractionComponent implements OnInit, OnDestroy {
 
   constructor(private map: MapComponent) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.instance = new DoubleClickZoom(this);
     this.map.instance.addInteraction(this.instance);
   }
 
-  ngOnDestroy() {
+  ngOnDestroy(): void {
     this.map.instance.removeInteraction(this.instance);
   }
 }