Merge pull request #346 from UiPath/feat/suggest_blur

feat(suggest): emit on blur & focus

Author: anbalase

projects/angular/components/ui-suggest/src/ui-suggest.component.html

@@ -35,8 +35,8 @@
                  (keydown.esc)="isOpen &&
                             preventDefault($event)"
                  (keydown.space)="preventDefault($event)"
-                 (focus)="onFocus();"
-                 (blur)="onBlur()"
+                 (focus)="onFocus($event);"
+                 (blur)="onBlur($event)"
                  #displayContainer
                  matRipple
                  class="display"
@@ -88,8 +88,8 @@
                            [style.width]="isFormControl ? null : width"
                            [disabled]="disabled"
                            (click)="open()"
-                           (focus)="onFocus()"
-                           (blur)="onBlur()"
+                           (focus)="onFocus($event)"
+                           (blur)="onBlur($event)"
                            (keydown.backspace)="backspaceBehavior()"
                            (keydown.arrowup)="navigate(-1, $event)"
                            (keydown.arrowdown)="navigate(1, $event)"

projects/angular/components/ui-suggest/src/ui-suggest.component.ts

@@ -28,6 +28,7 @@ import {
 
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { ListRange } from '@angular/cdk/collections';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import {
     AfterViewInit,
@@ -62,7 +63,6 @@ import { ErrorStateMatcher } from '@angular/material/core';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { VirtualScrollItemStatus } from '@uipath/angular/directives/ui-virtual-scroll-range-loader';
 
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import {
     ISuggestValue,
     ISuggestValues,
@@ -628,6 +628,13 @@ export class UiSuggestComponent extends UiSuggestMatFormFieldDirective
     @Output()
     opened = new EventEmitter<void>();
 
+    /**
+     * Emits on losing or receiving focus.
+     *
+     */
+    @Output()
+    focusEvent = new EventEmitter<FocusEvent>();
+
     /**
      * @ignore
      */
@@ -991,7 +998,8 @@ export class UiSuggestComponent extends UiSuggestMatFormFieldDirective
      *
      * @ignore
      */
-    onBlur() {
+    onBlur(event: FocusEvent) {
+        this.focusEvent.emit(event);
         this._focusChanged(this.isOpen);
     }
 
@@ -1000,7 +1008,8 @@ export class UiSuggestComponent extends UiSuggestMatFormFieldDirective
      *
      * @ignore
      */
-    onFocus() {
+    onFocus(event: FocusEvent) {
+        this.focusEvent.emit(event);
         this._focusChanged(true);
     }