Merge branch 'master' of https://github.com/magedhennawy/carbon-components-angular

Author: Maged Hennawy

src/modal/alert-modal.component.ts

@@ -64,7 +64,7 @@ import Modal from "./modal.decorator";
       			<p class="bx--modal-header__heading bx--type-beta">{{modalTitle}}</p>
 			</ibm-modal-header>
 			<div class="bx--modal-content">
-				<p>{{modalContent}}</p>
+				<p [innerHTML]="modalContent"></p>
 			</div>
 			<ibm-modal-footer *ngIf="buttons.length > 0">
 				<ng-container *ngFor="let button of buttons; let i = index">

src/modal/modal.service.ts

@@ -70,7 +70,11 @@ export class ModalService {
 
 	/**
 	 * Creates and renders a new alert modal component.
-	 * @param data You can pass in `title`, `text` and `buttons` to be used in the modal.
+	 * @param data You can pass in:
+	 * `modalType` - "default" | "danger" = "default",
+	 * `modalLabel` - a label shown over the title,
+	 * `modalTitle` - modal's title,
+	 * `modalContent` - modal's content, could include HTML tags.
 	 * `buttons` is an array of objects
 	 * ```
 	 * {
@@ -82,7 +86,7 @@ export class ModalService {
 	 * @returns {ComponentRef<any>}
 	 * @memberof ModalService
 	 */
-	show(data: {modalType?: string, modalLabel?: string, modalTitle: string, modalContent: string, buttons?: null}) {
+	show(data: {modalType?: string, modalLabel?: string, modalTitle?: string, modalContent?: string, buttons?: []}) {
 		return this.create({
 			component: AlertModalComponent,
 			inputs: {

webpack.test.js

@@ -5,7 +5,10 @@ module.exports = [{
 		rules: [
 			{
 				test: /\.ts$/,
-				loaders: ["ts-loader"]
+				loader: "ts-loader",
+				options: {
+					transpileOnly: true
+				}
 			},
 			{
 				test: /\.html$/,