chore(Tabs): outputs are now called centering and centered (#1487)

ISSUES CLOSED: #1478
GetTerminus · May 1, 2019 · d85b207 · d85b207
1 parent 9789cfe
commit d85b207
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/terminus-ui/tabs/src/body/tab-body.component.ts b/terminus-ui/tabs/src/body/tab-body.component.ts
@@ -146,7 +146,7 @@ export class TsTabBodyComponent implements OnInit, OnDestroy {
    * Event emitted when the tab begins to animate towards the center as the active tab
    */
   @Output()
-  readonly onCentering: EventEmitter<number> = new EventEmitter<number>();
+  readonly centering: EventEmitter<number> = new EventEmitter<number>();
 
   /**
    * Event emitted before the centering of the tab begins
@@ -164,7 +164,7 @@ export class TsTabBodyComponent implements OnInit, OnDestroy {
    * Event emitted when the tab completes its animation towards the center
    */
   @Output()
-  readonly onCentered: EventEmitter<void> = new EventEmitter<void>(true);
+  readonly centered: EventEmitter<void> = new EventEmitter<void>(true);
 
 
   constructor(
@@ -188,7 +188,7 @@ export class TsTabBodyComponent implements OnInit, OnDestroy {
     ).subscribe((event) => {
       // If the transition to the center is complete, emit an event.
       if (this.isCenterPosition(event.toState) && this.isCenterPosition(this.positionState)) {
-        this.onCentered.emit();
+        this.centered.emit();
       }
 
       if (this.isCenterPosition(event.fromState) && !this.isCenterPosition(this.positionState)) {
@@ -217,7 +217,7 @@ export class TsTabBodyComponent implements OnInit, OnDestroy {
     this.beforeCentering.emit(isCentering);
 
     if (isCentering) {
-      this.onCentering.emit(this.elementRef.nativeElement.clientHeight);
+      this.centering.emit(this.elementRef.nativeElement.clientHeight);
     }
   }
 

diff --git a/terminus-ui/tabs/src/collection/tab-collection.component.html b/terminus-ui/tabs/src/collection/tab-collection.component.html
@@ -54,7 +54,7 @@
     [content]="tab.content"
     [position]="tab.position"
     [origin]="tab.origin"
-    (onCentered)="removeTabBodyWrapperHeight()"
-    (onCentering)="setTabBodyWrapperHeight($event)"
+    (centered)="removeTabBodyWrapperHeight()"
+    (centering)="setTabBodyWrapperHeight($event)"
   ></ts-tab-body>
 </div>