@eric-emg/symphiq-components 1.2.114 → 1.2.116

package/fesm2022/symphiq-components.mjs

@@ -53833,6 +53833,58 @@ class SymphiqBusinessAnalysisDashboardComponent {
         this.searchService = inject(BusinessProfileSearchService);
         this.modalService = inject(ModalService);
         this.currentProfile = signal(undefined, ...(ngDevMode ? [{ debugName: "currentProfile" }] : []));
+        this.COLLAPSE_THRESHOLD = 20;
+        this.EXPAND_THRESHOLD = 10;
+        this.embeddedScrollEffect = effect(() => {
+            const scrollEvent = this.scrollEvent();
+            const isEmbedded = this.embedded();
+            console.log('[BusinessDashboard] embeddedScrollEffect triggered', {
+                hasScrollEvent: !!scrollEvent,
+                isEmbedded,
+                scrollEventType: scrollEvent ? typeof scrollEvent : 'none'
+            });
+            if (!scrollEvent || !isEmbedded) {
+                console.log('[BusinessDashboard] Skipping - no scrollEvent or not embedded');
+                return;
+            }
+            const detail = scrollEvent.detail;
+            console.log('[BusinessDashboard] scrollEvent.detail', {
+                hasDetail: !!detail,
+                detail: detail
+            });
+            if (!detail) {
+                console.log('[BusinessDashboard] Skipping - no detail in scrollEvent');
+                return;
+            }
+            const scrollTop = detail.scrollTop || 0;
+            const currentState = this.headerScrollService.isScrolled();
+            console.log('[BusinessDashboard] Processing scroll', {
+                scrollTop,
+                currentState,
+                collapseThreshold: this.COLLAPSE_THRESHOLD,
+                expandThreshold: this.EXPAND_THRESHOLD,
+                shouldCollapse: !currentState && scrollTop > this.COLLAPSE_THRESHOLD,
+                shouldExpand: currentState && scrollTop < this.EXPAND_THRESHOLD
+            });
+            if (!currentState && scrollTop > this.COLLAPSE_THRESHOLD) {
+                console.log('[BusinessDashboard] Setting isScrolled to TRUE (collapsing header)');
+                this.headerScrollService.isScrolled.set(true);
+            }
+            else if (currentState && scrollTop < this.EXPAND_THRESHOLD) {
+                console.log('[BusinessDashboard] Setting isScrolled to FALSE (expanding header)');
+                this.headerScrollService.isScrolled.set(false);
+            }
+            const scrollElement = this.scrollElement();
+            if (scrollElement) {
+                const scrollHeight = scrollElement.scrollHeight || 0;
+                const clientHeight = scrollElement.clientHeight || 0;
+                const maxScroll = scrollHeight - clientHeight;
+                if (maxScroll > 0) {
+                    const progress = (scrollTop / maxScroll) * 100;
+                    this.headerScrollService.scrollProgress.set(Math.min(100, Math.max(0, progress)));
+                }
+            }
+        }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
         this.scrollProgress = computed(() => this.headerScrollService.scrollProgress(), ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.displayMode = signal(DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
@@ -54611,7 +54663,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 300 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 301 }); })();
 
 function DashboardHeaderComponent_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);