Fix links with spaces

lib/components/Method/method.html

@@ -1,7 +1,7 @@
 <div class="method">
   <div class="method-content">
     <h2 class="method-header sharable-header">
-      <a class="share-link" href="#{{data.methodAnchor}}"></a>{{data.methodInfo.summary}}
+      <a class="share-link" href="#{{data.methodAnchor | encodeURIComponent }}"></a>{{data.methodInfo.summary}}
     </h2>
     <h3 class="method-endpoint">
       <span class="http-method" [ngClass]="data.httpMethod">{{data.httpMethod}}</span>

lib/components/Method/method.js

@@ -8,13 +8,15 @@ import ResponsesList from '../ResponsesList/responses-list';
 import ResponsesSamples from '../ResponsesSamples/responses-samples';
 import SchemaSample from '../SchemaSample/schema-sample';
 import RequestSamples from '../RequestSamples/request-samples';
+import {EncodeURIComponentPipe} from '../../utils/pipes';
 
 @RedocComponent({
   selector: 'method',
   templateUrl: './lib/components/Method/method.html',
   styleUrls: ['./lib/components/Method/method.css'],
   directives: [ParamsList, ResponsesList, ResponsesSamples, SchemaSample, RequestSamples],
-  inputs: ['tag']
+  inputs: ['tag'],
+  pipes: [EncodeURIComponentPipe]
 })
 export default class Method extends BaseComponent {
   constructor(schemaMgr) {

lib/components/MethodsList/methods-list.html

@@ -1,7 +1,7 @@
 <div class="methods">
   <div class="tag" *ngFor="#tag of data.tags">
     <div class="tag-info" [attr.tag]="tag.name">
-      <h1 class="sharable-header"> <a class="share-link" href="#tag/{{tag.name}}"></a>{{tag.name}} </h1>
+      <h1 class="sharable-header"> <a class="share-link" href="#tag/{{tag.name | encodeURIComponent}}"></a>{{tag.name}} </h1>
       <p *ngIf="tag.description" innerHtml="{{ tag.description | marked }}"> </p>
     </div>
     <method *ngFor="#method of tag.methods" [pointer]="method.pointer" [attr.pointer]="method.pointer"

lib/components/MethodsList/methods-list.js

@@ -2,12 +2,14 @@
 
 import {RedocComponent, BaseComponent} from '../base';
 import Method from '../Method/method';
+import {EncodeURIComponentPipe} from '../../utils/pipes';
 
 @RedocComponent({
   selector: 'methods-list',
   templateUrl: './lib/components/MethodsList/methods-list.html',
   styleUrls: ['./lib/components/MethodsList/methods-list.css'],
-  directives: [Method]
+  directives: [Method],
+  pipes: [EncodeURIComponentPipe]
 })
 export default class MethodsList extends BaseComponent {
 

lib/components/SideMenu/side-menu.js

@@ -62,7 +62,7 @@ export default class SideMenu extends BaseComponent {
     let $el;
     hash = hash.substr(1);
     let namespace = hash.split('/')[0];
-    let ptr = hash.substr(namespace.length + 1);
+    let ptr = decodeURIComponent(hash.substr(namespace.length + 1));
     if (namespace === 'operation') {
       $el = this.getMethodElByOperId(ptr);
     } else if (namespace === 'tag') {

lib/utils/pipes.js

@@ -118,3 +118,14 @@ export class PrismPipe {
     return Prism.highlight(value, grammar);
   }
 }
+
+@Pipe({ name: 'encodeURIComponent' })
+export class EncodeURIComponentPipe {
+  transform(value) {
+    if (isBlank(value)) return value;
+    if (!isString(value)) {
+      throw new InvalidPipeArgumentException(EncodeURIComponentPipe, value);
+    }
+    return encodeURIComponent(value);
+  }
+}