Navigation drawer - Mini variant behavior

#### Feature request:
Add the "Mini variant" behavior of the Navigation drawer.
As defined in the Google Material guidelines:
https://material.google.com/patterns/navigation-drawer.html#navigation-drawer-behavior


#### What is the expected behavior?
When toggled, the navigation drawer change its width.
It's not fully hidden.

#### What is the current behavior?
Only two states are available: displayed, hidden

#### What are the steps to reproduce?
Create a sidenav and toggle it on and off.
The sidenav can only be opened or closed.
No intermediate state.

#### What is the use-case or motivation for changing an existing behavior?
Desktop users need to quickly change the current view.
The sliding effect of the sidenav could be annoying when used a lot.
It's common for desktop apps to keep the navigation opened by default.
But in some cases the icons are self explanatory so no need to display the associated labels.

#### Which versions of Angular, Material, OS, browsers are affected?
Angular2

#### Is there anything else we should know?
A similar feature request was submitted for Angular 1:
https://github.com/angular/material/issues/3158

Bắt đầu bằng cách xem xét triển khai Angular Material sidenav hiện có và đường dẫn chuyển đổi mở/đóng hiện tại của nó. So sánh hành vi đó với các hướng dẫn Google Material mini-variant được liên kết; được xem là hoàn tất khi drawer hỗ trợ một trạng thái có chiều rộng giảm riêng biệt trong khi vẫn giữ nguyên các trạng thái hiển thị và ẩn hiện có.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.