constructor(el: ElementRef, renderer: Renderer) {
   renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'yellow');
   renderer.setElementStyle(el.nativeElement, 'font-size', '2em');
 }

 constructor(renderer: Renderer, el: ElementRef) {
   renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'gold');
   console.log(
     `* AppRoot highlight called for ${el.nativeElement.tagName}`);
 }

 /**
  * Calculates the styles from the provided element in order to align the ink-bar to that element.
  * @param element
  */
 alignToElement(element: HTMLElement) {
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'left',
       this._getLeftPosition(element));
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'width',
       this._getElementWidth(element));
 }

 onBlur() {
     this.renderer.setElementStyle(this.el.nativeElement, 'width', '120');
 }

 /** Shows the ink bar. */
 show(): void {
   this._renderer.setElementStyle(this._elementRef.nativeElement, 'visibility', 'visible');
 }

 this.d.cssClass.split(' ').forEach(cssClass => {
   // Make sure the class isn't whitespace, otherwise it throws exceptions
   if (cssClass.trim() !== '') _renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
 });

 public onFocus() : void {
     this.renderer.setElementStyle(this.el.nativeElement, 'width', '400px');
 }

 focus(): void {
   this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
 }

 _setCssClass(componentRef: any, className: string) {
   this._renderer.setElementClass(componentRef.location.nativeElement, className, true);
 }

 /** @private */
 setElementAttribute(attributeName: string, attributeValue: any) {
   this._renderer.setElementAttribute(this._elementRef.nativeElement, attributeName, attributeValue);
 }