From 38b8a9521930fc3ef54ed97d63878bb9816d2d78 Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Thu, 24 Oct 2019 08:46:39 +0300
Subject: [PATCH] fix(theme-shared): button events

---
 .../lib/components/button/button.component.ts | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts
index 31630a5510..d54e9b181f 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts
@@ -10,9 +10,9 @@ import { ABP } from '@abp/ng.core';
       [attr.type]="buttonType || type"
       [ngClass]="buttonClass"
       [disabled]="loading || disabled"
-      (click)="click.emit($event)"
-      (focus)="focus.emit($event)"
-      (blur)="blur.emit($event)"
+      (click)="onClick($event)"
+      (focus)="onFocus($event)"
+      (blur)="onBlur($event)"
     >
       <i [ngClass]="icon" class="mr-1"></i><ng-content></ng-content>
     </button>
@@ -67,4 +67,19 @@ export class ButtonComponent implements OnInit {
       });
     }
   }
+
+  onClick(event: MouseEvent) {
+    event.stopPropagation();
+    this.click.next(event);
+  }
+
+  onFocus(event: FocusEvent) {
+    event.stopPropagation();
+    this.focus.next(event);
+  }
+
+  onBlur(event: FocusEvent) {
+    event.stopPropagation();
+    this.blur.next(event);
+  }
 }