From 0ffc911198183b5ace6764974fbf4927e131f81d Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Mon, 23 Oct 2017 17:59:00 -0400
Subject: [PATCH] refactor(components): rename functions for consistency and
 use typings

---
 packages/core/src/components/alert/alert.tsx  | 6 +++---
 packages/core/src/components/fab/fab-list.tsx | 3 ++-
 packages/core/src/components/fab/fab.tsx      | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/alert/alert.tsx b/packages/core/src/components/alert/alert.tsx
index d1d71892b0..92ed748daa 100644
--- a/packages/core/src/components/alert/alert.tsx
+++ b/packages/core/src/components/alert/alert.tsx
@@ -163,8 +163,8 @@ export class Alert {
     }
   }
 
-  btnClick(button: any) {
-    console.log('btnClick', button);
+  buttonClick(button: any) {
+    console.log('buttonClick', button);
 
     // TODO keep the time of the most recent button click
     // this.lastClick = Date.now();
@@ -375,7 +375,7 @@ export class Alert {
 
         <div class={alertButtonGroupClass}>
           {buttons.map(b =>
-            <button class={this.buttonClass(b)} onClick={() => this.btnClick(b)}>
+            <button class={this.buttonClass(b)} onClick={() => this.buttonClick(b)}>
               <span class='button-inner'>
                 {b.text}
               </span>
diff --git a/packages/core/src/components/fab/fab-list.tsx b/packages/core/src/components/fab/fab-list.tsx
index 2c527390eb..054342b121 100644
--- a/packages/core/src/components/fab/fab-list.tsx
+++ b/packages/core/src/components/fab/fab-list.tsx
@@ -1,5 +1,6 @@
 import { Component, Element, Prop, PropDidChange } from '@stencil/core';
 
+import { HTMLIonFabElement } from '../../index';
 
 /**
   * @name FabList
@@ -29,7 +30,7 @@ import { Component, Element, Prop, PropDidChange } from '@stencil/core';
   tag: 'ion-fab-list',
 })
 export class FabList {
-  @Element() private el: HTMLElement;
+  @Element() private el: HTMLIonFabElement;
 
   @Prop() activated: boolean = false;
 
diff --git a/packages/core/src/components/fab/fab.tsx b/packages/core/src/components/fab/fab.tsx
index f85a2c80a6..d1294305cf 100755
--- a/packages/core/src/components/fab/fab.tsx
+++ b/packages/core/src/components/fab/fab.tsx
@@ -1,6 +1,7 @@
 import { Component, CssClassMap, Element, Method, Prop, State, PropDidChange } from '@stencil/core';
 import { createThemedClasses, getElementClassObject } from '../../utils/theme';
 
+import { HTMLIonFabListElement } from '../../index';
 
 /**
   * @name FabButton