Fixed code styling.

Author: stanislavgeorgiev

src/modal/alert-modal.component.ts

@@ -37,17 +37,16 @@ import { ModalService } from "./modal.service";
  *   <ibm-modal-placeholder></ibm-modal-placeholder>`
  * })
  * export class ModalDemo {
- *
  * 	openModal() {
  * 		this.modalService.show({
- *			modalType: "default" | "danger",
+ *			modalType: "default",
  *			headerLabel: "optional header text",
  *			title: "Modal title",
  *			text: "Modal text",
  *			buttons: [{
  *				text: "Button text",
- *				type: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--primary" = "primary",
- *				click: clickFunction,
+ *				type: "primary",
+ *				click: clickFunction
  *			}]
  *		});
  * 	}
@@ -82,7 +81,6 @@ import { ModalService } from "./modal.service";
 	`
 })
 export class AlertModalComponent implements AfterViewInit {
-
 	modalType = "default";
 	headerLabel: string;
 	title: string;
@@ -138,6 +136,7 @@ export class AlertModalComponent implements AfterViewInit {
 	}
 
 	closeModal() {
+		// let call the @Modal.destroy() explicitly or otherwise the modal won't close
 		this["destroy"]();
 	}
 }

src/modal/modal.stories.ts

@@ -128,8 +128,13 @@ storiesOf("Modal", module)
 	.addDecorator(withKnobs)
 	.add("Transactional", () => ({
 		template: `
-		<app-alert-modal-story [modalType]="modalType" [headerLabel]="headerLabel" [title]="title" [text]="text"
-			[buttons]="buttons"></app-alert-modal-story>
+		<app-alert-modal-story
+			[modalType]="modalType"
+			[headerLabel]="headerLabel"
+			[title]="title"
+			[text]="text"
+			[buttons]="buttons">
+		</app-alert-modal-story>
 		<ibm-modal-placeholder></ibm-modal-placeholder>
 		`,
 		props: {
@@ -165,16 +170,20 @@ storiesOf("Modal", module)
 	.addDecorator(withKnobs)
 	.add("Passive", () => ({
 		template: `
-		<app-alert-modal-story [modalType]="modalType" [headerLabel]="headerLabel" [title]="title" [text]="text"
-			></app-alert-modal-story>
+		<app-alert-modal-story
+			[modalType]="modalType"
+			[headerLabel]="headerLabel"
+			[title]="title"
+			[text]="text">
+		</app-alert-modal-story>
 		<ibm-modal-placeholder></ibm-modal-placeholder>
 		`,
 		props: {
 			modalType: select("modalType", ["default", "danger"], "default"),
 			headerLabel: text("headerLabel", "optional header label"),
 			title: text("title", "Passive modal title"),
 			text: text("text", "Passive modal notifications should only appear if there is an action " +
-								"the user needs to address immediately. Passive modal notifications are persistent on screen")
+				"the user needs to address immediately. Passive modal notifications are persistent on screen")
 		}
 	}))
 ;

src/modal/overlay.component.ts

@@ -34,7 +34,7 @@ export class OverlayComponent {
 	 * @type {"default" | "danger"}
 	 * @memberof ModalComponent
 	 */
-	@Input() modalType = "default";
+	@Input() modalType: "default" | "danger" = "default";
 	/**
 	 * To emit the event where the user selects the overlay behind the `Modal`.
 	 * @memberof OverlayComponent