docs(playgrounds): rename ev to event

Author: brandyscarney

static/usage/v7/accordion/listen-changes/angular/example_component_ts.md

@@ -8,12 +8,12 @@ import { Component } from '@angular/core';
 export class ExampleComponent {
   private values: string[] = ['first', 'second', 'third'];
 
-  accordionGroupChange = (ev: any) => {
-    const collapsedItems = this.values.filter((value) => value !== ev.detail.value);
-    const selectedValue = ev.detail.value;
+  accordionGroupChange = (event: any) => {
+    const collapsedItems = this.values.filter((value) => value !== event.detail.value);
+    const selectedValue = event.detail.value;
 
     console.log(
-      `Expanded: ${selectedValue === undefined ? 'None' : ev.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
+      `Expanded: ${selectedValue === undefined ? 'None' : event.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
     );
   };
 }

static/usage/v7/accordion/listen-changes/demo.html

@@ -42,12 +42,12 @@
       const accordionGroup = document.querySelector('ion-accordion-group');
       const values = ['first', 'second', 'third'];
 
-      accordionGroup.addEventListener('ionChange', (ev) => {
-        const collapsedItems = values.filter((value) => value !== ev.detail.value);
-        const selectedValue = ev.detail.value;
+      accordionGroup.addEventListener('ionChange', (event) => {
+        const collapsedItems = values.filter((value) => value !== event.detail.value);
+        const selectedValue = event.detail.value;
 
         console.log(
-          `Expanded: ${selectedValue === undefined ? 'None' : ev.detail.value} | Collapsed: ${collapsedItems.join(
+          `Expanded: ${selectedValue === undefined ? 'None' : event.detail.value} | Collapsed: ${collapsedItems.join(
             ', '
           )}`
         );

static/usage/v7/accordion/listen-changes/javascript.md

@@ -24,12 +24,12 @@
   const accordionGroup = document.querySelector('ion-accordion-group');
   const values = ['first', 'second', 'third'];
 
-  accordionGroup.addEventListener('ionChange', (ev) => {
-    const collapsedItems = values.filter((value) => value !== ev.detail.value);
-    const selectedValue = ev.detail.value;
+  accordionGroup.addEventListener('ionChange', (event) => {
+    const collapsedItems = values.filter((value) => value !== event.detail.value);
+    const selectedValue = event.detail.value;
 
     console.log(
-      `Expanded: ${selectedValue === undefined ? 'None' : ev.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
+      `Expanded: ${selectedValue === undefined ? 'None' : event.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
     );
   });
 </script>

static/usage/v7/accordion/listen-changes/react.md

@@ -3,12 +3,12 @@ import React from 'react';
 import { IonAccordion, IonAccordionGroup, IonItem, IonLabel, AccordionGroupCustomEvent } from '@ionic/react';
 function Example() {
   const values = ['first', 'second', 'third'];
-  const accordionGroupChange = (ev: AccordionGroupCustomEvent) => {
-    const collapsedItems = values.filter((value) => value !== ev.detail.value);
-    const selectedValue = ev.detail.value;
+  const accordionGroupChange = (event: AccordionGroupCustomEvent) => {
+    const collapsedItems = values.filter((value) => value !== event.detail.value);
+    const selectedValue = event.detail.value;
 
     console.log(
-      `Expanded: ${selectedValue === undefined ? 'None' : ev.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
+      `Expanded: ${selectedValue === undefined ? 'None' : event.detail.value} | Collapsed: ${collapsedItems.join(', ')}`
     );
   };
 

static/usage/v7/accordion/listen-changes/vue.md

@@ -35,12 +35,12 @@
     },
     setup() {
       const values = ['first', 'second', 'third'];
-      const accordionGroupChange = (ev: AccordionGroupCustomEvent) => {
-        const collapsedItems = values.filter((value) => value !== ev.detail.value);
-        const selectedValue = ev.detail.value;
+      const accordionGroupChange = (event: AccordionGroupCustomEvent) => {
+        const collapsedItems = values.filter((value) => value !== event.detail.value);
+        const selectedValue = event.detail.value;
 
         console.log(
-          `Expanded: ${selectedValue === undefined ? 'None' : ev.detail.value} | Collapsed: ${collapsedItems.join(
+          `Expanded: ${selectedValue === undefined ? 'None' : event.detail.value} | Collapsed: ${collapsedItems.join(
             ', '
           )}`
         );

static/usage/v7/action-sheet/inline/isOpen/demo.html

@@ -45,7 +45,7 @@
         },
       ];
 
-      actionSheet.addEventListener('ionActionSheetDidDismiss', (ev) => {
+      actionSheet.addEventListener('ionActionSheetDidDismiss', (event) => {
         actionSheet.isOpen = false;
       });
     </script>

static/usage/v7/action-sheet/inline/isOpen/javascript.md

@@ -28,7 +28,7 @@
     },
   ];
 
-  actionSheet.addEventListener('ionActionSheetDidDismiss', (ev) => {
+  actionSheet.addEventListener('ionActionSheetDidDismiss', (event) => {
     actionSheet.isOpen = false;
   });
 </script>

static/usage/v7/action-sheet/role-info-on-dismiss/angular/example_component_ts.md

@@ -32,8 +32,8 @@ export class ExampleComponent {
 
   constructor() {}
 
-  logResult(ev) {
-    console.log(JSON.stringify(ev.detail, null, 2));
+  logResult(event) {
+    console.log(JSON.stringify(event.detail, null, 2));
   }
 }
 ```

static/usage/v7/action-sheet/role-info-on-dismiss/demo.html

@@ -55,8 +55,8 @@
         },
       ];
 
-      actionSheet.addEventListener('ionActionSheetDidDismiss', (ev) => {
-        console.log(JSON.stringify(ev.detail, null, 2));
+      actionSheet.addEventListener('ionActionSheetDidDismiss', (event) => {
+        console.log(JSON.stringify(event.detail, null, 2));
       });
     </script>
   </body>

static/usage/v7/action-sheet/role-info-on-dismiss/javascript.md

@@ -44,8 +44,8 @@
     },
   ];
 
-  actionSheet.addEventListener('ionActionSheetDidDismiss', (ev) => {
-    console.log(JSON.stringify(ev.detail, null, 2));
+  actionSheet.addEventListener('ionActionSheetDidDismiss', (event) => {
+    console.log(JSON.stringify(event.detail, null, 2));
   });
 </script>
 ```