feat(router): add configurable title separator

src/navigation-instruction.js

@@ -245,7 +245,7 @@ export class NavigationInstruction {
     }
   }
 
-  _buildTitle(separator: string = ' | '): string {
+  _buildTitle(): string {
     let title = '';
     let childTitles = [];
 
@@ -257,19 +257,19 @@ export class NavigationInstruction {
       let viewPortInstruction = this.viewPortInstructions[viewPortName];
 
       if (viewPortInstruction.childNavigationInstruction) {
-        let childTitle = viewPortInstruction.childNavigationInstruction._buildTitle(separator);
+        let childTitle = viewPortInstruction.childNavigationInstruction._buildTitle();
         if (childTitle) {
           childTitles.push(childTitle);
         }
       }
     }
 
     if (childTitles.length) {
-      title = childTitles.join(separator) + (title ? separator : '') + title;
+      title = childTitles.join(this.router.separator) + (title ? this.router.separator : '') + title;
     }
 
     if (this.router.title) {
-      title += (title ? separator : '') + this.router.transformTitle(this.router.title);
+      title += (title ? this.router.separator : '') + this.router.transformTitle(this.router.title);
     }
 
     return title;

src/router-configuration.js

@@ -18,6 +18,7 @@ export class RouterConfiguration {
   } = {};
   pipelineSteps: Array<{name: string, step: Function|PipelineStep}> = [];
   title: string;
+  titleSeparator: string;
   unknownRouteConfig: string|RouteConfig|((instruction: NavigationInstruction) => string|RouteConfig|Promise<string|RouteConfig>);
   viewPortDefaults: {[name: string]: {moduleId: string|void; [key: string]: any}};
 
@@ -161,6 +162,7 @@ export class RouterConfiguration {
 
     if (this.title) {
       router.title = this.title;
+      router.titleSeparator = this.titleSeparator || ' | ';
     }
 
     if (this.unknownRouteConfig) {

src/router.js

@@ -32,7 +32,12 @@ export class Router {
   /**
    * If defined, used in generation of document title for [[Router]]'s routes.
    */
-  title: string | undefined
+  title: string | undefined;
+
+  /**
+   * The separator used in the document title between [[Router]]'s routes.
+   */
+  titleSeparator: string;
 
   /**
   * True if the [[Router]] has been configured.