refactor(events): rename all Ionic events to start with ion

BREAKING CHANGES:

Renamed all Ionic events to start with `ion`. The following events were
renamed:

- **Checkbox**
  - `change` -> `ionChange`
- **DateTime**
  - `change` -> `ionChange`
  - `cancel` -> `ionCancel`
- **InfiniteScroll**
  - `infinite` -> `ionInfinite`
- **Menu**
  - `opening` -> `ionDrag`
  - `opened` -> `ionOpen`
  - `closed` -> `ionClose`
- **Option**
  - `select` -> `ionSelect`
- **Picker**
  - `change` -> `ionChange`
- **RadioButton**
  - `select` -> `ionSelect`
- **RadioGroup**
  - `change` -> `ionChange`
- **Refresher**
  - `refresh` -> `ionRefresh`
  - `pulling` -> `ionPull`
  - `start` -> `ionStart`
- **Searchbar**
  - `input` -> `ionInput`
  - `blur` -> `ionBlur`
  - `focus` -> `ionFocus`
  - `cancel` -> `ionCancel`
  - `clear` -> `ionClear`
- **Segment**
  - `change` -> `ionChange`
  - `select` -> `ionSelect`
- **Select**
  - `change` -> `ionChange`
  - `cancel` -> `ionCancel`
- **Slides**
  - `willChange` -> `ionWillChange`
  - `didChange` -> `ionDidChange`
  - `move` -> `ionDrag`
- **TabButton**
  - `select` -> `ionSelect`
- **Tab**
  - `select` -> `ionSelect`
- **Tabs**
  - `change` -> `ionChange`
- **Toggle**
  - `change` -> `ionChange`

Closes #6568

src/components/menu/test/basic/index.ts

@@ -67,8 +67,16 @@ class E2EApp {
     });
   }
 
-  onMenuOpening(ev) {
-    console.log('onMenuOpening', ev);
+  onDrag(ev) {
+    console.log('Menu is being dragged', ev);
+  }
+
+  onOpen(ev) {
+    console.log('Menu is open', ev);
+  }
+
+  onClose(ev) {
+    console.log('Menu is closed', ev);
   }
 
   isChangeDetecting() {

src/components/menu/test/basic/main.html

@@ -1,4 +1,4 @@
-<ion-menu [content]="content" side="left" persistent="true">
+<ion-menu [content]="content" side="left" persistent="true" (ionDrag)="onDrag($event)" (ionOpen)="onOpen($event)"(ionClose)="onClose($event)">
 
   <ion-toolbar secondary>
     <ion-title>Left Menu</ion-title>
@@ -140,4 +140,4 @@
 
 <ion-nav id="nav" [root]="rootPage" #content></ion-nav>
 
-<div [hidden]="isChangeDetecting()"></div>
+<div [hidden]="isChangeDetecting()"></div>