refactor(pull-to-refresh): rename the starting event to start

updated docs to reflect new name and renamed an internal function

BREAKING CHANGE: starting event no longer exists, must use start

References #5207

ionic/components/scroll/pull-to-refresh.ts

@@ -18,7 +18,7 @@ import {raf, ready, CSS} from '../../util/dom';
  *  @usage
  *  ```html
  *  <ion-content>
- *    <ion-refresher (starting)="doStarting($event)"
+ *    <ion-refresher (start)="doStart($event)"
  *                   (refresh)="doRefresh($event)"
  *                   (pulling)="doPulling($event)">
  *    </ion-refresher>
@@ -31,7 +31,7 @@ import {raf, ready, CSS} from '../../util/dom';
  *  export class MyClass {
  *
  *    doRefresh(refresher) {
- *      console.log('Refreshing', refresher)
+ *      console.log('Doing Refresh', refresher)
  *
  *      setTimeout(() => {
  *        refresher.complete();
@@ -39,8 +39,8 @@ import {raf, ready, CSS} from '../../util/dom';
  *      }, 5000);
  *    }
  *
- *    doStarting(refresher) {
- *      console.log('Starting', refresher);
+ *    doStart(refresher) {
+ *      console.log('Doing Start', refresher);
  *    }
  *
  *    doPulling(refresher) {
@@ -204,7 +204,7 @@ export class Refresher {
   /**
    * @output {event} When you start pulling down
    */
-  @Output() starting: EventEmitter<Refresher> = new EventEmitter();
+  @Output() start: EventEmitter<Refresher> = new EventEmitter();
 
 
   constructor(
@@ -305,7 +305,7 @@ export class Refresher {
   activate() {
     //this.ele.classList.add('active');
     this.isActive = true;
-    this.starting.emit(this);
+    this.start.emit(this);
   }
 
   /**
@@ -325,7 +325,7 @@ export class Refresher {
   /**
    * @private
    */
-  start() {
+  startRefresh() {
     // startCallback
     this.isRefreshing = true;
     this.refresh.emit(this);
@@ -522,7 +522,7 @@ export class Refresher {
 
       // the user has scroll far enough to trigger a refresh
       if (this.lastOverscroll > this.ptrThreshold) {
-        this.start();
+        this.startRefresh();
         this.scrollTo(this.ptrThreshold, this.scrollTime);
 
       // the user has overscrolled but not far enough to trigger a refresh

ionic/components/scroll/test/pull-to-refresh/index.ts

@@ -14,7 +14,7 @@ class E2EApp {
   }
 
   doRefresh(refresher) {
-    console.log('Refreshing', refresher)
+    console.log('Doing Refresh', refresher)
 
     // Add to the top of the list on refresh
     let firstIndex = this.items[0].index - 1;
@@ -29,8 +29,8 @@ class E2EApp {
     }, 5000);
   }
 
-  doStarting(refresher) {
-    console.log('Starting', refresher);
+  doStart(refresher) {
+    console.log('Doing Start', refresher);
   }
 
   doPulling(refresher) {

ionic/components/scroll/test/pull-to-refresh/main.html

@@ -2,7 +2,7 @@
 
 <ion-content>
   <ion-refresher
-    (starting)="doStarting($event)"
+    (start)="doStart($event)"
     (refresh)="doRefresh($event)"
     (pulling)="doPulling($event)"
     pullingIcon="heart"