PointerMove and PointerUp in custom range component

#1

Hi,
I want to use my custom range component in my ionic project. The problem is that pointer events like PointerMove and PointerUp is not triggered, just pointerDown is triggered.

This is my component ts:

import { Component, ElementRef, Output, Input, EventEmitter, OnInit, NgZone } from '@angular/core';
import { Platform } from 'ionic-angular/platform/platform';
import { UIEventManager } from 'ionic-angular/gestures/ui-event-manager';
import { PointerEvents } from 'ionic-angular/gestures/pointer-events';

@Component({
  selector: 'dim-slider',
  templateUrl: 'dim-slider.html'
})
export class DimSliderComponent implements OnInit {

  text: string;
  @Output() ionChange: EventEmitter<any> = new EventEmitter();
  _el: HTMLElement;
  _plt: Platform;
  _uiEventManager: UIEventManager;

  constructor(public zone: NgZone, el: ElementRef, plt: Platform) {
    this._el = el.nativeElement;
    this._plt = plt;
    this._uiEventManager = new UIEventManager(plt);
  }
  ngOnInit(){
    this._uiEventManager.pointerEvents({
      element: this._el,
      pointerDown: this._pointerDown.bind(this),
      pointerMove: this._pointerMove.bind(this),
      pointerUp: this._pointerUp.bind(this),
      zone: true
    });
  }

  _pointerMove(): void{
    console.log('pointer is moving!');
  };

  _pointerUp(): void{
    console.log('pointer up was triggered!');
  };

  _pointerDown(): void{
    console.log('pointer down was triggered!');
  };


}

this is my component html:

<div class="slidecontainer">
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
</div>

Any help will be appreciated.