import { Component , Input , ViewEncapsulation } from '@angular/core' ; import { Config } from '../../config/config' ; import { Refresher } from './refresher' ; hidden @ Component ( { selector : 'ion-refresher-content' , template : '<div class="refresher-pulling">' + '<div class="refresher-pulling-icon" *ngIf="pullingIcon">' + '<ion-icon [name]="pullingIcon"></ion-icon>' + '</div>' + '<div class="refresher-pulling-text" [innerHTML]="pullingText" *ngIf="pullingText"></div>' + '</div>' + '<div class="refresher-refreshing">' + '<div class="refresher-refreshing-icon">' + '<ion-spinner [name]="refreshingSpinner"></ion-spinner>' + '</div>' + '<div class="refresher-refreshing-text" [innerHTML]="refreshingText" *ngIf="refreshingText"></div>' + '</div>' , host : { '[attr.state]' : 'r.state' } , encapsulation : ViewEncapsulation . None , } ) export class RefresherContent { input @ Input ( ) pullingIcon : string ; input @ Input ( ) pullingText : string ; input @ Input ( ) refreshingSpinner : string ; input @ Input ( ) refreshingText : string ; constructor ( public r , private _config ) { } hidden ngOnInit ( ) { if ( ! this . pullingIcon ) { this . pullingIcon = this . _config . get ( 'ionPullIcon' , 'arrow-down' ) ; } if ( ! this . refreshingSpinner ) { this . refreshingSpinner = this . _config . get ( 'ionRefreshingSpinner' , this . _config . get ( 'spinner' , 'ios' ) ) ; } } }