@eric-emg/symphiq-components 1.2.46 → 1.2.47

package/fesm2022/symphiq-components.mjs

@@ -21425,11 +21425,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         }, ...(ngDevMode ? [{ debugName: "chartsById" }] : []));
         // Pre-computed styling classes
         this.headerClass = computed(() => {
-            const scrolled = this.isScrolled();
-            const baseClass = scrolled
-                ? (this.isLightMode() ? 'bg-white/95 backdrop-blur-xl border-b border-slate-300 shadow-lg' : 'bg-slate-900/95 backdrop-blur-xl border-b border-slate-700 shadow-2xl')
-                : (this.isLightMode() ? 'bg-white/90 backdrop-blur-md border-b border-slate-200 shadow-sm' : 'bg-slate-900/80 backdrop-blur-md border-b border-slate-800 shadow-lg');
-            return `${baseClass} transition-all duration-300`;
+            return 'bg-transparent transition-all duration-300';
         }, ...(ngDevMode ? [{ debugName: "headerClass" }] : []));
         this.headerTitleClass = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "headerTitleClass" }] : []));
         this.headerSubtitleClass = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "headerSubtitleClass" }] : []));
@@ -21662,10 +21658,21 @@ class SymphiqFunnelAnalysisDashboardComponent {
                                 // Store reference for tooltips and programmatic scrolling
                                 this.embeddedScrollContainer = scrollElement;
                                 this.tooltipService.setScrollContainer(scrollElement);
-                                // v6 - Only attach scroll event listeners, no initial state setting
+                                // v6 - Attach scroll event listeners
                                 scrollElement.addEventListener('scroll', () => this.onContainerScroll(scrollElement), { passive: true });
                                 ionContent.addEventListener('ionScroll', () => this.onContainerScroll(scrollElement), { passive: true });
-                                console.log('[SCROLL v6] Event listeners attached - header responsive to scroll');
+                                // Add polling as fallback since Ionic scroll events can be unreliable
+                                let lastScrollTop = 0;
+                                const pollScroll = () => {
+                                    const currentScrollTop = scrollElement.scrollTop;
+                                    if (currentScrollTop !== lastScrollTop) {
+                                        lastScrollTop = currentScrollTop;
+                                        this.onContainerScroll(scrollElement);
+                                    }
+                                    requestAnimationFrame(pollScroll);
+                                };
+                                requestAnimationFrame(pollScroll);
+                                console.log('[SCROLL v6] Event listeners and polling attached');
                             }).catch((error) => {
                                 console.error('[SCROLL v6] Error getting Ionic scroll element:', error);
                             });