AW6241 ng-18 adopt ng-openlayers

projects/ng-openlayers/src/lib/interactions/dragzoom.component.ts

@@ -0,0 +1,32 @@
+import { Component, OnDestroy, OnInit, Input } from '@angular/core';
+import { DragZoom } from 'ol/interaction';
+import { MapComponent } from '../map.component';
+import { Condition } from 'ol/events/condition';
+
+@Component({
+  selector: 'aol-interaction-dragzoom',
+  template: '',
+})
+export class DragZoomInteractionComponent implements OnInit, OnDestroy {
+  @Input()
+  className: string;
+  @Input()
+  condition: Condition;
+  @Input()
+  duration: number;
+  @Input()
+  out: boolean;
+
+  instance: DragZoom;
+
+  constructor(private map: MapComponent) {}
+
+  ngOnInit() {
+    this.instance = new DragZoom(this);
+    this.map.instance.addInteraction(this.instance);
+  }
+
+  ngOnDestroy() {
+    this.map.instance.removeInteraction(this.instance);
+  }
+}