refactor(nav): do not auto-add pascal case css class

Previously a css class generated from the JS class name, was
automatically being added to the page element. However, the JS class
name returned is not consistent among all browsers. Instead of
automatically applying a css classname, we now recommend adding a
`selector` to each page component.

src/components/modal/modal-component.ts

@@ -2,7 +2,6 @@ import { Component, ComponentFactoryResolver, HostListener, Renderer, ViewChild,
 
 import { Key } from '../../util/key';
 import { NavParams } from '../../navigation/nav-params';
-import { pascalCaseToDashCase } from '../../util/util';
 import { ViewController } from '../../navigation/view-controller';
 
 
@@ -46,7 +45,6 @@ export class ModalCmp {
 
       this._setCssClass(componentRef, 'ion-page');
       this._setCssClass(componentRef, 'show-page');
-      this._setCssClass(componentRef, pascalCaseToDashCase(component.name));
       this._enabled = true;
     }
   }

src/components/popover/popover-component.ts

@@ -1,7 +1,6 @@
 import { Component, ComponentFactoryResolver, ElementRef, HostListener, Renderer, ViewChild, ViewContainerRef } from '@angular/core';
 
 import { Config } from '../../config/config';
-import { pascalCaseToDashCase } from '../../util/util';
 import { Key } from '../../util/key';
 import { NavParams } from '../../navigation/nav-params';
 import { ViewController } from '../../navigation/view-controller';
@@ -78,7 +77,6 @@ export class PopoverCmp {
       const componentRef = this._viewport.createComponent(componentFactory, this._viewport.length, this._viewport.parentInjector, []);
       this._viewCtrl._setInstance(componentRef.instance);
 
-      this._setCssClass(componentRef, pascalCaseToDashCase(component.name));
       this._enabled = true;
     }
   }

src/navigation/nav-controller-base.ts

@@ -8,7 +8,7 @@ import { convertToView, convertToViews, NavOptions, DIRECTION_BACK, DIRECTION_FO
 import { setZIndex } from './nav-util';
 import { DeepLinker } from './deep-linker';
 import { GestureController } from '../gestures/gesture-controller';
-import { isBlank, isNumber, isPresent, pascalCaseToDashCase } from '../util/util';
+import { isBlank, isNumber, isPresent } from '../util/util';
 import { isViewController, ViewController } from './view-controller';
 import { Ion } from '../components/ion';
 import { Keyboard } from '../util/keyboard';
@@ -575,11 +575,6 @@ export class NavControllerBase extends Ion implements NavController {
       this._renderer.setElementClass(pageElement, view._cssClass, true);
     }
 
-    // auto-add page css className created from component JS class name
-    // ******** DOM WRITE ****************
-    const cssClassName = pascalCaseToDashCase(view.component.name);
-    this._renderer.setElementClass(pageElement, cssClassName, true);
-
     componentRef.changeDetectorRef.detectChanges();
   }
 

src/navigation/url-serializer.ts

@@ -1,7 +1,7 @@
 import { OpaqueToken } from '@angular/core';
 
 import { DeepLinkConfig, NavLink, NavSegment } from './nav-util';
-import { isArray, isBlank, isPresent, pascalCaseToDashCase } from '../util/util';
+import { isArray, isBlank, isPresent } from '../util/util';
 
 
 export class UrlSerializer {
@@ -104,7 +104,10 @@ export class UrlSerializer {
   }
 
   formatUrlPart(name: string): string {
-    name = pascalCaseToDashCase(name.replace(URL_REPLACE_REG, '-'));
+    name = name.replace(URL_REPLACE_REG, '-');
+    name = name.charAt(0).toLowerCase() + name.substring(1).replace(/[A-Z]/g, match => {
+      return '-' + match.toLowerCase();
+    });
     while (name.indexOf('--') > -1) {
       name = name.replace('--', '-');
     }

src/util/util.ts

@@ -145,15 +145,6 @@ export const isCheckedProperty = function(a: any, b: any): boolean {
   /* tslint:enable */
 };
 
-/**
- * Convert a string in the format thisIsAString to a slug format this-is-a-string
- */
-export function pascalCaseToDashCase(val: string = ''): string {
-  return val.charAt(0).toLowerCase() + val.substring(1).replace(/[A-Z]/g, match => {
-    return '-' + match.toLowerCase();
-  });
-}
-
 
 /**
  * @private