valtech-components 2.0.539 → 2.0.541

package/fesm2022/valtech-components.mjs

@@ -28873,6 +28873,16 @@ class AuthService {
             .post(`${this.baseUrl}/reset-password`, request)
             .pipe(catchError(error => this.handleAuthError(error)));
     }
+    /**
+     * Cambia la contraseña del usuario autenticado.
+     * Requiere la contraseña actual para verificación.
+     */
+    changePassword(currentPassword, newPassword) {
+        const request = { currentPassword, newPassword };
+        return this.http
+            .post(`${this.baseUrl}/change-password`, request)
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
     // =============================================
     // PERMISOS
     // =============================================
@@ -32814,6 +32824,7 @@ class DocsTocComponent {
         this.headingElements = [];
         this.scrollHandler = null;
         this.rafId = null;
+        this.scrollContainer = null;
     }
     ngOnInit() {
         this.updateFlatItems();
@@ -32901,8 +32912,12 @@ class DocsTocComponent {
         this.headingElements = items
             .map(item => document.getElementById(item.id))
             .filter((el) => el !== null);
-        if (this.headingElements.length === 0)
+        if (this.headingElements.length === 0) {
+            console.warn('[docs-toc] No heading elements found for IDs:', items.map(i => i.id));
             return;
+        }
+        // Find the scroll container - check for ion-content first, then use window
+        this.scrollContainer = this.findScrollContainer();
         // Set initial active item
         this.updateActiveHeading();
         // Use scroll event with requestAnimationFrame for performance
@@ -32915,23 +32930,40 @@ class DocsTocComponent {
                     this.updateActiveHeading();
                 });
             };
+            // Listen on both window and the scroll container for maximum compatibility
             window.addEventListener('scroll', this.scrollHandler, { passive: true });
+            document.addEventListener('scroll', this.scrollHandler, { passive: true, capture: true });
+            // Also listen on ion-content if present
+            const ionContent = document.querySelector('ion-content');
+            if (ionContent) {
+                ionContent.addEventListener('ionScroll', this.scrollHandler, { passive: true });
+            }
         });
     }
+    findScrollContainer() {
+        // Check for ion-content's scroll element
+        const ionContent = document.querySelector('ion-content');
+        if (ionContent) {
+            // ion-content has a shadow DOM with the actual scrollable element
+            const scrollEl = ionContent.shadowRoot?.querySelector('.inner-scroll');
+            if (scrollEl)
+                return scrollEl;
+        }
+        return window;
+    }
     updateActiveHeading() {
         const offsetTop = this.props.offsetTop ?? 100;
-        const scrollY = window.scrollY;
-        // Find the heading that is currently at or above the offset point
+        // Find the heading closest to or above the trigger point (offset from top of viewport)
+        // Using getBoundingClientRect().top which is relative to viewport - works regardless of scroll container
         let activeHeading = null;
         for (const heading of this.headingElements) {
             const rect = heading.getBoundingClientRect();
-            const headingTop = rect.top + scrollY;
-            // If heading is at or above the trigger point (scrollY + offset)
-            if (headingTop <= scrollY + offsetTop + 10) {
+            // If heading's top is at or above the trigger point (offset pixels from viewport top)
+            if (rect.top <= offsetTop + 10) {
                 activeHeading = heading;
             }
             else {
-                // Headings are in order, so we can stop once we find one below
+                // Since headings are in DOM order, stop once we find one below the trigger
                 break;
             }
         }
@@ -32949,6 +32981,11 @@ class DocsTocComponent {
     destroyScrollSpy() {
         if (this.scrollHandler) {
             window.removeEventListener('scroll', this.scrollHandler);
+            document.removeEventListener('scroll', this.scrollHandler, { capture: true });
+            const ionContent = document.querySelector('ion-content');
+            if (ionContent) {
+                ionContent.removeEventListener('ionScroll', this.scrollHandler);
+            }
             this.scrollHandler = null;
         }
         if (this.rafId) {
@@ -32956,6 +32993,7 @@ class DocsTocComponent {
             this.rafId = null;
         }
         this.headingElements = [];
+        this.scrollContainer = null;
     }
     scrollToSection(event, id) {
         event.preventDefault();
@@ -32963,11 +33001,22 @@ class DocsTocComponent {
         if (!element)
             return;
         const offsetTop = this.props.offsetTop ?? 100;
-        const top = element.getBoundingClientRect().top + window.scrollY - offsetTop;
-        window.scrollTo({
-            top,
-            behavior: 'smooth',
-        });
+        // Use scrollIntoView with offset calculation for better cross-container support
+        const elementRect = element.getBoundingClientRect();
+        const currentScrollY = window.scrollY || document.documentElement.scrollTop;
+        const targetY = elementRect.top + currentScrollY - offsetTop;
+        // Try ion-content scrollToPoint first (for Ionic apps)
+        const ionContent = document.querySelector('ion-content');
+        if (ionContent && typeof ionContent.scrollToPoint === 'function') {
+            ionContent.scrollToPoint(0, targetY, 300);
+        }
+        else {
+            // Fallback to window scroll
+            window.scrollTo({
+                top: targetY,
+                behavior: 'smooth',
+            });
+        }
         // Update active immediately for better UX
         this.activeId.set(id);
         // Update URL hash without jumping