import { Component } from '@angular/core';
import { TooltipVariant } from './../../../../src/models';

@Component({
    selector: 'attribute-directives-component',
    styleUrls: ['attribute-directives.component.scss'],
    templateUrl: './attribute-directives.component.template.pug',
})
export class AttributeDirectivesComponent {
    public enums = { TooltipVariant };
    public isFocusOnInitInputVisible = false;
    public fadeInImageVisible = false;
    public backgroundFadeInImageVisible = false;
    public isScrollToElementVisible = false;
    /**
     * Input Debounce testing
     */
    public debounceTest(val) {
        // tslint:disable-next-line
        console.log('Debounced: send update', val);
    }

    public onDragOverDropFiles(files: FileList) {
        // tslint:disable-next-line
        console.log('dropped files', files);
    }

    public showScrollToElement() {
        setTimeout(() => {
            this.isScrollToElementVisible = true;
        }, 2000);
    }

    public hideScrollToElement() {
        this.isScrollToElementVisible = false;
    }
}