@eric-emg/symphiq-components 1.2.100 → 1.2.101

package/fesm2022/symphiq-components.mjs

@@ -24966,6 +24966,7 @@ class FloatingTocComponent {
             this.setupIntersectionObserver();
             this.calculateContainerOffset();
             this.setupResizeListener();
+            this.setupScrollListener();
         }
     }
     ngOnDestroy() {
@@ -24975,6 +24976,9 @@ class FloatingTocComponent {
         if (this.resizeListener && typeof window !== 'undefined') {
             window.removeEventListener('resize', this.resizeListener);
         }
+        if (this.scrollListener && typeof window !== 'undefined') {
+            window.removeEventListener('scroll', this.scrollListener, true);
+        }
     }
     setupIntersectionObserver() {
         this.observer = new IntersectionObserver((entries) => {
@@ -25070,11 +25074,19 @@ class FloatingTocComponent {
         };
         window.addEventListener('resize', this.resizeListener);
     }
+    setupScrollListener() {
+        this.scrollListener = () => {
+            this.calculateContainerOffset();
+        };
+        window.addEventListener('scroll', this.scrollListener, { passive: true });
+    }
     calculateContainerOffset() {
         if (this.embedded && this.containerElement) {
             const rect = this.containerElement.getBoundingClientRect();
-            const offset = rect.top + window.scrollY;
-            this.containerTopOffset.set(offset);
+            const stickyHeader = document.querySelector('header');
+            const headerHeight = stickyHeader ? stickyHeader.getBoundingClientRect().height : 0;
+            const viewportOffset = Math.max(0, rect.top);
+            this.containerTopOffset.set(viewportOffset + headerHeight);
         }
         else {
             this.containerTopOffset.set(0);
@@ -25082,7 +25094,7 @@ class FloatingTocComponent {
     }
     getCalculatedTopPosition() {
         if (this.embedded && this.containerTopOffset() > 0) {
-            return this.BASE_OFFSET + this.containerTopOffset();
+            return this.containerTopOffset() + 16;
         }
         return this.BASE_OFFSET;
     }