From b84b70f480f486faa47a81a88b9d4f77ca64651a Mon Sep 17 00:00:00 2001
From: Juliano <juliano.brasil@gmail.com>
Date: Sat, 13 Jan 2018 09:38:57 -0200
Subject: [PATCH 1/2] add focus and blur methods do MatSlider class

---
 src/demo-app/slider/slider-demo.html |  5 +++++
 src/lib/slider/slider.ts             | 16 ++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/src/demo-app/slider/slider-demo.html b/src/demo-app/slider/slider-demo.html
index 624cbd78b3f2..729ec80a992b 100644
--- a/src/demo-app/slider/slider-demo.html
+++ b/src/demo-app/slider/slider-demo.html
@@ -53,6 +53,11 @@ <h1>Inverted vertical slider</h1>
            aria-label="Inverted vertical slider">
 </mat-slider>
 
+<h1>Set/lost focus to show thumblabel programmatically</h1>
+<mat-slider #demoSlider="matSlider" thumbLabel aria-label="Slider with thumb label"></mat-slider>
+<button (click)="demoSlider.focus()">Focus Slider</button>
+<button (click)="demoSlider.blur()">Blur Slider</button>
+
 <mat-tab-group>
   <mat-tab label="One">
     <mat-slider min="1" max="5" value="3" aria-label="Slider in a tab"></mat-slider>
diff --git a/src/lib/slider/slider.ts b/src/lib/slider/slider.ts
index ace527ba1b4c..e2045fae19cf 100644
--- a/src/lib/slider/slider.ts
+++ b/src/lib/slider/slider.ts
@@ -267,6 +267,15 @@ export class MatSlider extends _MatSliderMixinBase
     return this.value || 0;
   }
 
+  /** set focus to the host element */
+  focus() {
+    this._focusHostElement();
+  }
+
+  blur() {
+    this._blurHostElement();
+  }
+
   /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
   onTouched: () => any = () => {};
 
@@ -691,6 +700,13 @@ export class MatSlider extends _MatSliderMixinBase
     this._elementRef.nativeElement.focus();
   }
 
+  /**
+   * Blurs the native element.
+   */
+  private _blurHostElement() {
+    this._elementRef.nativeElement.blur();
+  }
+
   /**
    * Sets the model value. Implemented as part of ControlValueAccessor.
    * @param value

From 61edac2834256246ffc0b5e27c74611965670a41 Mon Sep 17 00:00:00 2001
From: Juliano <juliano.brasil@gmail.com>
Date: Sat, 13 Jan 2018 09:47:51 -0200
Subject: [PATCH 2/2] add comment to document blur method

---
 src/lib/slider/slider.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/slider/slider.ts b/src/lib/slider/slider.ts
index e2045fae19cf..8ffb2eb5deb0 100644
--- a/src/lib/slider/slider.ts
+++ b/src/lib/slider/slider.ts
@@ -272,6 +272,7 @@ export class MatSlider extends _MatSliderMixinBase
     this._focusHostElement();
   }
 
+  /** blur the host element */
   blur() {
     this._blurHostElement();
   }
@@ -700,9 +701,7 @@ export class MatSlider extends _MatSliderMixinBase
     this._elementRef.nativeElement.focus();
   }
 
-  /**
-   * Blurs the native element.
-   */
+  /** Blurs the native element. */
   private _blurHostElement() {
     this._elementRef.nativeElement.blur();
   }