MOBILE-4653 chore: Fix long press event

Author: crazyserver

src/core/directives/long-press.ts

@@ -15,8 +15,9 @@
 // Based on https://medium.com/madewithply/ionic-4-long-press-gestures-96cf1e44098b
 
 import { Directive, ElementRef, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';
-import { Gesture } from '@ionic/angular';
+import { Gesture, GestureDetail } from '@ionic/angular';
 import { GestureController } from '@singletons';
+
 /**
  * Directive to add long press actions to html elements.
  */
@@ -25,13 +26,13 @@ import { GestureController } from '@singletons';
 })
 export class CoreLongPressDirective implements OnInit, OnDestroy {
 
-    readonly HOLD_DURATION = 500;
+    protected static readonly HOLD_DURATION = 500;
 
     element: HTMLElement;
     pressGesture?: Gesture;
     timeout?: number;
 
-    @Output() longPress = new EventEmitter();
+    @Output() longPress = new EventEmitter<GestureDetail>();
 
     constructor(el: ElementRef) {
         this.element = el.nativeElement;
@@ -52,7 +53,7 @@ export class CoreLongPressDirective implements OnInit, OnDestroy {
                     this.longPress.emit(event);
 
                     delete this.timeout;
-                }, this.HOLD_DURATION);
+                }, CoreLongPressDirective.HOLD_DURATION);
             },
             onMove: () => this.clearTimeout(),
             onEnd: () => this.clearTimeout(),

src/core/features/settings/pages/deviceinfo/deviceinfo.ts

@@ -30,6 +30,7 @@ import { CoreNetwork } from '@services/network';
 import { CoreLoginHelper } from '@features/login/services/login-helper';
 import { CoreSitesFactory } from '@services/sites-factory';
 import { CoreText } from '@singletons/text';
+import { GestureDetail } from '@ionic/angular';
 
 /**
  * Device Info to be shown and copied to clipboard.
@@ -225,8 +226,8 @@ export class CoreSettingsDeviceInfoPage implements OnDestroy {
      *
      * @param e Event.
      */
-    copyItemInfo(e: Event): void {
-        const el = <Element>e.target;
+    copyItemInfo(e: GestureDetail): void {
+        const el = <Element>e.event.target;
         const text = el?.closest('ion-item')?.textContent?.trim();
 
         text && CoreText.copyToClipboard(text);