finish removing references to ngx-translate

Author: cal-smith

src/banner/banner.component.ts

@@ -41,7 +41,7 @@ const EN = require("./../i18n/en.json");
 			type="button">
 			<svg
 				class="bx--inline-notification__close-icon"
-				[aria-label]="bannerObj.closeLabel"
+				[attr.aria-label]="bannerObj.closeLabel"
 				width="10"
 				height="10"
 				viewBox="0 0 10 10"

src/banner/toast.component.ts

@@ -30,7 +30,7 @@ const EN = require("./../i18n/en.json");
 			(click)="onClose()">
 			<svg
 				class="bx--toast-notification-icon"
-				[aria-label]="bannerObj.closeLabel"
+				[attr.aria-label]="bannerObj.closeLabel"
 				width="10"
 				height="10"
 				viewBox="0 0 10 10"

src/calendar/calendar-header.component.ts

@@ -35,7 +35,7 @@ import { range } from "../common/utils";
 					<li
 					class="month_view-month"
 					*ngFor="let month of range(monthCount)">
-						{{getMonth(month) | translate}}
+						{{getMonth(month)}}
 					</li>
 					<li class="pagination_chevron">
 						<a (click)="nextMonth()" title="Next page" aria-label="Next page">

src/calendar/month-view/calendar-month.component.ts

@@ -15,7 +15,7 @@ import { range } from "../../common/utils";
 		*ngFor="let month of range(monthCount)">
 			<table class="calendar_grid calendar_month">
 				<tr class="grid_row_header--month">
-					<th *ngFor="let day of model.daysOfWeek"><div>{{day | translate}}</div></th>
+					<th *ngFor="let day of model.daysOfWeek"><div>{{day}}</div></th>
 				</tr>
 				<tr
 				class="grid_row--month"

src/calendar/months-view/calendar-months.component.ts

@@ -26,7 +26,7 @@ import { range } from "../../common/utils";
 				}">
 					<div>
 						<p>
-							{{months[i * 4 + j] | translate}}
+							{{months[i * 4 + j]}}
 						</p>
 					</div>
 				</td>

src/calendar/quarter-view/calendar-quarter.component.ts

@@ -26,10 +26,10 @@ import { range } from "../../common/utils";
 				}">
 					<div>
 						<p class="top">
-							{{quarters[i * 2 + j].name | translate}}
+							{{quarters[i * 2 + j].name}}
 						</p>
 						<p class="bottom">
-							{{quarters[i * 2 + j].months | translate}}
+							{{quarters[i * 2 + j].months}}
 						</p>
 					</div>
 				</td>

src/dialog/overflow-menu/overflow-menu-pane.component.ts

@@ -3,6 +3,8 @@ import { Dialog } from "../dialog.component";
 import { position } from "../../utils/position";
 import { isFocusInLastItem, isFocusInFirstItem } from "./../../common/tab.service";
 
+const EN = require("./../../i18n/en.json");
+
 /**
  * Extend the `Dialog` component to create an overflow menu.
  *
@@ -13,7 +15,7 @@ import { isFocusInLastItem, isFocusInFirstItem } from "./../../common/tab.servic
 	template: `
 		<ul
 			role="menu"
-			attr.aria-label="{{'OVERFLOW_MENU.OVERFLOW' | translate}}"
+			[attr.aria-label]="dialogConfig.menuLabel"
 			#dialog
 			class="bx--overflow-menu-options bx--overflow-menu-options--open">
 			<ng-template
@@ -37,6 +39,10 @@ export class OverflowMenuPane extends Dialog {
 		 */
 		this.addGap["bottom"] = pos => position.addOffset(pos, -20, 60);
 
+		if (!this.dialogConfig.menuLabel) {
+			this.dialogConfig.menuLabel = EN.OVERFLOW_MENU.OVERFLOW;
+		}
+
 		setTimeout(() => this.listItems()[0].focus());
 	}
 

src/dialog/overflow-menu/overflow-menu.component.ts

@@ -1,6 +1,6 @@
 import { Component, ElementRef, Input } from "@angular/core";
 
-const EN = require("./../i18n/en.json");
+const EN = require("./../../i18n/en.json");
 
 /**
  * The OverFlow menu component encapsulates the OverFlowMenu directive, and the menu iconography into one convienent component
@@ -47,7 +47,7 @@ const EN = require("./../i18n/en.json");
 })
 export class OverflowMenu {
 
-	@Input() buttonLable = EN.OVERFLOW_MENU.OVERFLOW;
+	@Input() buttonLabel = EN.OVERFLOW_MENU.OVERFLOW;
 
 	constructor(private elementRef: ElementRef) {}
 

src/dropdown/dropdown.component.ts

@@ -51,7 +51,7 @@ const EN = require("./../i18n/en.json");
 			[disabled]="disabled">
 			<span class="bx--list-box__label">{{getDisplayValue() | async}}</span>
 			<div class="bx--list-box__menu-icon" [ngClass]="{'bx--list-box__menu-icon--open': !menuIsClosed }">
-				<svg fill-rule="evenodd" height="5" role="img" viewBox="0 0 10 5" width="10" alt="Open menu" [aria-label]="menuButtonLabel">
+				<svg fill-rule="evenodd" height="5" role="img" viewBox="0 0 10 5" width="10" alt="Open menu" [attr.aria-label]="menuButtonLabel">
 					<title>{{menuButtonLabel}}</title>
 					<path d="M0 0l5 4.998L10 0z"></path>
 				</svg>

src/modal/modal-header.component.ts

@@ -30,7 +30,7 @@ const EN = require("./../i18n/en.json");
 			</div>
 			<button
 				class="bx--modal-close"
-				attr.aria-label="{{'MODAL.CLOSE' | translate}}"
+				[attr.aria-label]="closeLabel"
 				(click)="onClose()">
 				<svg
 					class="bx--modal-close__icon"
@@ -39,9 +39,9 @@ const EN = require("./../i18n/en.json");
 					role="img"
 					viewBox="0 0 10 10"
 					width="10"
-					[aria-label]="closeLabel"
-					alt="close the modal">
-					<title>{{'MODAL.CLOSE' | translate}}</title>
+					[attr.aria-label]="closeLabel"
+					[attr.alt]="closeLabel">
+					<title>{{closeLabel}}</title>
 					<path d="M6.32 5L10 8.68 8.68 10 5 6.32 1.32 10 0 8.68 3.68 5 0 1.32 1.32 0 5 3.68 8.68 0 10 1.32 6.32 5z"></path>
 				</svg>
 			</button>