Restructure

src-angular/app/core/directives/progress-bar.directive.ts

@@ -0,0 +1,29 @@
+import { Directive, ElementRef, Input } from '@angular/core'
+
+import * as _ from 'lodash'
+
+@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) {
+		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
+	}
+}