import { debounce } from 'lodash';
import Vue from 'vue';

export const debounceHelper = Vue.extend({
	data () {
		return {
			debouncedFunctions: [] as any[], // tslint:disable-line:no-any
		};
	},
	methods: {
		async callDebounced (...inputParameters: any[]): Promise<void> { // tslint:disable-line:no-any
			const functionName = inputParameters.shift() as string;
			const { trailing, debounceTime }  = inputParameters.shift();

			// @ts-ignore
			if (this.debouncedFunctions[functionName] === undefined) {
				// @ts-ignore
				this.debouncedFunctions[functionName] = debounce(this[functionName], debounceTime, trailing ? { trailing } : { leading: true } );
			}
			// @ts-ignore
			await this.debouncedFunctions[functionName].apply(this, inputParameters);
		},
	},
});