27 lines
872 B
TypeScript
27 lines
872 B
TypeScript
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'iqser-hidden-action',
|
|
templateUrl: './hidden-action.component.html',
|
|
styleUrls: ['./hidden-action.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
})
|
|
export class HiddenActionComponent {
|
|
@Input() requiredClicks = 4;
|
|
@Output() readonly action = new EventEmitter();
|
|
private _clickCount = 0;
|
|
private _clickCountTimeout?: ReturnType<typeof setTimeout>;
|
|
|
|
countActions(): void {
|
|
this._clickCount += 1;
|
|
if (this._clickCount === this.requiredClicks) {
|
|
this._clickCount = 0;
|
|
this.action.emit();
|
|
}
|
|
clearTimeout(this._clickCountTimeout);
|
|
this._clickCountTimeout = setTimeout(() => {
|
|
this._clickCount = 0;
|
|
}, 1000);
|
|
}
|
|
}
|