@eric-emg/symphiq-components 1.2.54 → 1.2.56

package/fesm2022/symphiq-components.mjs

@@ -21602,6 +21602,19 @@ class SymphiqFunnelAnalysisDashboardComponent {
         effect(() => {
             this.searchService.setData(this.allMetrics(), this.insights(), this.allBreakdowns());
         });
+        // Set embedded scroll container when scrollElement input changes
+        effect(() => {
+            const scrollEl = this.scrollElement();
+            const isEmbedded = this.embedded();
+            if (isEmbedded && scrollEl) {
+                console.log('[SCROLL v7] Setting embeddedScrollContainer from input', {
+                    scrollHeight: scrollEl.scrollHeight,
+                    clientHeight: scrollEl.clientHeight
+                });
+                this.embeddedScrollContainer = scrollEl;
+                this.tooltipService.setScrollContainer(scrollEl);
+            }
+        });
         // Handle scroll events from parent - unified scroll event handler for ALL features
         effect(() => {
             const scrollEvent = this.scrollEvent();
@@ -21635,11 +21648,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
                 currentHeaderState: this.isScrolled(),
                 isProgrammaticScroll: this.isProgrammaticScroll
             });
-            // Skip during programmatic scrolling
-            if (this.isProgrammaticScroll) {
-                console.log('[SCROLL v7] Skipping - programmatic scroll in progress');
-                return;
-            }
             // Get the scrollable element once for all features
             // Priority 1: Use the scrollElement passed directly from parent (preferred method)
             // Priority 2: Fall back to querying by scrollContainerId (legacy method)
@@ -21680,24 +21688,31 @@ class SymphiqFunnelAnalysisDashboardComponent {
             // ========================================
             // FEATURE 1: Header Collapse/Expand
             // ========================================
-            const COLLAPSE_THRESHOLD = 20;
-            const EXPAND_THRESHOLD = 10;
-            const currentState = this.isScrolled();
-            if (!currentState && scrollTop > COLLAPSE_THRESHOLD) {
-                console.log('[SCROLL v7] ✓ COLLAPSING HEADER', { scrollTop, threshold: COLLAPSE_THRESHOLD });
-                this.isScrolled.set(true);
-            }
-            else if (currentState && scrollTop < EXPAND_THRESHOLD) {
-                console.log('[SCROLL v7] ✓ EXPANDING HEADER', { scrollTop, threshold: EXPAND_THRESHOLD });
-                this.isScrolled.set(false);
+            // Skip header state updates during programmatic scrolling (e.g., clicking navigation dots)
+            // but allow progress bar and navigation updates to continue
+            if (!this.isProgrammaticScroll) {
+                const COLLAPSE_THRESHOLD = 20;
+                const EXPAND_THRESHOLD = 10;
+                const currentState = this.isScrolled();
+                if (!currentState && scrollTop > COLLAPSE_THRESHOLD) {
+                    console.log('[SCROLL v7] ✓ COLLAPSING HEADER', { scrollTop, threshold: COLLAPSE_THRESHOLD });
+                    this.isScrolled.set(true);
+                }
+                else if (currentState && scrollTop < EXPAND_THRESHOLD) {
+                    console.log('[SCROLL v7] ✓ EXPANDING HEADER', { scrollTop, threshold: EXPAND_THRESHOLD });
+                    this.isScrolled.set(false);
+                }
+                else {
+                    console.log('[SCROLL v7] No header state change needed', {
+                        currentState: currentState ? 'collapsed' : 'expanded',
+                        scrollTop,
+                        collapseThreshold: COLLAPSE_THRESHOLD,
+                        expandThreshold: EXPAND_THRESHOLD
+                    });
+                }
             }
             else {
-                console.log('[SCROLL v7] No header state change needed', {
-                    currentState: currentState ? 'collapsed' : 'expanded',
-                    scrollTop,
-                    collapseThreshold: COLLAPSE_THRESHOLD,
-                    expandThreshold: EXPAND_THRESHOLD
-                });
+                console.log('[SCROLL v7] Skipping header state update - programmatic scroll in progress');
             }
             // ========================================
             // FEATURE 2: Progress Bar Calculation