javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 14:01:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): update to latest stencil api

Browse Source
This commit is contained in:
Adam Bradley
2017-07-25 10:03:07 -05:00
parent 69dfaad7b0
commit b8c0589513
91 changed files with 6199 additions and 4426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/core/src/components/chip-button/chip-button.tsx
View File

@ -1,4 +1,4 @@
import { Component, CssClassObject, h, Prop } from '@stencil/core';
import { Component, CssClassMap, Element, Prop } from '@stencil/core';
@Component({
@ -10,9 +10,9 @@ import { Component, CssClassObject, h, Prop } from '@stencil/core';
},
})
export class ChipButton {
$el: HTMLElement;
mode: string;
color: string;
@Element() private el: HTMLElement;
private mode: string;
private color: string;
@Prop() href: string;
@ -31,7 +31,7 @@ export class ChipButton {
* Get the classes based on the button type
* e.g. alert-button, action-sheet-button
*/
getButtonClassList(buttonType: string, mode: string): string[] {
private getButtonClassList(buttonType: string, mode: string): string[] {
if (!buttonType) {
return [];
}
@ -45,7 +45,7 @@ export class ChipButton {
* @hidden
* Get the classes for the color
*/
getColorClassList(color: string, buttonType: string, style: string, mode: string): string[] {
private getColorClassList(color: string, buttonType: string, style: string, mode: string): string[] {
let className = (style === 'default') ? `${buttonType}` : `${buttonType}-${style}`;
return [`${className}-${mode}`].concat(
@ -59,7 +59,7 @@ export class ChipButton {
* Get the classes for the style
* Chip buttons can only be clear or default (solid)
*/
getStyleClassList(buttonType: string): string[] {
private getStyleClassList(buttonType: string): string[] {
let classList = [].concat(
this.clear ? this.getColorClassList(this.color, buttonType, 'clear', this.mode) : []
);
@ -75,9 +75,9 @@ export class ChipButton {
* @hidden
* Get the element classes to add to the child element
*/
getElementClassList() {
private getElementClassList() {
let classList = [].concat(
this.$el.className.length ? this.$el.className.split(' ') : []
this.el.className.length ? this.el.className.split(' ') : []
);
return classList;
@ -86,7 +86,7 @@ export class ChipButton {
render() {
const buttonType = 'chip-button';
var buttonClasses: CssClassObject = []
var buttonClasses: CssClassMap = []
.concat(
this.getButtonClassList(buttonType, this.mode),
this.getElementClassList(),