import { Directive, ElementRef, Input } from '@angular/core'

@Directive({
	selector: '[appProgressBar]',
})
export class ProgressBarDirective {

	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	private _$progressBar: any

	progress: (percent: number) => void

	@Input() set percent(percent: number) {
		this.progress(percent)
	}

	constructor(private element: ElementRef) {
		// TODO
		// this.progress = throttle((percent: number) => this.$progressBar.progress('set').percent(percent), 100)
	}

	// private get $progressBar() {
	// 	if (!this._$progressBar) {
	// 		this._$progressBar = $(this.element.nativeElement)
	// 	}
	// 	return this._$progressBar
	// }
}