minahil 0.1.20 → 0.1.21

package/fesm2022/minahil.mjs

@@ -2413,7 +2413,7 @@ class BKTooltipDirective {
             return !this.tooltipContent.trim();
         }
         else if (Array.isArray(this.tooltipContent)) {
-            return this.tooltipContent.length === 0 || this.tooltipContent.every(line => !line.trim());
+            return this.tooltipContent.length === 0 || this.tooltipContent.every((line) => !line.trim());
         }
         return true;
     }
@@ -2423,7 +2423,9 @@ class BKTooltipDirective {
         this.tooltipElement = this.renderer.createElement('div');
         this.renderer.addClass(this.tooltipElement, 'bk-tooltip-content');
         // Add content
-        const contentLines = Array.isArray(this.tooltipContent) ? this.tooltipContent : [this.tooltipContent];
+        const contentLines = Array.isArray(this.tooltipContent)
+            ? this.tooltipContent
+            : [this.tooltipContent];
         contentLines.forEach((line) => {
             const div = this.renderer.createElement('div');
             this.renderer.addClass(div, 'text');
@@ -2457,37 +2459,38 @@ class BKTooltipDirective {
             return;
         const hostRect = this.el.nativeElement.getBoundingClientRect();
         const tooltipRect = this.tooltipElement.getBoundingClientRect();
-        const scrollTop = window.scrollY || document.documentElement.scrollTop;
-        const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
         const triangle = this.tooltipElement.querySelector('.bk-tooltip-triangle');
         const padding = 10;
         let top = 0, left = 0;
-        // Position logic
+        // Position logic — using viewport-relative coords (getBoundingClientRect)
+        // since the tooltip uses position: fixed (no scroll offset needed)
         switch (this.tooltipPosition) {
             case 'right':
             case 'left':
-                top = hostRect.top + scrollTop + hostRect.height / 2;
-                left = this.tooltipPosition === 'right'
-                    ? hostRect.right + scrollLeft + padding
-                    : hostRect.left + scrollLeft - tooltipRect.width - padding;
+                top = hostRect.top + hostRect.height / 2;
+                left =
+                    this.tooltipPosition === 'right'
+                        ? hostRect.right + padding
+                        : hostRect.left - tooltipRect.width - padding;
                 // Auto flip if out of viewport
                 if (this.tooltipPosition === 'right' && left + tooltipRect.width > window.innerWidth) {
-                    left = hostRect.left + scrollLeft - tooltipRect.width - padding;
+                    left = hostRect.left - tooltipRect.width - padding;
                 }
                 else if (this.tooltipPosition === 'left' && left < 0) {
-                    left = hostRect.right + scrollLeft + padding;
+                    left = hostRect.right + padding;
                 }
                 this.setStyle(this.tooltipElement, {
                     transform: 'translateY(-50%)',
                 });
-                this.setTriangleStyles(triangle, this.tooltipPosition, left < hostRect.left + scrollLeft);
+                this.setTriangleStyles(triangle, this.tooltipPosition, left < hostRect.left);
                 break;
             case 'top':
             case 'bottom':
-                left = hostRect.left + scrollLeft + hostRect.width / 2 - tooltipRect.width / 2;
-                top = this.tooltipPosition === 'top'
-                    ? hostRect.top + scrollTop - tooltipRect.height - padding
-                    : hostRect.bottom + scrollTop + padding;
+                left = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
+                top =
+                    this.tooltipPosition === 'top'
+                        ? hostRect.top - tooltipRect.height - padding
+                        : hostRect.bottom + padding;
                 // Prevent overflow
                 left = Math.max(10, Math.min(left, window.innerWidth - tooltipRect.width - 10));
                 this.setStyle(this.tooltipElement, {
@@ -2516,13 +2519,33 @@ class BKTooltipDirective {
         switch (position) {
             case 'right':
                 styles = flipped
-                    ? { left: '100%', top: '50%', transform: 'translateY(-50%) translateX(0)', borderColor: 'transparent transparent transparent #1a1a1a' }
-                    : { left: '-15px', top: '50%', transform: 'translateY(-50%)', borderColor: 'transparent #1a1a1a transparent transparent' };
+                    ? {
+                        left: '100%',
+                        top: '50%',
+                        transform: 'translateY(-50%) translateX(0)',
+                        borderColor: 'transparent transparent transparent #1a1a1a',
+                    }
+                    : {
+                        left: '-15px',
+                        top: '50%',
+                        transform: 'translateY(-50%)',
+                        borderColor: 'transparent #1a1a1a transparent transparent',
+                    };
                 break;
             case 'left':
                 styles = flipped
-                    ? { left: '100%', top: '50%', transform: 'translateY(-50%) translateX(0)', borderColor: 'transparent transparent transparent #1a1a1a' }
-                    : { left: '-15px', top: '50%', transform: 'translateY(-50%)', borderColor: 'transparent #1a1a1a transparent transparent' };
+                    ? {
+                        left: '100%',
+                        top: '50%',
+                        transform: 'translateY(-50%) translateX(0)',
+                        borderColor: 'transparent transparent transparent #1a1a1a',
+                    }
+                    : {
+                        left: '-15px',
+                        top: '50%',
+                        transform: 'translateY(-50%)',
+                        borderColor: 'transparent #1a1a1a transparent transparent',
+                    };
                 break;
             case 'top':
                 styles = {