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

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'number-picker-component',
    styleUrls: [
        './number-picker.component.scss',
    ],
    templateUrl: './number-picker.component.template.pug',
})
export class NumberPickerComponent {
    @Input()
    public value: number;
    @Input()
    public minValue = 0;
    @Input()
    public maxValue = 10000;
    @Output()
    public onDecreaseClicked = new EventEmitter();
    @Output()
    public onIncreaseClicked = new EventEmitter();

    public canDecrease() {
        return this.value > this.minValue;
    }

    public canIncrease() {
        return this.value < this.maxValue;
    }

    public decreaseClicked() {
        this.onDecreaseClicked.emit();
    }

    public increaseClicked() {
        this.onIncreaseClicked.emit();
    }
}