@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs

@@ -0,0 +1,459 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, ElementRef, NgZone, Renderer2, DestroyRef, viewChild, input, EventEmitter, signal, computed, effect, untracked, Output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Observable, debounceTime, tap, merge, fromEvent, filter, switchMap, map, distinctUntilChanged, takeUntil, finalize } from 'rxjs';
+import { Router, NavigationEnd } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class ScrollbarArea {
+    platformId = inject(PLATFORM_ID);
+    elRef = inject((ElementRef));
+    zone = inject(NgZone);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    router = inject(Router);
+    scrollableContentRef = viewChild.required('scrollableContent');
+    scrollTrackRef = viewChild.required('scrollTrack');
+    scrollThumbRef = viewChild.required('scrollThumb');
+    scrollTrackXRef = viewChild.required('scrollTrackX');
+    scrollThumbXRef = viewChild.required('scrollThumbX');
+    scrollbarWidth = input('8px', ...(ngDevMode ? [{ debugName: "scrollbarWidth" }] : /* istanbul ignore next */ []));
+    autoHide = input(true, ...(ngDevMode ? [{ debugName: "autoHide" }] : /* istanbul ignore next */ []));
+    absolute = input(true, ...(ngDevMode ? [{ debugName: "absolute" }] : /* istanbul ignore next */ []));
+    scrolled = new EventEmitter();
+    isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+    isHovering = signal(false, ...(ngDevMode ? [{ debugName: "isHovering" }] : /* istanbul ignore next */ []));
+    scrollTop = signal(0, ...(ngDevMode ? [{ debugName: "scrollTop" }] : /* istanbul ignore next */ []));
+    scrollLeft = signal(0, ...(ngDevMode ? [{ debugName: "scrollLeft" }] : /* istanbul ignore next */ []));
+    contentScrollHeight = signal(0, ...(ngDevMode ? [{ debugName: "contentScrollHeight" }] : /* istanbul ignore next */ []));
+    contentScrollWidth = signal(0, ...(ngDevMode ? [{ debugName: "contentScrollWidth" }] : /* istanbul ignore next */ []));
+    contentClientHeight = signal(0, ...(ngDevMode ? [{ debugName: "contentClientHeight" }] : /* istanbul ignore next */ []));
+    contentClientWidth = signal(0, ...(ngDevMode ? [{ debugName: "contentClientWidth" }] : /* istanbul ignore next */ []));
+    trackClientHeight = signal(0, ...(ngDevMode ? [{ debugName: "trackClientHeight" }] : /* istanbul ignore next */ []));
+    trackClientWidth = signal(0, ...(ngDevMode ? [{ debugName: "trackClientWidth" }] : /* istanbul ignore next */ []));
+    showDueToActivity = signal(false, ...(ngDevMode ? [{ debugName: "showDueToActivity" }] : /* istanbul ignore next */ []));
+    // Vertical axis
+    hasScrollY = computed(() => this.contentScrollHeight() > this.contentClientHeight() + 1, ...(ngDevMode ? [{ debugName: "hasScrollY" }] : /* istanbul ignore next */ []));
+    scrollRatioY = computed(() => this.hasScrollY() ? this.contentClientHeight() / this.contentScrollHeight() : 1, ...(ngDevMode ? [{ debugName: "scrollRatioY" }] : /* istanbul ignore next */ []));
+    minThumbHeight = 20;
+    thumbHeight = computed(() => {
+        if (!this.hasScrollY())
+            return 0;
+        const trackHeight = this.trackClientHeight();
+        const ratio = this.scrollRatioY();
+        const calculated = trackHeight * ratio;
+        return Math.max(calculated, this.minThumbHeight);
+    }, ...(ngDevMode ? [{ debugName: "thumbHeight" }] : /* istanbul ignore next */ []));
+    maxScrollTop = computed(() => Math.max(0, this.contentScrollHeight() - this.contentClientHeight()), ...(ngDevMode ? [{ debugName: "maxScrollTop" }] : /* istanbul ignore next */ []));
+    maxThumbTop = computed(() => Math.max(0, this.trackClientHeight() - this.thumbHeight()), ...(ngDevMode ? [{ debugName: "maxThumbTop" }] : /* istanbul ignore next */ []));
+    thumbTop = computed(() => {
+        if (!this.hasScrollY())
+            return 0;
+        const maxScroll = this.maxScrollTop();
+        const currentScroll = this.scrollTop();
+        const maxThumb = this.maxThumbTop();
+        return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;
+    }, ...(ngDevMode ? [{ debugName: "thumbTop" }] : /* istanbul ignore next */ []));
+    // Horizontal axis
+    hasScrollX = computed(() => this.contentScrollWidth() > this.contentClientWidth() + 1, ...(ngDevMode ? [{ debugName: "hasScrollX" }] : /* istanbul ignore next */ []));
+    scrollRatioX = computed(() => this.hasScrollX() ? this.contentClientWidth() / this.contentScrollWidth() : 1, ...(ngDevMode ? [{ debugName: "scrollRatioX" }] : /* istanbul ignore next */ []));
+    minThumbWidth = 20;
+    thumbWidth = computed(() => {
+        if (!this.hasScrollX())
+            return 0;
+        const trackWidth = this.trackClientWidth();
+        const ratio = this.scrollRatioX();
+        const calculated = trackWidth * ratio;
+        return Math.max(calculated, this.minThumbWidth);
+    }, ...(ngDevMode ? [{ debugName: "thumbWidth" }] : /* istanbul ignore next */ []));
+    maxScrollLeft = computed(() => Math.max(0, this.contentScrollWidth() - this.contentClientWidth()), ...(ngDevMode ? [{ debugName: "maxScrollLeft" }] : /* istanbul ignore next */ []));
+    maxThumbLeft = computed(() => Math.max(0, this.trackClientWidth() - this.thumbWidth()), ...(ngDevMode ? [{ debugName: "maxThumbLeft" }] : /* istanbul ignore next */ []));
+    thumbLeft = computed(() => {
+        if (!this.hasScrollX())
+            return 0;
+        const maxScroll = this.maxScrollLeft();
+        const currentScroll = this.scrollLeft();
+        const maxThumb = this.maxThumbLeft();
+        return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;
+    }, ...(ngDevMode ? [{ debugName: "thumbLeft" }] : /* istanbul ignore next */ []));
+    hasAnyScroll = computed(() => this.hasScrollX() || this.hasScrollY(), ...(ngDevMode ? [{ debugName: "hasAnyScroll" }] : /* istanbul ignore next */ []));
+    isVisible = computed(() => {
+        if (!this.hasAnyScroll())
+            return false;
+        if (!this.autoHide())
+            return true;
+        return this.isHovering() || this.isDragging() || this.showDueToActivity();
+    }, ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
+    isInteractive = computed(() => this.isHovering() || this.isDragging(), ...(ngDevMode ? [{ debugName: "isInteractive" }] : /* istanbul ignore next */ []));
+    isInitialized = signal(false, ...(ngDevMode ? [{ debugName: "isInitialized" }] : /* istanbul ignore next */ []));
+    eventsSubscription = null;
+    observersSubscription = null;
+    hideTimeout = null;
+    constructor() {
+        effect(() => {
+            this.scrollableContentRef();
+            this.scrollTrackRef();
+            this.scrollThumbRef();
+            this.scrollTrackXRef();
+            this.scrollThumbXRef();
+            if (isPlatformBrowser(this.platformId) && !this.isInitialized()) {
+                this.initializeComponentLogic();
+                this.isInitialized.set(true);
+            }
+        });
+        this.setupStyleEffects();
+        this.destroyRef.onDestroy(() => this.cleanup());
+    }
+    initializeComponentLogic() {
+        this.updateDimensions();
+        this.setupObservers();
+        this.setupEventStreams();
+        this.setupRouteChanges();
+    }
+    raf(cb) {
+        // Use requestAnimationFrame in the browser, fallback to setTimeout on SSR
+        if (typeof requestAnimationFrame !== 'undefined') {
+            requestAnimationFrame(() => cb());
+        }
+        else {
+            setTimeout(() => cb(), 0);
+        }
+    }
+    setupStyleEffects() {
+        // Vertical thickness (width) and horizontal thickness (height)
+        effect(() => {
+            const thickness = this.scrollbarWidth();
+            const trackY = this.scrollTrackRef().nativeElement;
+            const thumbY = this.scrollThumbRef().nativeElement;
+            const trackX = this.scrollTrackXRef().nativeElement;
+            const thumbX = this.scrollThumbXRef().nativeElement;
+            untracked(() => {
+                // Vertical scrollbar: width is thickness
+                this.renderer.setStyle(trackY, 'width', thickness);
+                this.renderer.setStyle(thumbY, 'width', thickness);
+                // Horizontal scrollbar: height is thickness
+                this.renderer.setStyle(trackX, 'height', thickness);
+                this.renderer.setStyle(thumbX, 'height', thickness);
+            });
+        });
+        // Vertical thumb height
+        effect(() => {
+            const height = this.thumbHeight();
+            const thumbElement = this.scrollThumbRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(thumbElement, 'height', `${height}px`);
+            });
+        });
+        // Vertical thumb position
+        effect(() => {
+            const top = this.thumbTop();
+            const thumbElement = this.scrollThumbRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(thumbElement, 'transform', `translateY(${top}px)`);
+            });
+        });
+        // Horizontal thumb width
+        effect(() => {
+            const width = this.thumbWidth();
+            const thumbElementX = this.scrollThumbXRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(thumbElementX, 'width', `${width}px`);
+            });
+        });
+        // Horizontal thumb position
+        effect(() => {
+            const left = this.thumbLeft();
+            const thumbElementX = this.scrollThumbXRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);
+            });
+        });
+        // Toggle track visibility per axis based on content
+        effect(() => {
+            const hasY = this.hasScrollY();
+            const trackY = this.scrollTrackRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(trackY, 'display', hasY ? 'block' : 'none');
+            });
+        });
+        effect(() => {
+            const hasX = this.hasScrollX();
+            const trackX = this.scrollTrackXRef().nativeElement;
+            untracked(() => {
+                this.renderer.setStyle(trackX, 'display', hasX ? 'block' : 'none');
+            });
+        });
+        // When scrollability toggles, recompute dimensions after tracks are laid out
+        effect(() => {
+            // depend on both so we run when either axis scrollability changes
+            const _hasY = this.hasScrollY();
+            const _hasX = this.hasScrollX();
+            untracked(() => {
+                // Wait for style changes (display:block/none) to apply, then measure
+                this.raf(() => {
+                    this.zone.run(() => this.updateDimensions());
+                });
+            });
+        });
+    }
+    setupObservers() {
+        const scrollableElement = this.scrollableContentRef().nativeElement;
+        const hostElement = this.elRef.nativeElement;
+        // Helper to observe all element nodes within a subtree with ResizeObserver
+        const observeSubtree = (ro, root) => {
+            ro.observe(root);
+            // Observe all current descendants as well to catch size changes that don't bubble to the container
+            const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
+            let node = walker.currentNode;
+            while (node) {
+                ro.observe(node);
+                node = walker.nextNode();
+            }
+        };
+        const resize$ = new Observable(observer => {
+            const resizeObserver = new ResizeObserver(entries => this.zone.run(() => observer.next(entries)));
+            // Observe host (tracks may affect layout) and the entire subtree of scrollable content
+            observeSubtree(resizeObserver, scrollableElement);
+            resizeObserver.observe(hostElement);
+            return () => resizeObserver.disconnect();
+        }).pipe(debounceTime(50));
+        const mutation$ = new Observable(observer => {
+            const mutationObserver = new MutationObserver(mutations => this.zone.run(() => observer.next(mutations)));
+            // Watch for any DOM changes that can affect layout including attribute/class/style changes
+            mutationObserver.observe(scrollableElement, { childList: true, subtree: true, characterData: true, attributes: true });
+            return () => mutationObserver.disconnect();
+        }).pipe(tap(mutations => {
+            // If nodes were added to the subtree, start observing them for size changes as well
+            // We run outside Angular to avoid triggering change detection per node
+            this.zone.runOutsideAngular(() => {
+                // Create a temporary RO reference by reusing the one from resize$ is not trivial here,
+                // but we can trigger a dimension update directly which is enough for many cases.
+                // The resize observer above already observes the whole subtree at setup time.
+                // For dynamically added nodes, re-run a subtree observation by creating a one-shot RO.
+                const newlyAdded = [];
+                for (const m of mutations) {
+                    if (m.type === 'childList') {
+                        m.addedNodes.forEach(n => { if (n.nodeType === Node.ELEMENT_NODE)
+                            newlyAdded.push(n); });
+                    }
+                }
+                if (newlyAdded.length) {
+                    try {
+                        const ro = new ResizeObserver(() => { });
+                        newlyAdded.forEach(el => observeSubtree(ro, el));
+                        // Disconnect immediately; observing once is enough for triggering initial measure via update below
+                        ro.disconnect();
+                    }
+                    catch { }
+                }
+            });
+        }), debounceTime(50));
+        this.observersSubscription = merge(resize$, mutation$)
+            .subscribe(() => {
+            // Use rAF to ensure layout is settled before measuring
+            this.raf(() => this.zone.run(() => this.updateDimensions()));
+        });
+    }
+    setupEventStreams() {
+        const scrollableElement = this.scrollableContentRef().nativeElement;
+        const hostElement = this.elRef.nativeElement;
+        const thumbElementY = this.scrollThumbRef().nativeElement;
+        const thumbElementX = this.scrollThumbXRef().nativeElement;
+        const scroll$ = fromEvent(scrollableElement, 'scroll', { passive: true }).pipe(tap((event) => {
+            this.zone.run(() => {
+                this.scrollTop.set(scrollableElement.scrollTop);
+                this.scrollLeft.set(scrollableElement.scrollLeft);
+                this.scrolled.emit(event);
+            });
+            // Imperative sync to ensure thumbs move with content during scroll
+            this.zone.runOutsideAngular(() => {
+                this.raf(() => {
+                    const top = untracked(this.thumbTop);
+                    const left = untracked(this.thumbLeft);
+                    this.renderer.setStyle(thumbElementY, 'transform', `translateY(${top}px)`);
+                    this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);
+                });
+            });
+        }), filter(() => this.autoHide()), tap(() => this.zone.run(() => this.showDueToActivity.set(true))), debounceTime(1500), tap(() => {
+            untracked(() => {
+                if (!this.isHovering() && !this.isDragging()) {
+                    this.zone.run(() => this.showDueToActivity.set(false));
+                }
+            });
+        }));
+        const hostEnter$ = fromEvent(hostElement, 'mouseenter').pipe(tap(() => this.zone.run(() => {
+            this.isHovering.set(true);
+            if (untracked(this.autoHide))
+                this.showDueToActivity.set(true);
+        })));
+        const hostLeave$ = fromEvent(hostElement, 'mouseleave').pipe(tap(() => this.zone.run(() => {
+            this.isHovering.set(false);
+            if (untracked(this.autoHide) && !untracked(this.isDragging)) {
+                this.scheduleHide();
+            }
+        })));
+        const thumbMouseDownY$ = fromEvent(thumbElementY, 'mousedown');
+        const thumbMouseDownX$ = fromEvent(thumbElementX, 'mousedown');
+        const mouseMove$ = fromEvent(document, 'mousemove');
+        const mouseUp$ = fromEvent(document, 'mouseup');
+        const thumbDragY$ = thumbMouseDownY$.pipe(tap(event => {
+            event.preventDefault();
+            event.stopPropagation();
+        }), switchMap(startEvent => {
+            const startY = startEvent.clientY;
+            const startScrollTop = scrollableElement.scrollTop;
+            const initialTrackHeight = untracked(() => this.trackClientHeight());
+            const initialContentHeight = untracked(() => this.contentScrollHeight());
+            this.zone.run(() => this.isDragging.set(true));
+            return mouseMove$.pipe(map(moveEvent => {
+                moveEvent.preventDefault();
+                const deltaY = moveEvent.clientY - startY;
+                const scrollDelta = initialTrackHeight > 0
+                    ? (deltaY / initialTrackHeight) * initialContentHeight
+                    : 0;
+                return startScrollTop + scrollDelta;
+            }), distinctUntilChanged(), tap(newScrollTop => {
+                this.renderer.setProperty(scrollableElement, 'scrollTop', newScrollTop);
+            }), takeUntil(mouseUp$), finalize(() => {
+                this.zone.run(() => {
+                    this.isDragging.set(false);
+                    untracked(() => {
+                        if (this.autoHide() && !this.isHovering()) {
+                            this.scheduleHide();
+                        }
+                    });
+                });
+            }));
+        }));
+        const thumbDragX$ = thumbMouseDownX$.pipe(tap(event => {
+            event.preventDefault();
+            event.stopPropagation();
+        }), switchMap(startEvent => {
+            const startX = startEvent.clientX;
+            const startScrollLeft = scrollableElement.scrollLeft;
+            const initialTrackWidth = untracked(() => this.trackClientWidth());
+            const initialContentWidth = untracked(() => this.contentScrollWidth());
+            this.zone.run(() => this.isDragging.set(true));
+            return mouseMove$.pipe(map(moveEvent => {
+                moveEvent.preventDefault();
+                const deltaX = moveEvent.clientX - startX;
+                const scrollDelta = initialTrackWidth > 0
+                    ? (deltaX / initialTrackWidth) * initialContentWidth
+                    : 0;
+                return startScrollLeft + scrollDelta;
+            }), distinctUntilChanged(), tap(newScrollLeft => {
+                this.renderer.setProperty(scrollableElement, 'scrollLeft', newScrollLeft);
+            }), takeUntil(mouseUp$), finalize(() => {
+                this.zone.run(() => {
+                    this.isDragging.set(false);
+                    untracked(() => {
+                        if (this.autoHide() && !this.isHovering()) {
+                            this.scheduleHide();
+                        }
+                    });
+                });
+            }));
+        }));
+        this.zone.runOutsideAngular(() => {
+            this.eventsSubscription = merge(scroll$, hostEnter$, hostLeave$, thumbDragY$, thumbDragX$).subscribe();
+        });
+    }
+    scheduleHide() {
+        this.clearHideTimeout();
+        this.zone.runOutsideAngular(() => {
+            this.hideTimeout = setTimeout(() => {
+                untracked(() => {
+                    if (!this.isHovering() && !this.isDragging()) {
+                        this.zone.run(() => this.showDueToActivity.set(false));
+                    }
+                });
+                this.hideTimeout = null;
+            }, 100);
+        });
+    }
+    clearHideTimeout() {
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    updateDimensions() {
+        const scrollableElement = this.scrollableContentRef().nativeElement;
+        const trackElementY = this.scrollTrackRef().nativeElement;
+        const trackElementX = this.scrollTrackXRef().nativeElement;
+        if (scrollableElement && trackElementY && trackElementX) {
+            // Vertical metrics
+            const newScrollHeight = scrollableElement.scrollHeight;
+            const newClientHeight = scrollableElement.clientHeight;
+            const newTrackHeight = trackElementY.clientHeight;
+            const newScrollTop = scrollableElement.scrollTop;
+            this.contentScrollHeight.set(newScrollHeight);
+            this.contentClientHeight.set(newClientHeight);
+            this.trackClientHeight.set(newTrackHeight);
+            if (this.scrollTop() !== newScrollTop) {
+                this.scrollTop.set(newScrollTop);
+            }
+            // Horizontal metrics
+            const newScrollWidth = scrollableElement.scrollWidth;
+            const newClientWidth = scrollableElement.clientWidth;
+            const newTrackWidth = trackElementX.clientWidth;
+            const newScrollLeft = scrollableElement.scrollLeft;
+            this.contentScrollWidth.set(newScrollWidth);
+            this.contentClientWidth.set(newClientWidth);
+            this.trackClientWidth.set(newTrackWidth);
+            if (this.scrollLeft() !== newScrollLeft) {
+                this.scrollLeft.set(newScrollLeft);
+            }
+        }
+        else {
+            this.contentScrollHeight.set(0);
+            this.contentClientHeight.set(0);
+            this.trackClientHeight.set(0);
+            this.scrollTop.set(0);
+            this.contentScrollWidth.set(0);
+            this.contentClientWidth.set(0);
+            this.trackClientWidth.set(0);
+            this.scrollLeft.set(0);
+        }
+    }
+    cleanup() {
+        this.clearHideTimeout();
+        if (this.eventsSubscription) {
+            this.eventsSubscription.unsubscribe();
+            this.eventsSubscription = null;
+        }
+        if (this.observersSubscription) {
+            this.observersSubscription.unsubscribe();
+            this.observersSubscription = null;
+        }
+    }
+    setupRouteChanges() {
+        this.router.events
+            .pipe(filter(event => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.raf(() => {
+                this.updateDimensions();
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollbarArea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: ScrollbarArea, isStandalone: true, selector: "ngs-scrollbar-area", inputs: { scrollbarWidth: { classPropertyName: "scrollbarWidth", publicName: "scrollbarWidth", isSignal: true, isRequired: false, transformFunction: null }, autoHide: { classPropertyName: "autoHide", publicName: "autoHide", isSignal: true, isRequired: false, transformFunction: null }, absolute: { classPropertyName: "absolute", publicName: "absolute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scrolled: "scrolled" }, host: { properties: { "class.scrollbar-visible": "isVisible()", "class.scrollbar-interactive": "isInteractive()", "class.is-absolute": "absolute()" }, classAttribute: "ngs-scrollbar-area" }, viewQueries: [{ propertyName: "scrollableContentRef", first: true, predicate: ["scrollableContent"], descendants: true, isSignal: true }, { propertyName: "scrollTrackRef", first: true, predicate: ["scrollTrack"], descendants: true, isSignal: true }, { propertyName: "scrollThumbRef", first: true, predicate: ["scrollThumb"], descendants: true, isSignal: true }, { propertyName: "scrollTrackXRef", first: true, predicate: ["scrollTrackX"], descendants: true, isSignal: true }, { propertyName: "scrollThumbXRef", first: true, predicate: ["scrollThumbX"], descendants: true, isSignal: true }], exportAs: ["ngsScrollbarArea"], ngImport: i0, template: "<div #scrollableContent class=\"scrollable-content\">\n  <ng-content/>\n</div>\n<div #scrollTrack class=\"scroll-track\">\n  <div #scrollThumb class=\"scroll-thumb\"></div>\n</div>\n<div #scrollTrackX class=\"scroll-track-x\">\n  <div #scrollThumbX class=\"scroll-thumb-x\"></div>\n</div>\n", styles: [":host{--ngs-scrollbar-area-thumb-bg: var(--color-neutral-200);--ngs-scrollbar-area-thumb-hover-bg: var(--color-neutral-300);--ngs-scrollbar-area-thumb-active-bg: var(--color-neutral-300);--ngs-scrollbar-area-width: 10px;--ngs-scrollbar-area-scroll-track-bg: transparent;display:block;overflow:hidden;position:absolute;inset:0}:host .scrollable-content{height:100%;overflow-y:scroll;overflow-x:scroll;width:100%;padding-right:0;box-sizing:border-box}:host .scrollable-content::-webkit-scrollbar{width:0;height:0;background:transparent}:host .scrollable-content{scrollbar-width:none;-ms-overflow-style:none}:host .scroll-track{position:absolute;top:0;right:0;bottom:0;width:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-scroll-track-bg);border-radius:.25rem;opacity:0;transition:opacity .2s ease-in-out;z-index:100;pointer-events:none}:host .scroll-thumb{position:absolute;top:0;left:0;width:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-thumb-bg);border-radius:.25rem;transition:background-color .2s ease-in-out;pointer-events:auto}:host .scroll-track-x{position:absolute;left:0;right:0;bottom:0;height:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-scroll-track-bg);border-radius:.25rem;opacity:0;transition:opacity .2s ease-in-out;z-index:100;pointer-events:none}:host .scroll-thumb-x{position:absolute;bottom:0;left:0;height:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-thumb-bg);border-radius:.25rem;transition:background-color .2s ease-in-out;pointer-events:auto}:host .scroll-thumb:hover,:host .scroll-thumb-x:hover{background:var(--ngs-scrollbar-area-thumb-hover-bg)}:host .scroll-thumb:active,:host .scroll-thumb-x:active{background:var(--ngs-scrollbar-area-thumb-active-bg)}:host.scrollbar-visible .scroll-track,:host.scrollbar-visible .scroll-track-x{opacity:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollbarArea, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-scrollbar-area', exportAs: 'ngsScrollbarArea', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-scrollbar-area',
+                        '[class.scrollbar-visible]': 'isVisible()',
+                        '[class.scrollbar-interactive]': 'isInteractive()',
+                        '[class.is-absolute]': 'absolute()',
+                    }, template: "<div #scrollableContent class=\"scrollable-content\">\n  <ng-content/>\n</div>\n<div #scrollTrack class=\"scroll-track\">\n  <div #scrollThumb class=\"scroll-thumb\"></div>\n</div>\n<div #scrollTrackX class=\"scroll-track-x\">\n  <div #scrollThumbX class=\"scroll-thumb-x\"></div>\n</div>\n", styles: [":host{--ngs-scrollbar-area-thumb-bg: var(--color-neutral-200);--ngs-scrollbar-area-thumb-hover-bg: var(--color-neutral-300);--ngs-scrollbar-area-thumb-active-bg: var(--color-neutral-300);--ngs-scrollbar-area-width: 10px;--ngs-scrollbar-area-scroll-track-bg: transparent;display:block;overflow:hidden;position:absolute;inset:0}:host .scrollable-content{height:100%;overflow-y:scroll;overflow-x:scroll;width:100%;padding-right:0;box-sizing:border-box}:host .scrollable-content::-webkit-scrollbar{width:0;height:0;background:transparent}:host .scrollable-content{scrollbar-width:none;-ms-overflow-style:none}:host .scroll-track{position:absolute;top:0;right:0;bottom:0;width:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-scroll-track-bg);border-radius:.25rem;opacity:0;transition:opacity .2s ease-in-out;z-index:100;pointer-events:none}:host .scroll-thumb{position:absolute;top:0;left:0;width:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-thumb-bg);border-radius:.25rem;transition:background-color .2s ease-in-out;pointer-events:auto}:host .scroll-track-x{position:absolute;left:0;right:0;bottom:0;height:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-scroll-track-bg);border-radius:.25rem;opacity:0;transition:opacity .2s ease-in-out;z-index:100;pointer-events:none}:host .scroll-thumb-x{position:absolute;bottom:0;left:0;height:var(--ngs-scrollbar-area-width);background:var(--ngs-scrollbar-area-thumb-bg);border-radius:.25rem;transition:background-color .2s ease-in-out;pointer-events:auto}:host .scroll-thumb:hover,:host .scroll-thumb-x:hover{background:var(--ngs-scrollbar-area-thumb-hover-bg)}:host .scroll-thumb:active,:host .scroll-thumb-x:active{background:var(--ngs-scrollbar-area-thumb-active-bg)}:host.scrollbar-visible .scroll-track,:host.scrollbar-visible .scroll-track-x{opacity:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { scrollableContentRef: [{ type: i0.ViewChild, args: ['scrollableContent', { isSignal: true }] }], scrollTrackRef: [{ type: i0.ViewChild, args: ['scrollTrack', { isSignal: true }] }], scrollThumbRef: [{ type: i0.ViewChild, args: ['scrollThumb', { isSignal: true }] }], scrollTrackXRef: [{ type: i0.ViewChild, args: ['scrollTrackX', { isSignal: true }] }], scrollThumbXRef: [{ type: i0.ViewChild, args: ['scrollThumbX', { isSignal: true }] }], scrollbarWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarWidth", required: false }] }], autoHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHide", required: false }] }], absolute: [{ type: i0.Input, args: [{ isSignal: true, alias: "absolute", required: false }] }], scrolled: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollbarArea };
+//# sourceMappingURL=ngstarter-ui-components-scrollbar-area.mjs.map

package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-scrollbar-area.mjs","sources":["../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.ts","../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.html","../../../projects/components/scrollbar-area/ngstarter-ui-components-scrollbar-area.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  NgZone,\n  Renderer2,\n  inject,\n  PLATFORM_ID,\n  signal,\n  computed,\n  effect,\n  input,\n  DestroyRef,\n  untracked,\n  viewChild,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  fromEvent,\n  map,\n  takeUntil,\n  switchMap,\n  tap,\n  merge,\n  debounceTime,\n  distinctUntilChanged,\n  Observable,\n  finalize,\n  filter,\n  Subscription\n} from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'ngs-scrollbar-area',\n  exportAs: 'ngsScrollbarArea',\n  templateUrl: './scrollbar-area.html',\n  styleUrl: './scrollbar-area.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'ngs-scrollbar-area',\n    '[class.scrollbar-visible]': 'isVisible()',\n    '[class.scrollbar-interactive]': 'isInteractive()',\n    '[class.is-absolute]': 'absolute()',\n  }\n})\nexport class ScrollbarArea {\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly elRef = inject(ElementRef<HTMLElement>);\n  private readonly zone = inject(NgZone);\n  private readonly renderer = inject(Renderer2);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly router = inject(Router);\n\n  readonly scrollableContentRef = viewChild.required<ElementRef<HTMLElement>>('scrollableContent');\n  readonly scrollTrackRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrack');\n  readonly scrollThumbRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumb');\n  readonly scrollTrackXRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrackX');\n  readonly scrollThumbXRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumbX');\n\n  readonly scrollbarWidth = input<string>('8px');\n  readonly autoHide = input<boolean>(true);\n  readonly absolute = input<boolean>(true);\n  @Output() readonly scrolled = new EventEmitter<Event>();\n\n  readonly isDragging = signal(false);\n  readonly isHovering = signal(false);\n  private readonly scrollTop = signal(0);\n  private readonly scrollLeft = signal(0);\n  private readonly contentScrollHeight = signal(0);\n  private readonly contentScrollWidth = signal(0);\n  private readonly contentClientHeight = signal(0);\n  private readonly contentClientWidth = signal(0);\n  private readonly trackClientHeight = signal(0);\n  private readonly trackClientWidth = signal(0);\n  private readonly showDueToActivity = signal(false);\n\n  // Vertical axis\n  readonly hasScrollY = computed(() => this.contentScrollHeight() > this.contentClientHeight() + 1);\n  readonly scrollRatioY = computed(() => this.hasScrollY() ? this.contentClientHeight() / this.contentScrollHeight() : 1);\n\n  readonly minThumbHeight = 20;\n  readonly thumbHeight = computed(() => {\n    if (!this.hasScrollY()) return 0;\n    const trackHeight = this.trackClientHeight();\n    const ratio = this.scrollRatioY();\n    const calculated = trackHeight * ratio;\n    return Math.max(calculated, this.minThumbHeight);\n  });\n  readonly maxScrollTop = computed(() => Math.max(0, this.contentScrollHeight() - this.contentClientHeight()));\n  readonly maxThumbTop = computed(() => Math.max(0, this.trackClientHeight() - this.thumbHeight()));\n  readonly thumbTop = computed(() => {\n    if (!this.hasScrollY()) return 0;\n    const maxScroll = this.maxScrollTop();\n    const currentScroll = this.scrollTop();\n    const maxThumb = this.maxThumbTop();\n    return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n  });\n\n  // Horizontal axis\n  readonly hasScrollX = computed(() => this.contentScrollWidth() > this.contentClientWidth() + 1);\n  readonly scrollRatioX = computed(() => this.hasScrollX() ? this.contentClientWidth() / this.contentScrollWidth() : 1);\n\n  readonly minThumbWidth = 20;\n  readonly thumbWidth = computed(() => {\n    if (!this.hasScrollX()) return 0;\n    const trackWidth = this.trackClientWidth();\n    const ratio = this.scrollRatioX();\n    const calculated = trackWidth * ratio;\n    return Math.max(calculated, this.minThumbWidth);\n  });\n  readonly maxScrollLeft = computed(() => Math.max(0, this.contentScrollWidth() - this.contentClientWidth()));\n  readonly maxThumbLeft = computed(() => Math.max(0, this.trackClientWidth() - this.thumbWidth()));\n  readonly thumbLeft = computed(() => {\n    if (!this.hasScrollX()) return 0;\n    const maxScroll = this.maxScrollLeft();\n    const currentScroll = this.scrollLeft();\n    const maxThumb = this.maxThumbLeft();\n    return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n  });\n\n  readonly hasAnyScroll = computed(() => this.hasScrollX() || this.hasScrollY());\n  readonly isVisible = computed(() => {\n    if (!this.hasAnyScroll()) return false;\n    if (!this.autoHide()) return true;\n    return this.isHovering() || this.isDragging() || this.showDueToActivity();\n  });\n  readonly isInteractive = computed(() => this.isHovering() || this.isDragging());\n\n  private isInitialized = signal(false);\n  private eventsSubscription: Subscription | null = null;\n  private observersSubscription: Subscription | null = null;\n  private hideTimeout: any = null;\n\n  constructor() {\n    effect(() => {\n      this.scrollableContentRef();\n      this.scrollTrackRef();\n      this.scrollThumbRef();\n      this.scrollTrackXRef();\n      this.scrollThumbXRef();\n\n      if (isPlatformBrowser(this.platformId) && !this.isInitialized()) {\n        this.initializeComponentLogic();\n        this.isInitialized.set(true);\n      }\n    });\n    this.setupStyleEffects();\n    this.destroyRef.onDestroy(() => this.cleanup());\n  }\n\n  private initializeComponentLogic(): void {\n    this.updateDimensions();\n    this.setupObservers();\n    this.setupEventStreams();\n    this.setupRouteChanges();\n  }\n\n  private raf(cb: () => void): void {\n    // Use requestAnimationFrame in the browser, fallback to setTimeout on SSR\n    if (typeof requestAnimationFrame !== 'undefined') {\n      requestAnimationFrame(() => cb());\n    } else {\n      setTimeout(() => cb(), 0);\n    }\n  }\n\n  private setupStyleEffects(): void {\n    // Vertical thickness (width) and horizontal thickness (height)\n    effect(() => {\n      const thickness = this.scrollbarWidth();\n      const trackY = this.scrollTrackRef().nativeElement;\n      const thumbY = this.scrollThumbRef().nativeElement;\n      const trackX = this.scrollTrackXRef().nativeElement;\n      const thumbX = this.scrollThumbXRef().nativeElement;\n      untracked(() => {\n        // Vertical scrollbar: width is thickness\n        this.renderer.setStyle(trackY, 'width', thickness);\n        this.renderer.setStyle(thumbY, 'width', thickness);\n        // Horizontal scrollbar: height is thickness\n        this.renderer.setStyle(trackX, 'height', thickness);\n        this.renderer.setStyle(thumbX, 'height', thickness);\n      });\n    });\n\n    // Vertical thumb height\n    effect(() => {\n      const height = this.thumbHeight();\n      const thumbElement = this.scrollThumbRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(thumbElement, 'height', `${height}px`);\n      });\n    });\n\n    // Vertical thumb position\n    effect(() => {\n      const top = this.thumbTop();\n      const thumbElement = this.scrollThumbRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(thumbElement, 'transform', `translateY(${top}px)`);\n      });\n    });\n\n    // Horizontal thumb width\n    effect(() => {\n      const width = this.thumbWidth();\n      const thumbElementX = this.scrollThumbXRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(thumbElementX, 'width', `${width}px`);\n      });\n    });\n\n    // Horizontal thumb position\n    effect(() => {\n      const left = this.thumbLeft();\n      const thumbElementX = this.scrollThumbXRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n      });\n    });\n\n    // Toggle track visibility per axis based on content\n    effect(() => {\n      const hasY = this.hasScrollY();\n      const trackY = this.scrollTrackRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(trackY, 'display', hasY ? 'block' : 'none');\n      });\n    });\n    effect(() => {\n      const hasX = this.hasScrollX();\n      const trackX = this.scrollTrackXRef().nativeElement;\n      untracked(() => {\n        this.renderer.setStyle(trackX, 'display', hasX ? 'block' : 'none');\n      });\n    });\n\n    // When scrollability toggles, recompute dimensions after tracks are laid out\n    effect(() => {\n      // depend on both so we run when either axis scrollability changes\n      const _hasY = this.hasScrollY();\n      const _hasX = this.hasScrollX();\n      untracked(() => {\n        // Wait for style changes (display:block/none) to apply, then measure\n        this.raf(() => {\n          this.zone.run(() => this.updateDimensions());\n        });\n      });\n    });\n  }\n\n  private setupObservers(): void {\n    const scrollableElement = this.scrollableContentRef().nativeElement;\n    const hostElement = this.elRef.nativeElement;\n\n    // Helper to observe all element nodes within a subtree with ResizeObserver\n    const observeSubtree = (ro: ResizeObserver, root: Element) => {\n      ro.observe(root);\n      // Observe all current descendants as well to catch size changes that don't bubble to the container\n      const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n      let node = walker.currentNode as Element | null;\n      while (node) {\n        ro.observe(node);\n        node = walker.nextNode() as Element | null;\n      }\n    };\n\n    const resize$ = new Observable<ResizeObserverEntry[]>(observer => {\n      const resizeObserver = new ResizeObserver(entries => this.zone.run(() => observer.next(entries)));\n      // Observe host (tracks may affect layout) and the entire subtree of scrollable content\n      observeSubtree(resizeObserver, scrollableElement);\n      resizeObserver.observe(hostElement);\n      return () => resizeObserver.disconnect();\n    }).pipe(debounceTime(50));\n\n    const mutation$ = new Observable<MutationRecord[]>(observer => {\n      const mutationObserver = new MutationObserver(mutations => this.zone.run(() => observer.next(mutations)));\n      // Watch for any DOM changes that can affect layout including attribute/class/style changes\n      mutationObserver.observe(scrollableElement, { childList: true, subtree: true, characterData: true, attributes: true });\n      return () => mutationObserver.disconnect();\n    }).pipe(\n      tap(mutations => {\n        // If nodes were added to the subtree, start observing them for size changes as well\n        // We run outside Angular to avoid triggering change detection per node\n        this.zone.runOutsideAngular(() => {\n          // Create a temporary RO reference by reusing the one from resize$ is not trivial here,\n          // but we can trigger a dimension update directly which is enough for many cases.\n          // The resize observer above already observes the whole subtree at setup time.\n          // For dynamically added nodes, re-run a subtree observation by creating a one-shot RO.\n          const newlyAdded: Element[] = [];\n          for (const m of mutations) {\n            if (m.type === 'childList') {\n              m.addedNodes.forEach(n => { if (n.nodeType === Node.ELEMENT_NODE) newlyAdded.push(n as Element); });\n            }\n          }\n          if (newlyAdded.length) {\n            try {\n              const ro = new ResizeObserver(() => { /* no-op: purpose is to register */ });\n              newlyAdded.forEach(el => observeSubtree(ro, el));\n              // Disconnect immediately; observing once is enough for triggering initial measure via update below\n              ro.disconnect();\n            } catch {}\n          }\n        });\n      }),\n      debounceTime(50)\n    );\n\n    this.observersSubscription = merge(resize$, mutation$)\n      .subscribe(() => {\n        // Use rAF to ensure layout is settled before measuring\n        this.raf(() => this.zone.run(() => this.updateDimensions()));\n      });\n  }\n\n  private setupEventStreams(): void {\n    const scrollableElement = this.scrollableContentRef().nativeElement;\n    const hostElement = this.elRef.nativeElement;\n    const thumbElementY = this.scrollThumbRef().nativeElement;\n    const thumbElementX = this.scrollThumbXRef().nativeElement;\n\n    const scroll$ = fromEvent(scrollableElement, 'scroll', { passive: true }).pipe(\n      tap((event) => {\n        this.zone.run(() => {\n          this.scrollTop.set(scrollableElement.scrollTop);\n          this.scrollLeft.set(scrollableElement.scrollLeft);\n          this.scrolled.emit(event);\n        });\n        // Imperative sync to ensure thumbs move with content during scroll\n        this.zone.runOutsideAngular(() => {\n          this.raf(() => {\n            const top = untracked(this.thumbTop);\n            const left = untracked(this.thumbLeft);\n            this.renderer.setStyle(thumbElementY, 'transform', `translateY(${top}px)`);\n            this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n          });\n        });\n      }),\n      filter(() => this.autoHide()),\n      tap(() => this.zone.run(() => this.showDueToActivity.set(true))),\n      debounceTime(1500),\n      tap(() => {\n        untracked(() => {\n          if (!this.isHovering() && !this.isDragging()) {\n            this.zone.run(() => this.showDueToActivity.set(false));\n          }\n        })\n      })\n    );\n\n    const hostEnter$ = fromEvent<MouseEvent>(hostElement, 'mouseenter').pipe(\n      tap(() => this.zone.run(() => {\n        this.isHovering.set(true);\n        if (untracked(this.autoHide)) this.showDueToActivity.set(true);\n      }))\n    );\n    const hostLeave$ = fromEvent<MouseEvent>(hostElement, 'mouseleave').pipe(\n      tap(() => this.zone.run(() => {\n        this.isHovering.set(false);\n        if(untracked(this.autoHide) && !untracked(this.isDragging)){\n          this.scheduleHide();\n        }\n      }))\n    );\n\n    const thumbMouseDownY$ = fromEvent<MouseEvent>(thumbElementY, 'mousedown');\n    const thumbMouseDownX$ = fromEvent<MouseEvent>(thumbElementX, 'mousedown');\n    const mouseMove$ = fromEvent<MouseEvent>(document, 'mousemove');\n    const mouseUp$ = fromEvent<MouseEvent>(document, 'mouseup');\n\n    const thumbDragY$ = thumbMouseDownY$.pipe(\n      tap(event => {\n        event.preventDefault();\n        event.stopPropagation();\n      }),\n      switchMap(startEvent => {\n        const startY = startEvent.clientY;\n        const startScrollTop = scrollableElement.scrollTop;\n        const initialTrackHeight = untracked(() => this.trackClientHeight());\n        const initialContentHeight = untracked(() => this.contentScrollHeight());\n\n        this.zone.run(() => this.isDragging.set(true));\n\n        return mouseMove$.pipe(\n          map(moveEvent => {\n            moveEvent.preventDefault();\n            const deltaY = moveEvent.clientY - startY;\n            const scrollDelta = initialTrackHeight > 0\n              ? (deltaY / initialTrackHeight) * initialContentHeight\n              : 0;\n            return startScrollTop + scrollDelta;\n          }),\n          distinctUntilChanged(),\n          tap(newScrollTop => {\n            this.renderer.setProperty(scrollableElement, 'scrollTop', newScrollTop);\n          }),\n          takeUntil(mouseUp$),\n          finalize(() => {\n            this.zone.run(() => {\n              this.isDragging.set(false);\n              untracked(() => {\n                if (this.autoHide() && !this.isHovering()) {\n                  this.scheduleHide();\n                }\n              })\n            });\n          })\n        );\n      })\n    );\n\n    const thumbDragX$ = thumbMouseDownX$.pipe(\n      tap(event => {\n        event.preventDefault();\n        event.stopPropagation();\n      }),\n      switchMap(startEvent => {\n        const startX = startEvent.clientX;\n        const startScrollLeft = scrollableElement.scrollLeft;\n        const initialTrackWidth = untracked(() => this.trackClientWidth());\n        const initialContentWidth = untracked(() => this.contentScrollWidth());\n\n        this.zone.run(() => this.isDragging.set(true));\n\n        return mouseMove$.pipe(\n          map(moveEvent => {\n            moveEvent.preventDefault();\n            const deltaX = moveEvent.clientX - startX;\n            const scrollDelta = initialTrackWidth > 0\n              ? (deltaX / initialTrackWidth) * initialContentWidth\n              : 0;\n            return startScrollLeft + scrollDelta;\n          }),\n          distinctUntilChanged(),\n          tap(newScrollLeft => {\n            this.renderer.setProperty(scrollableElement, 'scrollLeft', newScrollLeft);\n          }),\n          takeUntil(mouseUp$),\n          finalize(() => {\n            this.zone.run(() => {\n              this.isDragging.set(false);\n              untracked(() => {\n                if (this.autoHide() && !this.isHovering()) {\n                  this.scheduleHide();\n                }\n              })\n            });\n          })\n        );\n      })\n    );\n\n    this.zone.runOutsideAngular(() => {\n      this.eventsSubscription = merge(\n        scroll$,\n        hostEnter$,\n        hostLeave$,\n        thumbDragY$,\n        thumbDragX$\n      ).subscribe();\n    });\n  }\n\n  private scheduleHide(): void {\n    this.clearHideTimeout();\n    this.zone.runOutsideAngular(() => {\n      this.hideTimeout = setTimeout(() => {\n        untracked(() => {\n          if(!this.isHovering() && !this.isDragging()) {\n            this.zone.run(() => this.showDueToActivity.set(false));\n          }\n        });\n        this.hideTimeout = null;\n      }, 100);\n    });\n  }\n\n  private clearHideTimeout(): void {\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  private updateDimensions(): void {\n    const scrollableElement = this.scrollableContentRef().nativeElement;\n    const trackElementY = this.scrollTrackRef().nativeElement;\n    const trackElementX = this.scrollTrackXRef().nativeElement;\n\n    if (scrollableElement && trackElementY && trackElementX) {\n      // Vertical metrics\n      const newScrollHeight = scrollableElement.scrollHeight;\n      const newClientHeight = scrollableElement.clientHeight;\n      const newTrackHeight = trackElementY.clientHeight;\n      const newScrollTop = scrollableElement.scrollTop;\n\n      this.contentScrollHeight.set(newScrollHeight);\n      this.contentClientHeight.set(newClientHeight);\n      this.trackClientHeight.set(newTrackHeight);\n\n      if (this.scrollTop() !== newScrollTop) {\n        this.scrollTop.set(newScrollTop);\n      }\n\n      // Horizontal metrics\n      const newScrollWidth = scrollableElement.scrollWidth;\n      const newClientWidth = scrollableElement.clientWidth;\n      const newTrackWidth = trackElementX.clientWidth;\n      const newScrollLeft = scrollableElement.scrollLeft;\n\n      this.contentScrollWidth.set(newScrollWidth);\n      this.contentClientWidth.set(newClientWidth);\n      this.trackClientWidth.set(newTrackWidth);\n\n      if (this.scrollLeft() !== newScrollLeft) {\n        this.scrollLeft.set(newScrollLeft);\n      }\n    } else {\n      this.contentScrollHeight.set(0);\n      this.contentClientHeight.set(0);\n      this.trackClientHeight.set(0);\n      this.scrollTop.set(0);\n\n      this.contentScrollWidth.set(0);\n      this.contentClientWidth.set(0);\n      this.trackClientWidth.set(0);\n      this.scrollLeft.set(0);\n    }\n  }\n\n  private cleanup(): void {\n    this.clearHideTimeout();\n    if (this.eventsSubscription) {\n      this.eventsSubscription.unsubscribe();\n      this.eventsSubscription = null;\n    }\n    if (this.observersSubscription) {\n      this.observersSubscription.unsubscribe();\n      this.observersSubscription = null;\n    }\n  }\n\n  private setupRouteChanges() {\n    this.router.events\n      .pipe(\n        filter(event=> event instanceof NavigationEnd),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.raf(() => {\n          this.updateDimensions();\n        });\n      })\n    ;\n  }\n}\n","<div #scrollableContent class=\"scrollable-content\">\n  <ng-content/>\n</div>\n<div #scrollTrack class=\"scroll-track\">\n  <div #scrollThumb class=\"scroll-thumb\"></div>\n</div>\n<div #scrollTrackX class=\"scroll-track-x\">\n  <div #scrollThumbX class=\"scroll-thumb-x\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}