import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
import { Condition } from 'ol/events/condition';
import { DragRotate } from 'ol/interaction';
import { MapComponent } from '../map.component';

@Component({
  selector: 'aol-interaction-dragrotate',
  template: '',
  standalone: true,
})
export class DragRotateInteractionComponent implements OnInit, OnDestroy {
  private map = inject(MapComponent);

  @Input()
  condition: Condition;
  @Input()
  duration: number;

  instance: DragRotate;

  ngOnInit(): void {
    this.instance = new DragRotate(this);
    this.map.instance.addInteraction(this.instance);
  }

  ngOnDestroy(): void {
    this.map.instance.removeInteraction(this.instance);
  }
}