Allow Drag and Drop from/to arbitrary areas

#### Bug, feature request, or proposal:
Dragging and dropping in a cdkDropList is nice, but we need the ability to set an element as a cdkDrag element, and be able to drag that element onto an arbitrary drop zone/target. Currently, there is no way to know if a cdkDrag that is not part of a drop list is dragged - there aren't any "drag start", "drag end/dropped" events.

#### What is the expected behavior?
Be able to be notified when a cdkDrag element that is not within a drop list is dragged and dropped.

#### What is the current behavior?
Not the above.

#### What is the use-case or motivation for changing an existing behavior?
Be able to drag elements from a list / grid onto a target area, not necessarily moving the item, but to at least be notified when it is dropped into the target, in order to do something (play a sound or animation, etc.)

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.0.2
Material 7.0.2
All browsers.

Bắt đầu bằng việc xem xét các API kéo-thả của Angular CDK và hành vi được mô tả cho các phần tử cdkDrag độc lập. Công việc hoàn tất khi một cdkDrag nằm ngoài danh sách thả có thể thông báo cho các consumer khi thao tác kéo bắt đầu và khi nó được thả vào một đích tùy ý.

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