Remove event and address comments

Author: Vivin Krishna R N

packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.html

@@ -77,7 +77,7 @@
             <div class="container-label">Chip</div>
             <nimble-chip>Outline Chip</nimble-chip>
             <nimble-chip appearance="block">Block Chip</nimble-chip>
-            <nimble-chip removable (removeEvent)="onChipRemove()">Removable Chip</nimble-chip>
+            <nimble-chip removable (remove)="onChipRemove()">Removable Chip</nimble-chip>
             <nimble-chip disabled>Disabled Chip</nimble-chip>
         </div>
         <div class="sub-container">

packages/angular-workspace/nimble-angular/chip/nimble-chip.directive.ts

@@ -1,4 +1,4 @@
-import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Chip, chipTag } from '@ni/nimble-components/dist/esm/chip';
 import { ChipAppearance } from '@ni/nimble-components/dist/esm/chip/types';
 import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
@@ -39,14 +39,5 @@ export class NimbleChipDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
     }
 
-    @Output() public removeEvent = new EventEmitter<void>();
-
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Chip>) {}
-
-    @HostListener('remove', ['$event'])
-    public onRemove($event: Event): void {
-        if ($event.target === this.elementRef.nativeElement) {
-            this.removeEvent.emit();
-        }
-    }
 }

packages/angular-workspace/nimble-angular/chip/testing/public-api.ts

@@ -1 +1 @@
-export { ChipPageObject } from '@ni/nimble-components/dist/esm/chip/testing/chip.pageobject';
+export { ChipPageObject } from './chip.pageobject';