feat(material-experimental/mdc-slider): implement MatSlider

Author: wagnermaciel

src/material-experimental/mdc-slider/module.ts

@@ -14,7 +14,7 @@ import {MatSliderThumb} from './slider-thumb';
 
 @NgModule({
   imports: [MatCommonModule, CommonModule],
-  exports: [MatSlider],
+  exports: [MatSlider, MatSliderThumb],
   declarations: [
     MatSlider,
     MatSliderThumb,

src/material-experimental/mdc-slider/slider-thumb-decorator.html

@@ -0,0 +1,25 @@
+<!-- Inputs -->
+<ng-content></ng-content>
+
+<!-- Track -->
+<div class="mdc-slider__track">
+  <div class="mdc-slider__track--inactive"></div>
+  <div class="mdc-slider__track--active">
+    <div class="mdc-slider__track--active_fill" #trackActive></div>
+  </div>
+  <div *ngIf="hasTickMarks" class="mdc-slider__tick-marks" #tickMarkContainer>
+    <div *ngFor="let tickMark of _tickMarks" class="{{_getTickMarkClass(tickMark)}}"></div>
+  </div>
+</div>
+
+<!-- Thumbs -->
+<div class="mdc-slider__thumb" *ngFor="let thumb of _getThumbTypes()" #thumb>
+  <div class="mdc-slider__value-indicator-container" *ngIf="isDiscrete">
+    <div class="mdc-slider__value-indicator">
+      <span class="mdc-slider__value-indicator-text">
+        {{_getValueIndicatorTextByThumb(thumb)}}
+      </span>
+    </div>
+  </div>
+  <div class="mdc-slider__thumb-knob" #knob></div>
+</div>