diff --git a/terminus-core/src/components/tabHeader.component.ts b/terminus-core/src/components/tabHeader.component.ts index e9dc2cae..f0c65524 100644 --- a/terminus-core/src/components/tabHeader.component.ts +++ b/terminus-core/src/components/tabHeader.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core' +import { Component, Input, Output, EventEmitter, HostBinding, HostListener } from '@angular/core' import { BaseTabComponent } from '../components/baseTab.component' @Component({ @@ -12,4 +12,10 @@ export class TabHeaderComponent { @Input() @HostBinding('class.has-activity') hasActivity: boolean @Input() tab: BaseTabComponent @Output() closeClicked = new EventEmitter() + + @HostListener('auxclick', ['$event']) onClick ($event: MouseEvent): void { + if ($event.which == 2) { + this.closeClicked.emit() + } + } }