Merge pull request #1223 from NationalBankBelgium/greenkeeper/stark-p…

…ackages/@types/prismjs-1.16.0

Greenkeeper/stark packages/@types/prismjs 1.16.0

packages/stark-ui/package.json

@@ -29,7 +29,7 @@
     "@angular/material-moment-adapter": "^7.0.0",
     "@mdi/angular-material": "^3.3.92",
     "@types/nouislider": "^9.0.4",
-    "@types/prismjs": "^1.9.0",
+    "@types/prismjs": "^1.16.0",
     "angular2-text-mask": "^9.0.0",
     "normalize.css": "^8.0.1",
     "nouislider": "^13.1.1",

packages/stark-ui/src/modules/pretty-print/components/pretty-print.component.ts

@@ -1,7 +1,7 @@
 import { Component, ElementRef, Inject, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewEncapsulation } from "@angular/core";
 /* tslint:disable:no-duplicate-imports no-import-side-effect */
 import * as Prism from "prismjs";
-import { LanguageDefinition } from "prismjs";
+import { Grammar } from "prismjs";
 // prism loads these languages by default: "css", "clike", "javascript" and "markup" (which includes "xml", "html", "mathml", "svg")
 import "prismjs/components/prism-typescript.min.js";
 import "prismjs/components/prism-sql.min.js";
@@ -134,7 +134,7 @@ export class StarkPrettyPrintComponent extends AbstractStarkUiComponent implemen
 		this.prettyString = "";
 
 		if (this.data && this.data.length > 0) {
-			let prismGrammar: LanguageDefinition = <any>"";
+			let prismGrammar: Grammar = <any>"";
 			let prismClass: string = "";
 
 			try {
@@ -201,7 +201,7 @@ export class StarkPrettyPrintComponent extends AbstractStarkUiComponent implemen
 			}
 
 			if (this.highlightingEnabled) {
-				this.prettyString = Prism.highlight(this.prettyString, prismGrammar);
+				this.prettyString = Prism.highlight(this.prettyString, prismGrammar, this.format);
 				this.prettyString =
 					"<pre class='" + prismClass + "'><code class='" + prismClass + "'>" + this.prettyString + "</code></pre>";
 			}