@bizy/core 21.8.5 → 21.8.6

package/fesm2022/bizy-core.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, Pipe, Renderer2, ViewChild, ViewContainerRef, RendererFactory2, Inject, Injectable, DOCUMENT as DOCUMENT$1, NgZone, ContentChildren, Directive, ContentChild, TemplateRef, HostListener } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, registerLocaleData, DatePipe } from '@angular/common';
-import { Subscription, Subject, debounceTime, distinctUntilChanged, BehaviorSubject, fromEvent, merge, map as map$1, startWith, take, throttleTime, filter as filter$1, skip, auditTime, timer } from 'rxjs';
+import { Subscription, Subject, debounceTime, distinctUntilChanged, BehaviorSubject, fromEvent, merge, map as map$1, startWith, take, throttleTime, filter as filter$1, skip, auditTime, timer, of } from 'rxjs';
 import * as i3 from '@angular/cdk/dialog';
 import { DIALOG_DATA, DialogRef, DialogModule, Dialog } from '@angular/cdk/dialog';
 import * as i1$1 from '@angular/cdk/drag-drop';
@@ -18771,58 +18771,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
+const MOUSE_LEFT_BUTTON = 0;
 class BizyLongPressDirective {
-    bizyLongPressDelay = 750;
+    #elementRef = inject(ElementRef);
+    #renderer = inject(Renderer2);
+    bizyLongPressThreshold = 750;
     bizyLongPress = new EventEmitter();
-    #pressTimeout = null;
-    onPressStart(event) {
-        this.clearTimeout(); // Clear any existing timeout
-        this.#pressTimeout = setTimeout(() => {
-            this.bizyLongPress.emit(event);
-        }, this.bizyLongPressDelay);
-    }
-    onPressEnd() {
-        this.clearTimeout();
-    }
-    clearTimeout() {
-        if (this.#pressTimeout) {
-            clearTimeout(this.#pressTimeout);
-            this.#pressTimeout = null;
-        }
+    #subscription;
+    ngAfterViewInit() {
+        this.#renderer.setStyle(this.#elementRef.nativeElement, 'cursor', 'pointer');
+        const mousedown = fromEvent(this.#elementRef.nativeElement, 'mousedown').pipe(filter((event) => event.button === MOUSE_LEFT_BUTTON), map(() => true) // turn on delay counter
+        );
+        const touchstart = fromEvent(this.#elementRef.nativeElement, 'touchstart').pipe(map(() => true));
+        const touchEnd = fromEvent(this.#elementRef.nativeElement, 'touchend').pipe(map(() => false));
+        const mouseup = fromEvent(window, 'mouseup').pipe(filter((event) => event.button === MOUSE_LEFT_BUTTON), map(() => false) // reset delay counter
+        );
+        this.#subscription = merge(mousedown, mouseup, touchstart, touchEnd)
+            .pipe(switchMap(state => (state ? timer(this.bizyLongPressThreshold) : of(null))), filter(value => Boolean(value)))
+            .subscribe(() => this.bizyLongPress.emit());
     }
     ngOnDestroy() {
-        this.clearTimeout();
+        if (this.#subscription) {
+            this.#subscription.unsubscribe();
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyLongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: BizyLongPressDirective, isStandalone: true, selector: "[bizyLongPress]", inputs: { bizyLongPressDelay: "bizyLongPressDelay" }, outputs: { bizyLongPress: "bizyLongPress" }, host: { listeners: { "mousedown": "onPressStart($event)", "touchstart": "onPressStart($event)", "mouseup": "onPressEnd()", "mouseleave": "onPressEnd()", "touchend": "onPressEnd()", "touchcancel": "onPressEnd()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: BizyLongPressDirective, isStandalone: true, selector: "[bizyLongPress]", inputs: { bizyLongPressThreshold: "bizyLongPressThreshold" }, outputs: { bizyLongPress: "bizyLongPress" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyLongPressDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizyLongPress]',
                 }]
-        }], propDecorators: { bizyLongPressDelay: [{
+        }], propDecorators: { bizyLongPressThreshold: [{
                 type: Input
             }], bizyLongPress: [{
                 type: Output
-            }], onPressStart: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }, {
-                type: HostListener,
-                args: ['touchstart', ['$event']]
-            }], onPressEnd: [{
-                type: HostListener,
-                args: ['mouseup']
-            }, {
-                type: HostListener,
-                args: ['mouseleave']
-            }, {
-                type: HostListener,
-                args: ['touchend']
-            }, {
-                type: HostListener,
-                args: ['touchcancel']
             }] } });
 
 class BizyOnlyNumbersDirective {