feat(material-experimental/mdc-slider): delete old code

* clearing the outdated code from mdc-slider
* this will also make future commit messages easier to read

Author: wagnermaciel

src/dev-app/mdc-slider/mdc-slider-demo.html

@@ -1,53 +0,0 @@
-<h1>Default Slider</h1>
-Label <mat-slider #slidey aria-label="Basic slider"></mat-slider>
-{{slidey.value}}
-
-<h1>Colors</h1>
-<mat-slider color="primary" value="50" thumbLabel aria-label="Primary color slider"></mat-slider>
-<mat-slider color="accent" value="50" thumbLabel aria-label="Accent color slider"></mat-slider>
-<mat-slider color="warn" value="50" thumbLabel aria-label="Warn color slider"></mat-slider>
-
-<h1>Slider with Min and Max</h1>
-<input [(ngModel)]="min" type="number">
-<mat-slider [min]="min" [max]="max" tickInterval="5" #slider2 aria-label="Min & max slider">
-</mat-slider>
-{{slider2.value}}
-<input [(ngModel)]="max" type="number">
-
-<h1>Disabled Slider</h1>
-<mat-slider disabled [(ngModel)]="disabledValue" [tickInterval]="1" aria-label="Disabled slider">
-</mat-slider>
-<input [(ngModel)]="disabledValue" type="number">
-
-<h1>Slider with set value</h1>
-<mat-slider value="43" aria-label="Initial value slider"></mat-slider>
-
-<h1>Slider with step defined</h1>
-<mat-slider min="1" max="100" step="20" #slider5 aria-label="Slider with step"></mat-slider>
-{{slider5.value}}
-
-<h1>Slider with set tick interval</h1>
-<mat-slider tickInterval="auto" aria-label="Slider with auto ticks"></mat-slider>
-<mat-slider tickInterval="9" aria-label="Slider with ticks"></mat-slider>
-
-<h1>Slider with Thumb Label</h1>
-<mat-slider thumbLabel aria-label="Slider with thumb label"></mat-slider>
-
-<h1>Slider with one-way binding</h1>
-<mat-slider [value]="val" step="40" aria-label="Slider with value binding"></mat-slider>
-<input [(ngModel)]="val" type="number">
-
-<h1>Slider with two-way binding</h1>
-<mat-slider [(ngModel)]="demo" step="40" aria-label="Slider with ngModel"></mat-slider>
-<input [(ngModel)]="demo" type="number">
-
-<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>
-  </mat-tab>
-</mat-tab-group>

src/dev-app/mdc-slider/mdc-slider-demo.ts

@@ -13,10 +13,4 @@ import {Component} from '@angular/core';
   selector: 'mdc-slider-demo',
   templateUrl: 'mdc-slider-demo.html',
 })
-export class MdcSliderDemo {
-  demo: number;
-  val: number = 50;
-  min: number = 0;
-  max: number = 100;
-  disabledValue = 0;
-}
+export class MdcSliderDemo {}

src/material-experimental/mdc-slider/BUILD.bazel

@@ -84,6 +84,7 @@ ng_e2e_test_library(
     name = "e2e_test_sources",
     srcs = glob(["**/*.e2e.spec.ts"]),
     deps = [
+        ":mdc-slider",
         "//src/cdk/testing/private/e2e",
     ],
 )

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

@@ -13,7 +13,7 @@ import {MatSlider} from './slider';
 
 @NgModule({
   imports: [MatCommonModule, CommonModule],
-  exports: [MatSlider, MatCommonModule],
+  exports: [MatSlider],
   declarations: [MatSlider],
 })
 export class MatSliderModule {

src/material-experimental/mdc-slider/public-api.ts

@@ -6,5 +6,5 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-export * from './slider';
-export * from './module';
+export {MatSlider} from './slider';
+export {MatSliderModule} from './module';

src/material-experimental/mdc-slider/slider.e2e.spec.ts

@@ -1,14 +1,16 @@
-import {browser, by, element} from 'protractor';
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
 
-// TODO: disabled until we implement the new MDC slider.
-describe('mat-slider dummy' , () => it('', () => {}));
+/* tslint:disable-next-line:no-unused-variable */
+import {MatSlider} from './index';
 
-// tslint:disable-next-line:ban
-xdescribe('mat-slider', () => {
-  beforeEach(async () => await browser.get('/mdc-slider'));
-
-  it('should show a slider', async () => {
-    expect(await element(by.tagName('mat-slider')).isPresent()).toBe(true);
-  });
+// TODO(wagnermaciel): Implement this in a separate PR
 
+describe('MDC-based MatSlider' , () => {
+  it('does nothing yet', async () => {});
 });

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

@@ -1 +0,0 @@
-<!-- TODO: to be implemented as a part of the new MDC slider -->

src/material-experimental/mdc-slider/slider.scss

@@ -1,59 +0,0 @@
-// TODO: disabled until we implement the new MDC slider.
-// @import '@material/slider/mixins.import';
-@import '../mdc-helpers/mdc-helpers';
-@import '../../cdk/a11y/a11y';
-
-$mat-slider-min-size: 128px !default;
-$mat-slider-horizontal-margin: 8px !default;
-
-// TODO: disabled until we implement the new MDC slider.
-// @include mdc-slider-core-styles($query: $mat-base-styles-without-animation-query);
-
-// Overwrites the mdc-slider default styles to match the visual appearance of the
-// Angular Material standard slider. This involves making the slider an inline-block
-// element, aligning it in the vertical middle of a line, specifying a default minimum
-// width and adding horizontal margin.
-.mat-mdc-slider {
-  display: inline-block;
-  box-sizing: border-box;
-  outline: none;
-  vertical-align: middle;
-  margin: {
-    left: $mat-slider-horizontal-margin;
-    right: $mat-slider-horizontal-margin;
-  }
-
-  // Unset the default "width" property from the MDC slider class. We don't want
-  // the slider to automatically expand horizontally for backwards compatibility.
-  width: auto;
-  min-width: $mat-slider-min-size - (2 * $mat-slider-horizontal-margin);
-
-  @include cdk-high-contrast(active, off) {
-    // The slider track isn't visible in high contrast mode so we work
-    // around it by setting an outline and removing the height to make it look solid.
-    .mdc-slider__track-container {
-      height: 0;
-      outline: solid 2px;
-      margin-top: 1px;
-    }
-
-    // Adds an outline around the thumb label so it doesn't just float on top of the slider.
-    .mdc-slider__pin-value-marker {
-      outline: solid 1px;
-    }
-  }
-}
-
-// In order to make it possible for developers to disable animations for a  slider,
-// we only activate the MDC slider animation styles if animations are enabled.
-.mat-mdc-slider:not(._mat-animation-noopable) {
-  // TODO: disabled until we implement the new MDC slider.
-  // @include mdc-slider-core-styles($query: animation);
-}
-
-// Sliders without a thumb label (aka non-discrete) currently cannot have ticks
-// enabled. This breaks backwards compatibility with the standard Angular Material
-// slider, so we manually ensure that ticks can be rendered.
-.mat-slider-has-ticks:not(.mat-slider-disabled) .mdc-slider__track-marker-container {
-  visibility: visible;
-}