Mesure swipe action using angular type script

Angular Swipe.js

import { Component, HostListener, Input, OnInit } from '@angular/core';
  
export class AppbarComponent implements OnInit {
  
    touchstartX:number = 0;
    touchstartY:number = 0;
    touchendX:number = 0;
    touchendY:number = 0;

    @HostListener('touchstart', ['$event']) gesuredZonestart(event:any) {
      this.touchstartX = event.changedTouches[0].screenX;
      this.touchstartY = event.changedTouches[0].screenY;  
    }
    
    @HostListener('touchend', ['$event']) gesuredZoneend(event:any) {
      this.touchendX = event.changedTouches[0].screenX;
      this.touchendY = event.changedTouches[0].screenY; 
      this.handleGesure(); 
    }

    handleGesure() {
      var swiped = 'swiped: ';
      if (this.touchendX < this.touchstartX) {
          console.log(swiped + 'left!');
      }
      if (this.touchendX > this.touchstartX) {
          console.log(swiped + 'right!');
      }
      if (this.touchendY < this.touchstartY) {
          console.log(swiped + 'down!'); 
      }
      if (this.touchendY > this.touchstartY) {
          console.log(swiped + 'top!');
      }
      if (this.touchendY == this.touchstartY) {
          console.log('tap!');
      }
    }
}