chore(animations): using named functions

- rollup generates a better code
- better for dev debugging

packages/core/src/components/action-sheet-controller/action-sheet-controller.tsx

@@ -11,7 +11,7 @@ export class ActionSheetController {
   private actionSheets: ActionSheet[] = [];
 
   @Method()
-  create(opts?: ActionSheetOptions) {
+  create(opts?: ActionSheetOptions): Promise<ActionSheet> {
     // create ionic's wrapping ion-action-sheet component
     const actionSheet = document.createElement('ion-action-sheet');
 

packages/core/src/components/action-sheet/animations/ios.enter.ts

@@ -3,7 +3,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Action Sheet Enter Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/action-sheet/animations/ios.leave.ts

@@ -3,7 +3,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Action Sheet Leave Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/alert-controller/alert-controller.tsx

@@ -11,7 +11,7 @@ export class AlertController {
   private alerts: Alert[] = [];
 
   @Method()
-  create(opts?: AlertOptions) {
+  create(opts?: AlertOptions): Promise<Alert> {
     // create ionic's wrapping ion-alert component
     const alert = document.createElement('ion-alert');
 

packages/core/src/components/alert/animations/ios.enter.ts

@@ -3,7 +3,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Alert Enter Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/alert/animations/ios.leave.ts

@@ -3,7 +3,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Alert Leave Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/item-sliding/item-sliding.tsx

@@ -485,22 +485,21 @@ export class ItemSliding {
 
   render() {
     return (
-
+      <ion-gesture props={{
-    <ion-gesture props={{
+        'canStart': this.canStart.bind(this),
-      'canStart': this.canStart.bind(this),
+        'onStart': this.onDragStart.bind(this),
-      'onStart': this.onDragStart.bind(this),
+        'onMove': this.onDragMove.bind(this),
-      'onMove': this.onDragMove.bind(this),
+        'onEnd': this.onDragEnd.bind(this),
-      'onEnd': this.onDragEnd.bind(this),
+        'gestureName': 'item-swipe',
-      'gestureName': 'item-swipe',
+        'gesturePriority': -10,
-      'gesturePriority': -10,
+        'type': 'pan',
-      'type': 'pan',
+        'direction': 'x',
-      'direction': 'x',
+        'maxAngle': 20,
-      'maxAngle': 20,
+        'threshold': 5,
-      'threshold': 5,
+        'attachTo': 'parent'
-      'attachTo': 'parent'
+      }}>
-    }}>
+        <slot></slot>
-      <slot></slot>
+      </ion-gesture>
-    </ion-gesture>
     );
   }
 }

packages/core/src/components/loading-controller/loading-controller.tsx

@@ -11,7 +11,7 @@ export class LoadingController {
   private loadings: Loading[] = [];
 
   @Method()
-  create(opts?: LoadingOptions) {
+  create(opts?: LoadingOptions): Promise<Loading> {
     // create ionic's wrapping ion-loading component
     const loading = document.createElement('ion-loading');
 

packages/core/src/components/loading/animations/ios.enter.ts

@@ -4,7 +4,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Loading Enter Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/loading/animations/ios.leave.ts

@@ -4,7 +4,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Loading Leave Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/modal/animations/ios.enter.ts

@@ -4,7 +4,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Modal Enter Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/modal/animations/ios.leave.ts

@@ -4,7 +4,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Modal Leave Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/popover/animations/ios.enter.ts

@@ -4,7 +4,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Popover Enter Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/popover/animations/ios.leave.ts

@@ -3,7 +3,7 @@ import { Animation } from '../../../index';
 /**
  * iOS Popover Leave Animation
  */
-export default function(Animation: Animation, baseElm: HTMLElement) {
+export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
   const baseAnimation = new Animation();
 
   const backdropAnimation = new Animation();

packages/core/src/components/select/select.tsx

@@ -398,4 +398,4 @@ export class Select {
       </button>
     ];
   }
-}
+}

packages/core/src/components/toast/animations/ios.enter.ts

@@ -3,11 +3,11 @@ import { Animation } from '../../../index';
 /**
  * iOS Toast Enter Animation
  */
-export default function(
+export default function iOSEnterAnimation(
   Animation: Animation,
   baseElm: HTMLElement,
   position: string
-) {
+): Animation {
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();

packages/core/src/components/toast/animations/ios.leave.ts

@@ -3,11 +3,11 @@ import { Animation } from '../../../index';
 /**
  * iOS Toast Leave Animation
  */
-export default function(
+export default function iOSLeaveAnimation(
   Animation: Animation,
   baseElm: HTMLElement,
   position: string
-) {
+): Animation {
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();