feat(lib): implemented ngxLongPress2's directive

projects/ngx-long-press2/src/lib/ngx-long-press2.directive.spec.ts

@@ -0,0 +1,8 @@
+import { NgxLongPress2Directive } from './ngx-long-press2.directive';
+
+describe('NgxLongPress2Directive', () => {
+  it('should create an instance', () => {
+    const directive = new NgxLongPress2Directive();
+    expect(directive).toBeTruthy();
+  });
+});

projects/ngx-long-press2/src/lib/ngx-long-press2.directive.ts

@@ -0,0 +1,80 @@
+import { Directive, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+
+@Directive({
+  // tslint:disable-next-line:directive-selector
+  selector: '[ngxLongPress2]'
+})
+export class NgxLongPress2Directive {
+
+  pressing: boolean;
+  longPressing: boolean;
+  timeout: any;
+  interval: any;
+
+  delay = 50;
+  lapsedTime = 0; // used for onLongPressing event
+
+  @Input()
+  minTime = 500; // used for onLongPress event
+
+  @Input()
+  maxTime = 2000; // used for onReleasePressing event
+
+  // tslint:disable-next-line:no-output-on-prefix
+  @Output()
+  onLongPress = new EventEmitter();
+
+  // tslint:disable-next-line:no-output-on-prefix
+  @Output()
+  onLongPressing: EventEmitter<number> = new EventEmitter();
+
+  // tslint:disable-next-line:no-output-on-prefix
+  @Output()
+  onReleasePressing: EventEmitter<void> = new EventEmitter();
+
+  @HostBinding('class.press')
+  get press(): boolean {
+    return this.pressing;
+  }
+
+  @HostBinding('class.longpress')
+  get longPress(): boolean {
+    return this.longPressing;
+  }
+
+  @HostListener('touchstart', ['$event'])
+  @HostListener('mousedown', ['$event'])
+  onMouseDown(event: any): void {
+    this.pressing = true;
+    this.longPressing = false;
+    this.timeout = setTimeout(() => {
+      this.longPressing = true;
+      this.onLongPress.emit(event);
+      this.interval = setInterval(() => {
+        this.onLongPressing.emit(this.lapsedTime);
+        if (this.lapsedTime < this.maxTime) {
+          this.lapsedTime += this.delay;
+        } else {
+          this.end();
+        }
+      }, this.delay);
+    }, this.minTime);
+  }
+
+  @HostListener('touchend')
+  @HostListener('mouseup')
+  @HostListener('mouseleave')
+  endPress(): void {
+    this.end();
+  }
+
+  end(): void {
+    clearTimeout(this.timeout);
+    clearInterval(this.interval);
+    this.longPressing = false;
+    this.pressing = false;
+    this.lapsedTime = 0;
+    this.onReleasePressing.next();
+  }
+
+}

projects/ngx-long-press2/src/lib/ngx-long-press2.module.ts

@@ -1,12 +1,10 @@
 import { NgModule } from '@angular/core';
-import { NgxLongPress2Component } from './ngx-long-press2.component';
-
+import { NgxLongPress2Directive } from './ngx-long-press2.directive';
 
 
 @NgModule({
-  declarations: [NgxLongPress2Component],
-  imports: [
-  ],
-  exports: [NgxLongPress2Component]
+  declarations: [NgxLongPress2Directive],
+  exports: [NgxLongPress2Directive]
 })
-export class NgxLongPress2Module { }
+export class NgxLongPress2Module {
+}

projects/ngx-long-press2/src/public-api.ts

@@ -2,6 +2,5 @@
  * Public API Surface of ngx-long-press2
  */
 
-export * from './lib/ngx-long-press2.service';
-export * from './lib/ngx-long-press2.component';
+export * from './lib/ngx-long-press2.directive';
 export * from './lib/ngx-long-press2.module';