@bizy/core 19.17.0 → 19.17.2

package/fesm2022/bizy-core.mjs

@@ -3328,14 +3328,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class BizyMenuTitleComponent {
+    id = `bizy-menu-title-${Math.random()}`;
     customClass = '';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyMenuTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BizyMenuTitleComponent, isStandalone: true, selector: "bizy-menu-title", inputs: { customClass: "customClass" }, ngImport: i0, template: "<span class=\"bizy-menu-title {{customClass}}\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{font-size:1rem}.bizy-menu-title{background-color:var(--bizy-menu-title-background-color);color:var(--bizy-menu-title-color);padding:.5rem;cursor:default;text-decoration:underline .1rem var(--bizy-menu-title-underline-color);text-underline-offset:.3rem;display:flex;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BizyMenuTitleComponent, isStandalone: true, selector: "bizy-menu-title", inputs: { id: "id", customClass: "customClass" }, host: { properties: { "id": "id", "class": "customClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-size:1rem;background-color:var(--bizy-menu-title-background-color);color:var(--bizy-menu-title-color);padding:.5rem;cursor:default;text-decoration:var(--bizy-menu-title-text-decoration);text-underline-offset:.3rem;display:flex;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyMenuTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-menu-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"bizy-menu-title {{customClass}}\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{font-size:1rem}.bizy-menu-title{background-color:var(--bizy-menu-title-background-color);color:var(--bizy-menu-title-color);padding:.5rem;cursor:default;text-decoration:underline .1rem var(--bizy-menu-title-underline-color);text-underline-offset:.3rem;display:flex;align-items:center}\n"] }]
-        }], propDecorators: { customClass: [{
+            args: [{ selector: 'bizy-menu-title', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[id]': 'id',
+                        '[class]': 'customClass'
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{font-size:1rem;background-color:var(--bizy-menu-title-background-color);color:var(--bizy-menu-title-color);padding:.5rem;cursor:default;text-decoration:var(--bizy-menu-title-text-decoration);text-underline-offset:.3rem;display:flex;align-items:center}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], customClass: [{
                 type: Input
             }] } });
 
@@ -7617,43 +7623,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class BizyLongPressDirective {
-    elementRef;
+    #elementRef = inject(ElementRef);
     threshold = 500;
-    press = new EventEmitter();
+    bizyLongPress = new EventEmitter();
     #event;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        const mousedown = fromEvent(this.elementRef.nativeElement, 'mousedown').pipe(filter$1((event) => event.button == 0), // Only allow left button (Primary button)
+    constructor() {
+        const mousedown = fromEvent(this.#elementRef.nativeElement, 'mousedown').pipe(filter$1((event) => event.button == 0), // Only allow left button (Primary button)
         map(() => true) // turn on threshold counter
         );
-        const touchstart = fromEvent(this.elementRef.nativeElement, 'touchstart').pipe(map(() => true));
-        const touchEnd = fromEvent(this.elementRef.nativeElement, 'touchend').pipe(map(() => false));
+        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$1((event) => event.button == 0), // Only allow left button (Primary button)
         map(() => false) // reset threshold counter
         );
         this.#event = merge(mousedown, mouseup, touchstart, touchEnd)
             .pipe(switchMap(state => (state ? timer(this.threshold, 100) : of(null))), filter$1(value => Boolean(value)))
-            .subscribe(() => this.press.emit());
+            .subscribe(() => this.bizyLongPress.emit());
     }
     ngOnDestroy() {
         if (this.#event) {
             this.#event.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyLongPressDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: BizyLongPressDirective, isStandalone: true, selector: "[bizyLongPress]", inputs: { threshold: "threshold" }, outputs: { press: "press" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyLongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: BizyLongPressDirective, isStandalone: true, selector: "[bizyLongPress]", inputs: { threshold: "threshold" }, outputs: { bizyLongPress: "bizyLongPress" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BizyLongPressDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizyLongPress]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
-                    type: Inject,
-                    args: [ElementRef]
-                }] }], propDecorators: { threshold: [{
+        }], ctorParameters: () => [], propDecorators: { threshold: [{
                 type: Input
-            }], press: [{
+            }], bizyLongPress: [{
                 type: Output
             }] } });