From 6643d09a3a81e9b744f2561c7a6d04c444329005 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Mon, 27 Feb 2017 16:27:57 +0200
Subject: [PATCH] fix: code samples language sync broken

---
 lib/components/RequestSamples/request-samples.html | 4 ++--
 lib/shared/components/Tabs/tabs.html               | 2 +-
 lib/utils/pipes.ts                                 | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lib/components/RequestSamples/request-samples.html b/lib/components/RequestSamples/request-samples.html
index 06b3927d..8f4956cd 100644
--- a/lib/components/RequestSamples/request-samples.html
+++ b/lib/components/RequestSamples/request-samples.html
@@ -1,10 +1,10 @@
 <header *ngIf="schemaPointer || samples.length"> Request samples </header>
 <schema-sample *ngIf="schemaPointer && !samples.length" [skipReadOnly]="true" [pointer]="schemaPointer"> </schema-sample>
 <tabs *ngIf="samples.length" [selected] = "selectedLang" (change)=changeLangNotify($event)>
-  <tab *ngIf="schemaPointer" [tabTitle]="'JSON' | safe">
+  <tab *ngIf="schemaPointer" tabTitle="JSON">
     <schema-sample [pointer]="schemaPointer" [skipReadOnly]="true"> </schema-sample>
   </tab>
-  <tab *ngFor="let sample of samples" [tabTitle]="sample.lang | safe">
+  <tab *ngFor="let sample of samples" [tabTitle]="sample.lang">
     <div class="code-sample">
       <div class="action-buttons">
         <span copy-button [copyText]="sample.source" class="hint--top-left hint--inversed"><a>Copy</a></span>
diff --git a/lib/shared/components/Tabs/tabs.html b/lib/shared/components/Tabs/tabs.html
index 502f4b49..d059b9a7 100644
--- a/lib/shared/components/Tabs/tabs.html
+++ b/lib/shared/components/Tabs/tabs.html
@@ -1,5 +1,5 @@
 <ul>
   <li *ngFor="let tab of tabs" [ngClass]="{active: tab.active}" (click)="selectTab(tab)"
-    class="tab-{{tab.tabStatus}}" [innerHtml]="tab.tabTitle"></li>
+    class="tab-{{tab.tabStatus}}" [innerHtml]="tab.tabTitle | safe"></li>
 </ul>
 <ng-content></ng-content>
diff --git a/lib/utils/pipes.ts b/lib/utils/pipes.ts
index 89d03b64..679ea93d 100644
--- a/lib/utils/pipes.ts
+++ b/lib/utils/pipes.ts
@@ -1,7 +1,7 @@
 'use strict';
 
 import { Pipe, PipeTransform } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { isString, stringify, isBlank } from './helpers';
 import JsonPointer from './JsonPointer';
 import { MdRenderer } from './';
@@ -66,13 +66,13 @@ export class MarkedPipe implements PipeTransform {
 @Pipe({ name: 'safe' })
 export class SafePipe implements PipeTransform {
   constructor(private sanitizer: DomSanitizer) {}
-  transform(value:string) {
+  transform(value:string|SafeHtml):SafeHtml {
     if (isBlank(value)) return value;
     if (!isString(value)) {
-      throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
+      return value;
     }
 
-    return this.sanitizer.bypassSecurityTrustHtml(value);
+    return this.sanitizer.bypassSecurityTrustHtml(value as string);
   }
 }