Merge remote-tracking branch 'upstream/master' into stepper2

Author: jwshinjwshin

.travis.yml

@@ -28,9 +28,10 @@ jobs:
     - env: "MODE=browserstack_required"
     - env: "MODE=travis_required"
     - stage: Deploy
-      script: ./scripts/ci/publish-artifacts.sh
-      env: "MODE=release"
-
+      env: "DEPLOY_MODE=build-artifacts"
+    - env: "DEPLOY_MODE=docs-content"
+    - env: "DEPLOY_MODE=screenshot-tool"
+    - env: "DEPLOY_MODE=dashboard"
 env:
   global:
   - LOGS_DIR=/tmp/angular-material2-build/logs
@@ -51,7 +52,7 @@ before_script:
   - mkdir -p $LOGS_DIR
 
 script:
-  - ./scripts/ci/build-and-test.sh
+  - ./scripts/ci/travis-script.sh
 
 cache:
   directories:

CHANGELOG.md

@@ -1,3 +1,73 @@
+<a name="2.0.0-beta.8"></a>
+# [2.0.0-beta.8 plasma-abacus](https://github.com/angular/material2/compare/2.0.0-beta.7...2.0.0-beta.8) (2017-07-06)
+
+
+### Highlights
+* This version marks the release of `@angular/cdk` (component dev kit)! This package contains
+general building blocks for UI components decoupled from the visuals of Material Design. In the
+initial release, code from Angular Material's `core/` have been moved for `a11y/`, `bidi/`,
+`coercion/`, `observe-content/`, `platform/`, `portal/`. The `@angular/material` package now
+re-exports these symbols, marked as deprecated. The re-exports will be removed in a subsequent
+release.
+* Initial version of data-table component. There is both a `<cdk-table>` (the core) and the
+`<md-table>` (with Material Design styles). See the documentation on material.angular.io for more
+information.
+* Initial version of `<md-paginator>` and `<md-sort-header>` components, which can be used either
+with `<md-table>` or any other table.
+* Both `@angular/material` and `@angular/cdk` are now strict null compliant.
+
+
+### Breaking changes
+* `@angular/material` now depends on `@angular/cdk` as a peer dependency.
+* Some types have expanded to include `| null` or `| undefined` for strict null compatibility. If
+your application uses strict null checks, you may have to update the types in your app to match up
+with the more accurate types coming from Angular Material.
+* Angular Material no longer adds RxJS operators to the prototype of `Observable`. If your app
+depended on these operators being added by Angular Material, you will need to import them
+explicitly.
+
+
+### Bug Fixes
+
+* **autocomplete:** allow number zero as value ([#5364](https://github.com/angular/material2/issues/5364)) ([9137fd9](https://github.com/angular/material2/commit/9137fd9)), closes [#5363](https://github.com/angular/material2/issues/5363)
+* **autocomplete:** don't scroll panel when option is visible ([#4905](https://github.com/angular/material2/issues/4905)) ([d3af57d](https://github.com/angular/material2/commit/d3af57d))
+* **autocomplete:** not closing when tapping away on mobile ([#5260](https://github.com/angular/material2/issues/5260)) ([1dcaca7](https://github.com/angular/material2/commit/1dcaca7))
+* **autocomplete:** reopening when clicking an option in IE ([#5172](https://github.com/angular/material2/issues/5172)) ([fe31210](https://github.com/angular/material2/commit/fe31210)), closes [#5165](https://github.com/angular/material2/issues/5165)
+* **autosize:** resize when form value changes. Fixes [#4657](https://github.com/angular/material2/issues/4657) ([#5315](https://github.com/angular/material2/issues/5315)) ([8c9c11a](https://github.com/angular/material2/commit/8c9c11a))
+* **button-toggle:** fix standalone button toggle style ([#5121](https://github.com/angular/material2/issues/5121)) ([3d8c833](https://github.com/angular/material2/commit/3d8c833))
+* **datepicker:** pass layout direction to touchUi dialog ([#5052](https://github.com/angular/material2/issues/5052)) ([8b6efb1](https://github.com/angular/material2/commit/8b6efb1))
+* **datepicker:** use theme foreground color ([#5290](https://github.com/angular/material2/issues/5290)) ([51bf26e](https://github.com/angular/material2/commit/51bf26e))
+* **dialog:** set aria-labelledby based on the md-dialog-title ([#5178](https://github.com/angular/material2/issues/5178)) ([aee984a](https://github.com/angular/material2/commit/aee984a))
+* **directionality:** error on platform-server ([#5234](https://github.com/angular/material2/issues/5234)) ([49dfe60](https://github.com/angular/material2/commit/49dfe60))
+* **input:** theming mixin error ([#5254](https://github.com/angular/material2/issues/5254)) ([37efb54](https://github.com/angular/material2/commit/37efb54)), closes [#5232](https://github.com/angular/material2/issues/5232)
+* **input:** underline showing at end if text-align is set ([#5280](https://github.com/angular/material2/issues/5280)) ([5c9391d](https://github.com/angular/material2/commit/5c9391d)), closes [#5272](https://github.com/angular/material2/issues/5272)
+* **memory:** Unsubscribe event listeners when using Observable.fromEvent ([#5325](https://github.com/angular/material2/issues/5325)) ([1b351cd](https://github.com/angular/material2/commit/1b351cd))
+* **menu:** role being set on the wrong element ([#5191](https://github.com/angular/material2/issues/5191)) ([2239668](https://github.com/angular/material2/commit/2239668))
+* **overlay:** remove webkit tap highlight from backdrop ([#5258](https://github.com/angular/material2/issues/5258)) ([8feddd4](https://github.com/angular/material2/commit/8feddd4))
+* **select:** align first option to trigger when it is inside a group ([#5153](https://github.com/angular/material2/issues/5153)) ([d39cb12](https://github.com/angular/material2/commit/d39cb12))
+* **select:** expose focus method ([#5255](https://github.com/angular/material2/issues/5255)) ([7b2d4ae](https://github.com/angular/material2/commit/7b2d4ae)), closes [#5251](https://github.com/angular/material2/issues/5251)
+* **select:** md-optgroup not using typography styles ([#5193](https://github.com/angular/material2/issues/5193)) ([b5bf6f5](https://github.com/angular/material2/commit/b5bf6f5))
+* **select:** page scrolling down when selecting option with space ([#5192](https://github.com/angular/material2/issues/5192)) ([2361385](https://github.com/angular/material2/commit/2361385))
+* **snackbar:** clear timeout upon dismiss ([#4860](https://github.com/angular/material2/issues/4860)) ([146160c](https://github.com/angular/material2/commit/146160c))
+* **tabs:** server-side rendering error ([#5348](https://github.com/angular/material2/issues/5348)) ([0174377](https://github.com/angular/material2/commit/0174377))
+* **unique-selection-dispatcher:** remove listeners on destroy ([#5164](https://github.com/angular/material2/issues/5164)) ([f9bbbe7](https://github.com/angular/material2/commit/f9bbbe7))
+
+
+### Features
+
+* **data-table:** initial version. Too many commits to list.
+* **directionality:** a provider to get directionality ([#4044](https://github.com/angular/material2/issues/4044)) ([61d979e](https://github.com/angular/material2/commit/61d979e)), closes [#3600](https://github.com/angular/material2/issues/3600)
+* **input:** add custom error state matcher ([#4750](https://github.com/angular/material2/issues/4750)) ([f73cc97](https://github.com/angular/material2/commit/f73cc97))
+* **pagination:** initial pagination component ([#5156](https://github.com/angular/material2/issues/5156)) ([85fb00a](https://github.com/angular/material2/commit/85fb00a))
+* **sort:** add ability to manage and display sorting ([#5307](https://github.com/angular/material2/issues/5307)) ([b328d36](https://github.com/angular/material2/commit/b328d36))
+* **tab-nav-bar:** support disabling tab links ([#5257](https://github.com/angular/material2/issues/5257)) ([fc809ed](https://github.com/angular/material2/commit/fc809ed)), closes [#5208](https://github.com/angular/material2/issues/5208)
+* add support for strict null checks ([#5094](https://github.com/angular/material2/issues/5094)) ([2bf7024](https://github.com/angular/material2/commit/2bf7024))
+* remove uses of rxjs patch operators ([#5314](https://github.com/angular/material2/issues/5314)) ([e488e3f](https://github.com/angular/material2/commit/e488e3f)), closes [#2622](https://github.com/angular/material2/issues/2622)
+* move a11y, bidi, platform, rxjs, and portal to cdk ([#5386](https://github.com/angular/material2/issues/5386)) ([fde35e4](https://github.com/angular/material2/commit/fde35e4))
+* move observe-content to cdk ([#5438](https://github.com/angular/material2/issues/5438)) ([b00f838](https://github.com/angular/material2/commit/b00f838))
+
+
+
 <a name="2.0.0-beta.7"></a>
 # [2.0.0-beta.7 glass-delicatessen](https://github.com/angular/material2/compare/2.0.0-beta.6...2.0.0-beta.7) (2017-06-19)
 

README.md

@@ -11,18 +11,6 @@ This is the home for the Angular team's Material Design components built for and
 [Contributing](https://github.com/angular/material2/blob/master/CONTRIBUTING.md) |
 [Plunker Template](http://plnkr.co/edit/o077B6uEiiIgkC0S06dd?p=preview)
 
-### Installation
-
-The latest release of Angular Material can be installed from npm
-
-`npm install @angular/material`
-
-A snapshot build with the latest changes from
-[master](https://github.com/angular/material2/tree/master) is also available.
-Note that this snapshot build should not be considered stable and may break between releases.
-
-`npm install --save angular/material2-builds angular/cdk-builds`
-
 ### Getting started
 
 See our [Getting Started Guide][getting-started]
@@ -44,7 +32,7 @@ label.
 High level stuff planned for Q3 2017 (July - September):
 - As many bug fixes as humanly possible
 - Additional features for data-table
-- More accessibility improvements
+- Continued accessibility improvements
 - Nested menus
 - All components are OnPush
 - Improved documentation, guides, examples, and navigation on material.angular.io
@@ -64,6 +52,7 @@ High level stuff planned for Q3 2017 (July - September):
 | cards            |                                                        |   [Docs][2]  |
 | checkbox         |                                                        |   [Docs][3]  |
 | chips            |        Chip-remove, integration with input in-progress |   [Docs][26] |
+| data-table       | Sticky headers & incremental row rendering in-progress |   [Docs][28] |
 | datepicker       |                                                        |   [Docs][25] |
 | dialog           |                                                        |   [Docs][22] |
 | expansion-panel  |                                    Needs documentation |           -  |
@@ -72,6 +61,7 @@ High level stuff planned for Q3 2017 (July - September):
 | input            |                                                        |   [Docs][5]  |
 | list             |                   Selection and action list planned Q3 |   [Docs][8]  |
 | menu             |                                 Nested menu planned Q3 |   [Docs][17] |
+| paginator        |                                                        |   [Docs][29] |
 | progress-bar     |                                                        |   [Docs][12] |
 | progress-spinner |                                                        |   [Docs][11] |
 | radio            |                                                        |   [Docs][4]  |
@@ -81,25 +71,25 @@ High level stuff planned for Q3 2017 (July - September):
 | slide-toggle     |                                                        |   [Docs][14] |
 | slider           |                                                        |   [Docs][16] |
 | snackbar / toast |                                                        |   [Docs][21] |
+| sort-header      |                                                        |   [Docs][30] |
 | tabs             |                                                        |   [Docs][13] |
 | textarea         |                                                        |   [Docs][5]  |
 | toolbar          |                                                        |   [Docs][7]  |
 | tooltip          |                                                        |   [Docs][18] |
-|                                                                                          |
+| ---------------- | ------------------------------------------------------ | ------------ | 
 | theming          |                                                        |  [Guide][20] |
 | typography       |                                                        |  [Guide][27] |
 | layout           |                      See [angular/flex-layout][lay_rp] |  [Wiki][0]   |
+| cdk              |                    Launched, documentation in-progress |              |
 
 
 #### In progress, planned, and non-planned features
 
 | Feature          | Status                              | Docs         | Issue          |
 |------------------|-------------------------------------|--------------|----------------|
-| @angular/cdk     |                         Coming soon |           -  |                |
-| data-table       |                         Coming soon |           -  |   [#581][0581] |
-| tree             |                  Design in-progress |           -  |  [#3175][3175] |
-| stepper          |        Not started, planned Q3 2017 |           -  |   [#508][0508] |
-| sticky-header    |        Not started, planned Q3 2017 |           -  |   [#474][0474] |
+| tree             |      In-progress ([sneak peak][31]) |           -  |  [#3175][3175] |
+| stepper          |        In-progress, planned Q3 2017 |           -  |   [#508][0508] |
+| sticky-header    |        In-progress, planned Q3 2017 |           -  |   [#474][0474] |
 | virtual-repeat   |        Not started, planned Q4 2017 |           -  |   [#823][0823] |
 | fab speed-dial   |            Not started, not planned |           -  |   [#860][0860] |
 | fab toolbar      |            Not started, not planned |           -  |              - |
@@ -134,6 +124,10 @@ High level stuff planned for Q3 2017 (July - September):
 [25]: https://material.angular.io/components/component/datepicker
 [26]: https://material.angular.io/components/component/chips
 [27]: https://material.angular.io/guide/typography
+[28]: https://material.angular.io/components/component/table
+[29]: https://material.angular.io/components/component/paginator
+[30]: https://material.angular.io/components/component/sort
+[31]: https://tina-material-tree.firebaseapp.com/simple-tree
 
 [0107]: https://github.com/angular/material2/issues/107
 [0119]: https://github.com/angular/material2/issues/119

e2e/components/checkbox-e2e.spec.ts

@@ -9,8 +9,7 @@ describe('checkbox', () => {
 
     it('should be checked when clicked, and unchecked when clicked again', async () => {
       let checkboxEl = element(by.id('test-checkbox'));
-      let inputEl = element(by.css('input[id=input-test-checkbox]'));
-      let checked: string;
+      let inputEl = element(by.css('input[id=test-checkbox-input]'));
 
       screenshot('start');
       checkboxEl.click();
@@ -33,7 +32,7 @@ describe('checkbox', () => {
     });
 
     it('should toggle the checkbox when pressing space', () => {
-      let inputEl = element(by.css('input[id=input-test-checkbox]'));
+      let inputEl = element(by.css('input[id=test-checkbox-input]'));
 
       expect(inputEl.getAttribute('checked'))
           .toBeFalsy('Expect checkbox "checked" property to be false');

e2e/components/icon-e2e.spec.ts

@@ -1,5 +1,4 @@
 import {browser, by, element} from 'protractor';
-import {screenshot} from '../screenshot';
 
 
 describe('icon', () => {

e2e/components/input-e2e.spec.ts

@@ -43,4 +43,14 @@ describe('input', () => {
       expect(input.getAttribute('value')).toBe('0');
     });
   });
+
+  describe('textarea', () => {
+    beforeEach(() => browser.get('/input'));
+
+    it('should update input value when user types', () => {
+      let input = element(by.id('text-area'));
+      input.sendKeys('abc123');
+      expect(input.getAttribute('value')).toBe('abc123');
+    });
+  });
 });

e2e/components/menu-e2e.spec.ts

@@ -1,4 +1,4 @@
-import {Key, protractor, browser, by, element, ElementFinder} from 'protractor';
+import {Key, protractor, browser, by, element} from 'protractor';
 import {screenshot} from '../screenshot';
 import {
   expectToExist,

e2e/components/sidenav-e2e.spec.ts

@@ -0,0 +1,27 @@
+import {browser, by, element, ExpectedConditions} from 'protractor';
+const EC = ExpectedConditions;
+
+describe('sidenav', () => {
+  describe('opening and closing', () => {
+    beforeEach(() => browser.get('/sidenav'));
+
+    let input = element(by.tagName('md-sidenav'));
+
+
+    it('should be closed', () => {
+      expect(input.isDisplayed()).toBeFalsy();
+    });
+
+    it('should open', () => {
+      element(by.buttonText('Open sidenav')).click();
+      expect(input.isDisplayed()).toBeTruthy();
+    });
+
+    it('should close again', () => {
+      element(by.buttonText('Open sidenav')).click();
+      element(by.buttonText('Open sidenav')).click();
+      browser.wait(EC.presenceOf(element(by.className('mat-sidenav-closed'))), 1000);
+      expect(input.isDisplayed()).toBeFalsy();
+    });
+  });
+});

guides/bidirectionality.md

@@ -0,0 +1,35 @@
+# Angular Material bi-directionality
+
+### Setting a text-direction for your application
+The [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
+is typically applied to `<html>` or `<body>` element of a page. However, it can be used on any
+element to apply a text-direction to a smaller subset of the page.
+
+All Angular Material components automatically reflect the LTR/RTL direction
+of their container. 
+
+### Reading the text-direction in your own components
+`@angular/cdk` provides a `Directionality` injectable that can be used by any component
+in your application. To consume this injectable, you must import `BidiModule`
+from `@angular/cdk`.
+
+`Directionality` provides two useful properties:
+* `value`: the current text direction, either `'ltr'` or `'rtl'`.
+* `change`: an `Observable` that emits whenever the text-direction changes. Note that this only
+captures changes from `dir` attributes _inside the Angular application context_. It will not
+emit for changes to `dir` on `<html>` and `<body>`, as these are assumed to be static.
+
+#### Example
+```ts
+@Component({ /* ... */})
+export class MyCustomComponent {
+  private dir: Direction;
+
+  constructor(directionality: Directionality) {
+    this.dir = directionality.value;
+    directionality.change.subscribe(() => {
+       this.dir = directionality.value;
+    });
+  }
+}
+```

guides/getting-started.md

@@ -9,6 +9,13 @@ For existing apps, follow these steps to begin using Angular Material.
 npm install --save @angular/material @angular/cdk
 ```
 
+A snapshot build with the latest changes from master is also available. Note that this snapshot
+build should not be considered stable and may break between releases.
+
+```bash
+npm install --save angular/material2-builds angular/cdk-builds
+```
+
 ## Step 2: Animations
 
 Some Material components depend on the Angular animations module in order to be able to do
@@ -128,15 +135,16 @@ Note that `md-icon` supports any font or svg icons; using Material Icons is one
 
 ## Appendix: Configuring SystemJS
 
-If your project is using SystemJS for module loading, you will need to add `@angular/material`
-to the SystemJS configuration:
+If your project is using SystemJS for module loading, you will need to add `@angular/material` and
+`@angular/cdk` to the SystemJS configuration:
 
 ```js
 System.config({
   // existing configuration options
   map: {
     // ...
     '@angular/material': 'npm:@angular/material/bundles/material.umd.js',
+    '@angular/cdk': 'npm:@angular/cdk/bundles/cdk.umd.js'
     // ...
   }
 });