@eric-emg/symphiq-components 1.2.114 → 1.2.115

package/fesm2022/symphiq-components.mjs

@@ -53833,6 +53833,37 @@ 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();
+            if (!scrollEvent || !isEmbedded) {
+                return;
+            }
+            const detail = scrollEvent.detail;
+            if (!detail) {
+                return;
+            }
+            const scrollTop = detail.scrollTop || 0;
+            const currentState = this.headerScrollService.isScrolled();
+            if (!currentState && scrollTop > this.COLLAPSE_THRESHOLD) {
+                this.headerScrollService.isScrolled.set(true);
+            }
+            else if (currentState && scrollTop < this.EXPAND_THRESHOLD) {
+                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 +54642,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);