- first to install the project dependencies run:
npm install
. - After that, To start a dev server
ng serve
. - Navigate to
http://localhost:4200/
- Main Screen: it has option to select the pin position of the dialog and opening the dialog. Choose a pin position for the dialog and then open it.
- Floating Dialog: It is a draggable dialog. Which can be pinned. The pin position object needs to be passed in the data of the object.
- Pin Dialog service: It has a BehaviorSubject to keep track of the latest pinned dialog.
- FloatingDialogData: to speify the data required by the dialog component.
- there are some global styles in styles.scss file.