dolfo-angular 1.230.0 → 1.231.0

package/fesm2022/dolfo-angular.mjs

@@ -429,7 +429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 class TooltipDirective extends Subscriptable {
     content;
     direction = "top";
-    el = inject(ElementRef);
+    el = inject((ElementRef));
     ts = inject(TooltipService);
     constructor() {
         super();
@@ -492,7 +492,7 @@ class InputContainerComponent {
         return null;
     }));
     input = inject(BaseFormInput);
-    elRef = inject(ElementRef);
+    elRef = inject((ElementRef));
     translateService = inject(TranslateService);
     cp = inject(DecimalPipe);
     focus = () => {
@@ -2210,14 +2210,14 @@ class ContextMenuDirective extends Subscriptable {
     useElRef;
     position = "bottom-left";
     contextMenuService = inject(ContextMenuService);
-    elRef = inject(ElementRef);
+    elRef = inject((ElementRef));
     ngOnInit() {
         this.addSubscription(fromEvent(this.elRef.nativeElement, this.openOnClick ? "click" : "contextmenu").subscribe(e => {
             e.preventDefault();
-            const [left, top] = this.getElRefPosition();
+            const [left, top] = this.useElRef ? this.getElRefPosition() : [e.clientX, e.clientY];
             this.contextMenuService.openContextMenu({
-                x: this.useElRef ? left : e.clientX,
-                y: this.useElRef ? top : e.clientY,
+                x: left,
+                y: top,
                 items: this.contextMenu,
                 ref: this.elRef,
                 position: this.position
@@ -2225,17 +2225,17 @@ class ContextMenuDirective extends Subscriptable {
         }));
     }
     getElRefPosition = () => {
-        const diff = this.elRef.nativeElement.offsetLeft + this.elRef.nativeElement.offsetWidth;
+        const { left, width, top, height } = this.elRef.nativeElement.getBoundingClientRect();
+        const diff = left + width;
         if (this.position.startsWith("bottom-")) {
-            const top = this.elRef.nativeElement.offsetTop + this.elRef.nativeElement.offsetHeight;
+            const posTop = top + height;
             if (this.position === "bottom-left")
-                return [this.elRef.nativeElement.offsetLeft, top];
-            return [diff, top];
+                return [left, posTop];
+            return [diff, posTop];
         }
-        const top = this.elRef.nativeElement.offsetTop;
         if (this.position === "top-right")
             return [diff, top];
-        return [this.elRef.nativeElement.offsetLeft, top];
+        return [left, top];
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContextMenuDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.0", type: ContextMenuDirective, isStandalone: false, selector: "[dolfoContextMenu]", inputs: { contextMenu: ["dolfoContextMenu", "contextMenu"], openOnClick: ["openOnClick", "openOnClick", booleanAttribute], useElRef: ["useElRef", "useElRef", booleanAttribute], position: "position" }, usesInheritance: true, ngImport: i0 });
@@ -2265,7 +2265,7 @@ class NavigateDirective extends Subscriptable {
     publicUrl = inject(APP_BASE_HREF);
     storeService = inject(StoreService);
     router = inject(Router);
-    elementRef = inject(ElementRef);
+    elementRef = inject((ElementRef));
     constructor() {
         super();
         this.isLink = this.elementRef.nativeElement.tagName.toLowerCase() === "a";
@@ -2307,7 +2307,7 @@ class PopoverDirective extends Subscriptable {
     content;
     context;
     direction = "top";
-    el = inject(ElementRef);
+    el = inject((ElementRef));
     ps = inject(PopoverService);
     ngOnInit() {
         this.addSubscription(fromEvent(this.el.nativeElement, "mousedown").pipe(filter(() => !!this.ps.getPopover())).subscribe(() => this.ps.hide()));
@@ -2344,7 +2344,7 @@ class ScrollDragDirective extends Subscriptable {
     mouseDownY;
     initialScrollY = 0;
     diffY = 0;
-    elementRef = inject(ElementRef);
+    elementRef = inject((ElementRef));
     constructor() {
         super();
         this.addSubscription(fromEvent(this.elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 0)).subscribe(e => {