refactor: use standalone components

Closes #305

Author: jeremy-eychenne

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

@@ -2,8 +2,9 @@ import { Component, ElementRef, OnInit } from '@angular/core';
 import { Attribution } from 'ol/control';
 
 @Component({
-  selector: 'aol-attribution',
-  template: '<ng-content></ng-content>',
+    selector: 'aol-attribution',
+    template: '<ng-content></ng-content>',
+    standalone: true,
 })
 export class AttributionComponent implements OnInit {
   instance: Attribution;

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

@@ -3,8 +3,9 @@ import { AttributionComponent } from './attribution.component';
 import { SourceComponent } from './sources/source.component';
 
 @Component({
-  selector: 'aol-attributions',
-  template: '<ng-content></ng-content>',
+    selector: 'aol-attributions',
+    template: '<ng-content></ng-content>',
+    standalone: true,
 })
 export class AttributionsComponent implements AfterViewInit {
   @ContentChildren(AttributionComponent)

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

@@ -9,8 +9,9 @@ import { GeometryPolygonComponent } from './geom/geometrypolygon.component';
 import { MapComponent } from './map.component';
 
 @Component({
-  selector: 'aol-collection-coordinates',
-  template: ` <div class="aol-collection-coordinates"></div> `,
+    selector: 'aol-collection-coordinates',
+    template: ` <div class="aol-collection-coordinates"></div> `,
+    standalone: true,
 })
 export class CollectionCoordinatesComponent implements OnChanges, OnInit {
   @Input()

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

@@ -1,8 +1,9 @@
 import { Component, ElementRef } from '@angular/core';
 
 @Component({
-  selector: 'aol-content',
-  template: '<ng-content></ng-content>',
+    selector: 'aol-content',
+    template: '<ng-content></ng-content>',
+    standalone: true,
 })
 export class ContentComponent {
   constructor(public elementRef: ElementRef) {}

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

@@ -3,8 +3,9 @@ import { Attribution } from 'ol/control';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control-attribution',
-  template: ``,
+    selector: 'aol-control-attribution',
+    template: ``,
+    standalone: true,
 })
 export class ControlAttributionComponent implements OnInit, OnDestroy {
   @Input()

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

@@ -4,8 +4,9 @@ import { ContentComponent } from '../content.component';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control',
-  template: ` <ng-content></ng-content> `,
+    selector: 'aol-control',
+    template: ` <ng-content></ng-content> `,
+    standalone: true,
 })
 export class ControlComponent implements OnInit, OnDestroy {
   @ContentChild(ContentComponent, { static: true })

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

@@ -8,8 +8,9 @@ import { Options as ZoomOptions } from 'ol/control/Zoom';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control-defaults',
-  template: '',
+    selector: 'aol-control-defaults',
+    template: '',
+    standalone: true,
 })
 export class DefaultControlComponent implements OnInit, OnDestroy {
   @Input()

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

@@ -3,8 +3,9 @@ import { FullScreen } from 'ol/control';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control-fullscreen',
-  template: ` <ng-content></ng-content> `,
+    selector: 'aol-control-fullscreen',
+    template: ` <ng-content></ng-content> `,
+    standalone: true,
 })
 export class ControlFullScreenComponent implements OnInit, OnDestroy {
   @Input()

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

@@ -5,8 +5,9 @@ import { ProjectionLike } from 'ol/proj';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control-mouseposition',
-  template: ``,
+    selector: 'aol-control-mouseposition',
+    template: ``,
+    standalone: true,
 })
 export class ControlMousePositionComponent implements OnInit, OnDestroy {
   @Input()

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

@@ -5,8 +5,9 @@ import { Layer } from 'ol/layer';
 import { MapComponent } from '../map.component';
 
 @Component({
-  selector: 'aol-control-overviewmap',
-  template: ` <ng-content></ng-content> `,
+    selector: 'aol-control-overviewmap',
+    template: ` <ng-content></ng-content> `,
+    standalone: true,
 })
 export class ControlOverviewMapComponent implements OnInit, OnChanges, OnDestroy {
   @Input()