import {
    ChangeDetectionStrategy,
    Component,
    EventEmitter,
    Input,
    Output,
} from '@angular/core';

import {
    fadeInOutAnimation,
} from './../../helpers/animations/index';

@Component({
    animations: [
        fadeInOutAnimation(),
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'image-transform-options-component',
    styleUrls: [
        './image-transform-options.component.scss',
    ],
    templateUrl: 'image-transform-options.component.template.pug',
})
export default class ImageTransformOptionsComponent {
    @Input()
    public canZoomOut: boolean = true;
    @Input()
    public canZoomIn: boolean = true;
    @Input()
    public canCenterImage: boolean = true;

    @Output()
    public onPictureRemoved = new EventEmitter();
    @Output()
    public onRotateImage = new EventEmitter();
    @Output()
    public onZoomInImage = new EventEmitter();
    @Output()
    public onZoomOutImage = new EventEmitter();
    @Output()
    public onCenterImage = new EventEmitter();
    @Output()
    public onCloseOptions = new EventEmitter();

    public removePicture() {
        this.onPictureRemoved.emit();
    }

    public rotateImage() {
        this.onRotateImage.emit();
    }

    public zoomInImage() {
        this.onZoomInImage.emit();
    }

    public zoomOutImage() {
        this.onZoomOutImage.emit();
    }

    public centerImage() {
        this.onCenterImage.emit();
    }

    public closeOptions() {
        this.onCloseOptions.emit();
    }
}