@eric-emg/symphiq-components 1.2.64 → 1.2.66

package/fesm2022/symphiq-components.mjs

@@ -11127,11 +11127,19 @@ class TooltipContainerComponent {
             const tooltipWidth = 384;
             const padding = 10;
             const bounds = this.viewportBounds();
-            // Calculate effective viewport width
-            const effectiveLeft = bounds?.left ?? 0;
+            // Calculate effective viewport width - use actual window edges
+            const effectiveLeft = 0;
             const effectiveRight = bounds?.right ?? window.innerWidth;
+            console.log('🎯 [shouldCenter calculation]', {
+                position,
+                effectiveLeft,
+                effectiveRight,
+                'rect.left': rect.left,
+                'rect.width': rect.width
+            });
             // For 'auto' positioning, always center horizontally
             if (position === 'auto') {
+                console.log('✅ [shouldCenter] auto = true');
                 return true;
             }
             if (position === 'top' || position === 'bottom') {
@@ -11139,8 +11147,17 @@ class TooltipContainerComponent {
                 const halfWidth = tooltipWidth / 2;
                 const wouldGoOffLeft = centerPosition - halfWidth < effectiveLeft + padding;
                 const wouldGoOffRight = centerPosition + halfWidth > effectiveRight - padding;
-                return !wouldGoOffLeft && !wouldGoOffRight;
+                const result = !wouldGoOffLeft && !wouldGoOffRight;
+                console.log('🎯 [shouldCenter] top/bottom', {
+                    centerPosition,
+                    halfWidth,
+                    wouldGoOffLeft,
+                    wouldGoOffRight,
+                    result
+                });
+                return result;
             }
+            console.log('❌ [shouldCenter] other position = false');
             return false;
         }, ...(ngDevMode ? [{ debugName: "shouldCenter" }] : []));
         this.containerClass = computed(() => {