import { Directive , ElementRef , EventEmitter , HostListener , Output , } from '@angular/core' ; import { IonRange } from '@ionic/angular' ; @ Directive ( { selector : 'ion-range' , } ) export class IonRangeDirective { @ Output ( ) public ionEnd : EventEmitter < Event > = new EventEmitter ( ) ; @ Output ( ) public ionStart : EventEmitter < Event > = new EventEmitter ( ) ; public constructor ( protected elemRef ) { } @ HostListener ( 'pointerdown' , [ '$event' ] ) public onStart ( ev ) { this . ionStart . emit ( ev ) ; } @ HostListener ( 'pointerup' , [ '$event' ] ) public onEnd ( ev ) { this . ionEnd . emit ( ev ) ; } }