@eric-emg/symphiq-components 1.2.494 → 1.2.495

package/fesm2022/symphiq-components.mjs

@@ -93421,7 +93421,9 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             const hasCurrency = this.hasBillingCurrency();
             const showPlans = this.showPlanSelection();
             const hasScrolled = untracked(() => this.hasScrolledToPlanSelection());
+            console.log('[ScrollToPlan] Effect triggered:', { hasCurrency, showPlans, hasScrolled });
             if (hasCurrency && showPlans && !hasScrolled) {
+                console.log('[ScrollToPlan] Conditions met, initiating scroll');
                 this.hasScrolledToPlanSelection.set(true);
                 this.scrollToPlanSelectionWithRetry();
             }
@@ -93747,22 +93749,55 @@ class SymphiqProfileShopAnalysisDashboardComponent {
     scrollToPlanSelectionWithRetry(attempts = 0) {
         const maxAttempts = 10;
         const container = this.planSelectionContainer?.nativeElement;
+        const scrollEl = this.scrollElement();
+        const isEmbedded = this.embedded();
+        console.log('[ScrollToPlan] Retry attempt:', attempts, {
+            containerFound: !!container,
+            isEmbedded,
+            hasScrollElement: !!scrollEl
+        });
         if (container) {
             const journeyIndicatorHeight = 180;
-            const headerOffset = this.embedded() ? 60 : 0;
+            const headerOffset = isEmbedded ? 60 : 0;
             const totalOffset = journeyIndicatorHeight + headerOffset;
-            const elementPosition = container.getBoundingClientRect().top;
-            const offsetPosition = elementPosition + window.scrollY - totalOffset;
-            window.scrollTo({
-                top: offsetPosition,
-                behavior: 'smooth'
-            });
+            if (isEmbedded && scrollEl) {
+                const containerRect = container.getBoundingClientRect();
+                const scrollElRect = scrollEl.getBoundingClientRect();
+                const relativeTop = containerRect.top - scrollElRect.top + scrollEl.scrollTop;
+                const offsetPosition = relativeTop - totalOffset;
+                console.log('[ScrollToPlan] Embedded scroll to position:', offsetPosition, {
+                    containerRectTop: containerRect.top,
+                    scrollElRectTop: scrollElRect.top,
+                    scrollElScrollTop: scrollEl.scrollTop,
+                    totalOffset
+                });
+                scrollEl.scrollTo({
+                    top: offsetPosition,
+                    behavior: 'smooth'
+                });
+            }
+            else {
+                const elementPosition = container.getBoundingClientRect().top;
+                const offsetPosition = elementPosition + window.scrollY - totalOffset;
+                console.log('[ScrollToPlan] Window scroll to position:', offsetPosition, {
+                    elementPosition,
+                    windowScrollY: window.scrollY,
+                    totalOffset
+                });
+                window.scrollTo({
+                    top: offsetPosition,
+                    behavior: 'smooth'
+                });
+            }
         }
         else if (attempts < maxAttempts) {
             setTimeout(() => {
                 this.scrollToPlanSelectionWithRetry(attempts + 1);
             }, 100);
         }
+        else {
+            console.log('[ScrollToPlan] Max attempts reached, container not found');
+        }
     }
     onWindowScroll() {
         this.headerScrollService.handleScroll(this.embedded());