@odx/angular 12.14.2 → 12.15.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @odx/angular
 
+## 12.15.0
+
+### Minor Changes
+
+- 16a5991: New component: Anchor Navigation
+
+### Patch Changes
+
+- b20f2f7: fix: update active anchor link handling and improve styles for anchor navigation
+
 ## 12.14.2
 
 ### Patch Changes

package/components/anchor-navigation/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/components/anchor-navigation
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/components/anchor-navigation`.

package/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -0,0 +1,31 @@
+import { AnchorNavigationItemComponent } from './components';
+import * as i0 from "@angular/core";
+export declare class AnchorNavigationComponent {
+    private readonly service;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    /**
+     * A Signal with list of `AnchorLinkDirective` instances projected into this component.
+     * These are the anchor links that this navigation component will manage.
+     */
+    readonly projectedAnchorLinks: import("@angular/core").Signal<readonly AnchorNavigationItemComponent[]>;
+    /**
+     * Input to determine if the anchor navigation should be displayed vertically.
+     * Defaults to `false` (horizontal).
+     */
+    vertical: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
+    /**
+     * Input to specify the scrollable container element or document whose scroll position
+     * is used to determine the active anchor link. If not provided, defaults to the
+     * `document` of the current window.
+     */
+    scrollableContainer: import("@angular/core").InputSignal<HTMLElement | Document | undefined>;
+    readonly activeAnchorLink: import("@angular/core").WritableSignal<AnchorNavigationItemComponent | null>;
+    constructor();
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`.
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     */
+    scrollToAnchor(anchor: AnchorNavigationItemComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnchorNavigationComponent, "odx-anchor-navigation", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "scrollableContainer": { "alias": "root"; "required": false; "isSignal": true; }; }, {}, ["projectedAnchorLinks"], ["odx-anchor-navigation-item"], true, never>;
+}

package/components/anchor-navigation/anchor-navigation.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./anchor-navigation.component";
+import * as i2 from "./components/anchor-navigation-item.component";
+export declare class AnchorNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnchorNavigationModule, never, [typeof i1.AnchorNavigationComponent, typeof i2.AnchorNavigationItemComponent], [typeof i1.AnchorNavigationComponent, typeof i2.AnchorNavigationItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AnchorNavigationModule>;
+}

package/components/anchor-navigation/anchor-navigation.service.d.ts

@@ -0,0 +1,43 @@
+import { OnDestroy, WritableSignal } from '@angular/core';
+import { AnchorNavigationItemComponent } from './components/anchor-navigation-item.component';
+import * as i0 from "@angular/core";
+export declare class AnchorNavigationService implements OnDestroy {
+    private readonly windowRef;
+    private intersectionObserver?;
+    private readonly intersectionStates;
+    private readonly targetScrollSections;
+    /**
+     * A WritableSignal holding the scrollable container element or document.
+     * This is set by the AnchorNavigationComponent.
+     * Defaults to the window's document.
+     */
+    scrollableContainer: WritableSignal<HTMLElement | Document>;
+    /**
+     * A WritableSignal holding an array of `AnchorLinkDirective` instances.
+     * These are the links managed by the service, typically set by the `AnchorNavigationComponent`
+     * based on its projected content.
+     */
+    projectedAnchorLinks: WritableSignal<readonly AnchorNavigationItemComponent[]>;
+    /**
+     * A readonly Signal indicating the currently active AnchorLinkDirective.
+     * This is updated by the service based on scroll position and intersection.
+     */
+    readonly activeAnchorLink: WritableSignal<AnchorNavigationItemComponent | null>;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`
+     * and sets it as the active link.
+     *
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     *               If null or if the anchor's ID is not found, a warning is logged and the method returns.
+     */
+    scrollToAnchor(anchor: AnchorNavigationItemComponent | null): void;
+    private initIntersectionObserver;
+    private updateObservedElements;
+    private onIntersectionUpdate;
+    private findTargetScrollSections;
+    private disconnectObserver;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorNavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AnchorNavigationService>;
+}

package/components/anchor-navigation/components/anchor-navigation-item.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class AnchorNavigationItemComponent {
+    private readonly navigationService;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    href: import("@angular/core").InputSignal<string>;
+    isActive: import("@angular/core").Signal<boolean>;
+    protected handleClick(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnchorNavigationItemComponent, "odx-anchor-navigation-item", never, { "href": { "alias": "href"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/anchor-navigation/components/index.d.ts

@@ -0,0 +1 @@
+export * from './anchor-navigation-item.component';

package/components/anchor-navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './anchor-navigation.component';
+export * from './anchor-navigation.module';
+export * from './anchor-navigation.service';
+export * from './components';

package/esm2022/components/anchor-navigation/anchor-navigation.component.mjs

@@ -0,0 +1,60 @@
+import { __decorate, __metadata } from "tslib";
+import { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, effect, inject, input, ViewEncapsulation } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { AnchorNavigationService } from './anchor-navigation.service';
+import { AnchorNavigationItemComponent } from './components';
+import * as i0 from "@angular/core";
+let AnchorNavigationComponent = class AnchorNavigationComponent {
+    constructor() {
+        this.service = inject(AnchorNavigationService);
+        this.element = injectElement();
+        /**
+         * A Signal with list of `AnchorLinkDirective` instances projected into this component.
+         * These are the anchor links that this navigation component will manage.
+         */
+        this.projectedAnchorLinks = contentChildren(AnchorNavigationItemComponent);
+        /**
+         * Input to determine if the anchor navigation should be displayed vertically.
+         * Defaults to `false` (horizontal).
+         */
+        this.vertical = input(false, { transform: booleanAttribute });
+        /**
+         * Input to specify the scrollable container element or document whose scroll position
+         * is used to determine the active anchor link. If not provided, defaults to the
+         * `document` of the current window.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.scrollableContainer = input(undefined, { alias: 'root' });
+        this.activeAnchorLink = this.service.activeAnchorLink;
+        effect(() => {
+            this.service.projectedAnchorLinks.set(this.projectedAnchorLinks());
+            const rcInput = this.scrollableContainer();
+            if (rcInput !== undefined) {
+                this.service.scrollableContainer.set(rcInput);
+            }
+        }, { allowSignalWrites: true });
+    }
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`.
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     */
+    scrollToAnchor(anchor) {
+        this.service.scrollToAnchor(anchor);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: AnchorNavigationComponent, isStandalone: true, selector: "odx-anchor-navigation", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, scrollableContainer: { classPropertyName: "scrollableContainer", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.odx-anchor-navigation--vertical": "vertical()", "attr.role": "\"navigation\"" } }, providers: [AnchorNavigationService], queries: [{ propertyName: "projectedAnchorLinks", predicate: AnchorNavigationItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AnchorNavigationComponent = __decorate([
+    CSSComponent('anchor-navigation'),
+    __metadata("design:paramtypes", [])
+], AnchorNavigationComponent);
+export { AnchorNavigationComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-anchor-navigation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, encapsulation: ViewEncapsulation.None, providers: [AnchorNavigationService], host: {
+                        '[class.odx-anchor-navigation--vertical]': 'vertical()',
+                        '[attr.role]': '"navigation"',
+                    }, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYW5jaG9yLW5hdmlnYXRpb24vc3JjL2FuY2hvci1uYXZpZ2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2FuY2hvci1uYXZpZ2F0aW9uL3NyYy9hbmNob3ItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEosT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBZXRELElBQU0seUJBQXlCLEdBQS9CLE1BQU0seUJBQXlCO0lBMEJwQztRQXpCaUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBQzNDLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUUxQzs7O1dBR0c7UUFDYSx5QkFBb0IsR0FBRyxlQUFlLENBQUMsNkJBQTZCLENBQUMsQ0FBQztRQUV0Rjs7O1dBR0c7UUFDSSxhQUFRLEdBQUcsS0FBSyxDQUFtQixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBRWxGOzs7O1dBSUc7UUFDSCwyREFBMkQ7UUFDcEQsd0JBQW1CLEdBQUcsS0FBSyxDQUFxQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUVyRixxQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1FBRy9ELE1BQU0sQ0FDSixHQUFHLEVBQUU7WUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1lBQ25FLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBRTNDLElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNoRCxDQUFDO1FBQ0gsQ0FBQyxFQUNELEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLENBQzVCLENBQUM7SUFDSixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksY0FBYyxDQUFDLE1BQXFDO1FBQ3pELElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7K0dBOUNVLHlCQUF5QjttR0FBekIseUJBQXlCLG9kQU56QixDQUFDLHVCQUF1QixDQUFDLCtEQWNtQiw2QkFBNkIsNkNDM0J0Rix3REFDQTs7QURrQmEseUJBQXlCO0lBYnJDLFlBQVksQ0FBQyxtQkFBbUIsQ0FBQzs7R0FhckIseUJBQXlCLENBK0NyQzs7NEZBL0NZLHlCQUF5QjtrQkFackMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBRWhCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUMsdUJBQXVCLENBQUMsUUFDOUI7d0JBQ0oseUNBQXlDLEVBQUUsWUFBWTt3QkFDdkQsYUFBYSxFQUFFLGNBQWM7cUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29udGVudENoaWxkcmVuLCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5pbXBvcnQgeyBBbmNob3JOYXZpZ2F0aW9uU2VydmljZSB9IGZyb20gJy4vYW5jaG9yLW5hdmlnYXRpb24uc2VydmljZSc7XG5pbXBvcnQgeyBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cyc7XG5cbkBDU1NDb21wb25lbnQoJ2FuY2hvci1uYXZpZ2F0aW9uJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1hbmNob3ItbmF2aWdhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmNob3ItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtBbmNob3JOYXZpZ2F0aW9uU2VydmljZV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLm9keC1hbmNob3ItbmF2aWdhdGlvbi0tdmVydGljYWxdJzogJ3ZlcnRpY2FsKCknLFxuICAgICdbYXR0ci5yb2xlXSc6ICdcIm5hdmlnYXRpb25cIicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEFuY2hvck5hdmlnYXRpb25Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IHNlcnZpY2UgPSBpbmplY3QoQW5jaG9yTmF2aWdhdGlvblNlcnZpY2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICAvKipcbiAgICogQSBTaWduYWwgd2l0aCBsaXN0IG9mIGBBbmNob3JMaW5rRGlyZWN0aXZlYCBpbnN0YW5jZXMgcHJvamVjdGVkIGludG8gdGhpcyBjb21wb25lbnQuXG4gICAqIFRoZXNlIGFyZSB0aGUgYW5jaG9yIGxpbmtzIHRoYXQgdGhpcyBuYXZpZ2F0aW9uIGNvbXBvbmVudCB3aWxsIG1hbmFnZS5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBwcm9qZWN0ZWRBbmNob3JMaW5rcyA9IGNvbnRlbnRDaGlsZHJlbihBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCk7XG5cbiAgLyoqXG4gICAqIElucHV0IHRvIGRldGVybWluZSBpZiB0aGUgYW5jaG9yIG5hdmlnYXRpb24gc2hvdWxkIGJlIGRpc3BsYXllZCB2ZXJ0aWNhbGx5LlxuICAgKiBEZWZhdWx0cyB0byBgZmFsc2VgIChob3Jpem9udGFsKS5cbiAgICovXG4gIHB1YmxpYyB2ZXJ0aWNhbCA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4+KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogSW5wdXQgdG8gc3BlY2lmeSB0aGUgc2Nyb2xsYWJsZSBjb250YWluZXIgZWxlbWVudCBvciBkb2N1bWVudCB3aG9zZSBzY3JvbGwgcG9zaXRpb25cbiAgICogaXMgdXNlZCB0byBkZXRlcm1pbmUgdGhlIGFjdGl2ZSBhbmNob3IgbGluay4gSWYgbm90IHByb3ZpZGVkLCBkZWZhdWx0cyB0byB0aGVcbiAgICogYGRvY3VtZW50YCBvZiB0aGUgY3VycmVudCB3aW5kb3cuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBwdWJsaWMgc2Nyb2xsYWJsZUNvbnRhaW5lciA9IGlucHV0PEhUTUxFbGVtZW50IHwgRG9jdW1lbnQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCwgeyBhbGlhczogJ3Jvb3QnIH0pO1xuXG4gIHB1YmxpYyByZWFkb25seSBhY3RpdmVBbmNob3JMaW5rID0gdGhpcy5zZXJ2aWNlLmFjdGl2ZUFuY2hvckxpbms7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KFxuICAgICAgKCkgPT4ge1xuICAgICAgICB0aGlzLnNlcnZpY2UucHJvamVjdGVkQW5jaG9yTGlua3Muc2V0KHRoaXMucHJvamVjdGVkQW5jaG9yTGlua3MoKSk7XG4gICAgICAgIGNvbnN0IHJjSW5wdXQgPSB0aGlzLnNjcm9sbGFibGVDb250YWluZXIoKTtcblxuICAgICAgICBpZiAocmNJbnB1dCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgdGhpcy5zZXJ2aWNlLnNjcm9sbGFibGVDb250YWluZXIuc2V0KHJjSW5wdXQpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9LFxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogU2Nyb2xscyB0aGUgdmlldyB0byB0aGUgc2VjdGlvbiBhc3NvY2lhdGVkIHdpdGggdGhlIGdpdmVuIGBBbmNob3JMaW5rRGlyZWN0aXZlYC5cbiAgICogQHBhcmFtIGFuY2hvciBUaGUgYEFuY2hvckxpbmtEaXJlY3RpdmVgIGluc3RhbmNlIHJlcHJlc2VudGluZyB0aGUgdGFyZ2V0IGFuY2hvci9zZWN0aW9uLlxuICAgKi9cbiAgcHVibGljIHNjcm9sbFRvQW5jaG9yKGFuY2hvcjogQW5jaG9yTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnNlcnZpY2Uuc2Nyb2xsVG9BbmNob3IoYW5jaG9yKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWFuY2hvci1uYXZpZ2F0aW9uLWl0ZW1cIiAvPlxuIl19

package/esm2022/components/anchor-navigation/anchor-navigation.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { AnchorNavigationComponent } from './anchor-navigation.component';
+import { AnchorNavigationItemComponent } from './components';
+import * as i0 from "@angular/core";
+const modules = [AnchorNavigationComponent, AnchorNavigationItemComponent];
+export class AnchorNavigationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, imports: [AnchorNavigationComponent, AnchorNavigationItemComponent], exports: [AnchorNavigationComponent, AnchorNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLW5hdmlnYXRpb24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYW5jaG9yLW5hdmlnYXRpb24vc3JjL2FuY2hvci1uYXZpZ2F0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFFN0QsTUFBTSxPQUFPLEdBQUcsQ0FBQyx5QkFBeUIsRUFBRSw2QkFBNkIsQ0FBQyxDQUFDO0FBTTNFLE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjtnSEFBdEIsc0JBQXNCLFlBTmxCLHlCQUF5QixFQUFFLDZCQUE2QixhQUF4RCx5QkFBeUIsRUFBRSw2QkFBNkI7Z0hBTTVELHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFKbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsT0FBTztvQkFDaEIsT0FBTyxFQUFFLE9BQU87aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuY2hvck5hdmlnYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2FuY2hvci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cyc7XG5cbmNvbnN0IG1vZHVsZXMgPSBbQW5jaG9yTmF2aWdhdGlvbkNvbXBvbmVudCwgQW5jaG9yTmF2aWdhdGlvbkl0ZW1Db21wb25lbnRdO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBtb2R1bGVzLFxuICBleHBvcnRzOiBtb2R1bGVzLFxufSlcbmV4cG9ydCBjbGFzcyBBbmNob3JOYXZpZ2F0aW9uTW9kdWxlIHt9XG4iXX0=

package/esm2022/components/anchor-navigation/anchor-navigation.service.mjs

@@ -0,0 +1,119 @@
+import { computed, effect, inject, Injectable, signal } from '@angular/core';
+import { WindowRef } from '@odx/angular';
+import * as i0 from "@angular/core";
+export class AnchorNavigationService {
+    constructor() {
+        this.windowRef = inject(WindowRef);
+        this.intersectionStates = new Map();
+        this.targetScrollSections = computed(() => this.findTargetScrollSections());
+        /**
+         * A WritableSignal holding the scrollable container element or document.
+         * This is set by the AnchorNavigationComponent.
+         * Defaults to the window's document.
+         */
+        this.scrollableContainer = signal(this.windowRef.document);
+        /**
+         * A WritableSignal holding an array of `AnchorLinkDirective` instances.
+         * These are the links managed by the service, typically set by the `AnchorNavigationComponent`
+         * based on its projected content.
+         */
+        this.projectedAnchorLinks = signal([]);
+        /**
+         * A readonly Signal indicating the currently active AnchorLinkDirective.
+         * This is updated by the service based on scroll position and intersection.
+         */
+        this.activeAnchorLink = signal(null);
+        effect((onCleanup) => {
+            const currentRoot = this.scrollableContainer();
+            const currentLinks = this.projectedAnchorLinks();
+            if (!currentLinks.length) {
+                this.disconnectObserver();
+                return;
+            }
+            this.initIntersectionObserver(currentRoot);
+            this.updateObservedElements();
+            onCleanup(() => {
+                this.disconnectObserver();
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.disconnectObserver();
+    }
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`
+     * and sets it as the active link.
+     *
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     *               If null or if the anchor's ID is not found, a warning is logged and the method returns.
+     */
+    scrollToAnchor(anchor) {
+        const anchorId = anchor?.href();
+        if (!anchorId) {
+            console.warn(`[AnchorNavigationService] Attempted to scroll to an anchor without an ID.`);
+            return;
+        }
+        const anchorElement = this.scrollableContainer().querySelector(`#${CSS.escape(anchorId)}`);
+        if (!anchorElement) {
+            console.warn(`[AnchorNavigationService] Anchor with ID "${anchorId}" not found in the root container.`);
+            return;
+        }
+        anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    initIntersectionObserver(root) {
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+        }
+        this.intersectionObserver = new IntersectionObserver((entries) => this.onIntersectionUpdate(entries), {
+            root: root === this.windowRef.document ? null : root,
+            threshold: 0.1,
+        });
+    }
+    updateObservedElements() {
+        if (!this.intersectionObserver)
+            return;
+        this.intersectionObserver.disconnect();
+        this.intersectionStates.clear();
+        const sections = this.targetScrollSections();
+        sections.forEach((section) => {
+            if (section) {
+                this.intersectionStates.set(section, false);
+                this.intersectionObserver.observe(section);
+            }
+        });
+    }
+    onIntersectionUpdate(entries) {
+        entries.forEach((entry) => this.intersectionStates.set(entry.target, entry.isIntersecting));
+        let newActiveCandidate = null;
+        const currentSections = this.targetScrollSections();
+        for (const section of currentSections) {
+            if (this.intersectionStates.get(section) === true) {
+                newActiveCandidate = this.projectedAnchorLinks().find((link) => link.href() === section.id) || null;
+                break;
+            }
+        }
+        if (this.activeAnchorLink() !== newActiveCandidate)
+            this.activeAnchorLink.set(newActiveCandidate);
+    }
+    findTargetScrollSections() {
+        const currentLinks = this.projectedAnchorLinks();
+        if (!currentLinks.length)
+            return [];
+        const selectors = currentLinks
+            .map((link) => link.href())
+            .filter(Boolean)
+            .map((id) => `#${CSS.escape(id)}`)
+            .join(',');
+        return selectors ? Array.from(this.scrollableContainer().querySelectorAll(selectors)) : [];
+    }
+    disconnectObserver() {
+        this.intersectionObserver?.disconnect();
+        this.intersectionObserver = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLW5hdmlnYXRpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2FuY2hvci1uYXZpZ2F0aW9uL3NyYy9hbmNob3ItbmF2aWdhdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQWEsTUFBTSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOztBQUl6QyxNQUFNLE9BQU8sdUJBQXVCO0lBMkJsQztRQTFCaUIsY0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUU5Qix1QkFBa0IsR0FBRyxJQUFJLEdBQUcsRUFBb0IsQ0FBQztRQUVqRCx5QkFBb0IsR0FBRyxRQUFRLENBQWdCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDLENBQUM7UUFFdkc7Ozs7V0FJRztRQUNJLHdCQUFtQixHQUEyQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVyRzs7OztXQUlHO1FBQ0kseUJBQW9CLEdBQTZELE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVuRzs7O1dBR0c7UUFDYSxxQkFBZ0IsR0FBRyxNQUFNLENBQXVDLElBQUksQ0FBQyxDQUFDO1FBR3BGLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ25CLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQy9DLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1lBRWpELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxD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QUN4QyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsU0FBUyxDQUFDO0lBQ3hDLENBQUM7K0dBL0hVLHVCQUF1QjttSEFBdkIsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQURuQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBJbmplY3RhYmxlLCBPbkRlc3Ryb3ksIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdpbmRvd1JlZiB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hbmNob3ItbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBBbmNob3JOYXZpZ2F0aW9uU2VydmljZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgd2luZG93UmVmID0gaW5qZWN0KFdpbmRvd1JlZik7XG4gIHByaXZhdGUgaW50ZXJzZWN0aW9uT2JzZXJ2ZXI/OiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcbiAgcHJpdmF0ZSByZWFkb25seSBpbnRlcnNlY3Rpb25TdGF0ZXMgPSBuZXcgTWFwPEVsZW1lbnQsIGJvb2xlYW4+KCk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSB0YXJnZXRTY3JvbGxTZWN0aW9ucyA9IGNvbXB1dGVkPEhUTUxFbGVtZW50W10+KCgpID0+IHRoaXMuZmluZFRhcmdldFNjcm9sbFNlY3Rpb25zKCkpO1xuXG4gIC8qKlxuICAgKiBBIFdyaXRhYmxlU2lnbmFsIGhvbGRpbmcgdGhlIHNjcm9sbGFibGUgY29udGFpbmVyIGVsZW1lbnQgb3IgZG9jdW1lbnQuXG4gICAqIFRoaXMgaXMgc2V0IGJ5IHRoZSBBbmNob3JOYXZpZ2F0aW9uQ29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byB0aGUgd2luZG93J3MgZG9jdW1lbnQuXG4gICAqL1xuICBwdWJsaWMgc2Nyb2xsYWJsZUNvbnRhaW5lcjogV3JpdGFibGVTaWduYWw8SFRNTEVsZW1lbnQgfCBEb2N1bWVudD4gPSBzaWduYWwodGhpcy53aW5kb3dSZWYuZG9jdW1lbnQpO1xuXG4gIC8qKlxuICAgKiBBIFdyaXRhYmxlU2lnbmFsIGhvbGRpbmcgYW4gYXJyYXkgb2YgYEFuY2hvckxpbmtEaXJlY3RpdmVgIGluc3RhbmNlcy5cbiAgICogVGhlc2UgYXJlIHRoZSBsaW5rcyBtYW5hZ2VkIGJ5IHRoZSBzZXJ2aWNlLCB0eXBpY2FsbHkgc2V0IGJ5IHRoZSBgQW5jaG9yTmF2aWdhdGlvbkNvbXBvbmVudGBcbiAgICogYmFzZWQgb24gaXRzIHByb2plY3RlZCBjb250ZW50LlxuICAgKi9cbiAgcHVibGljIHByb2plY3RlZEFuY2hvckxpbmtzOiBXcml0YWJsZVNpZ25hbDxyZWFkb25seSBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudFtdPiA9IHNpZ25hbChbXSk7XG5cbiAgLyoqXG4gICAqIEEgcmVhZG9ubHkgU2lnbmFsIGluZGljYXRpbmcgdGhlIGN1cnJlbnRseSBhY3RpdmUgQW5jaG9yTGlua0RpcmVjdGl2ZS5cbiAgICogVGhpcyBpcyB1cGRhdGVkIGJ5IHRoZSBzZXJ2aWNlIGJhc2VkIG9uIHNjcm9sbCBwb3NpdGlvbiBhbmQgaW50ZXJzZWN0aW9uLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGFjdGl2ZUFuY2hvckxpbmsgPSBzaWduYWw8QW5jaG9yTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKG9uQ2xlYW51cCkgPT4ge1xuICAgICAgY29uc3QgY3VycmVudFJvb3QgPSB0aGlzLnNjcm9sbGFibGVDb250YWluZXIoKTtcbiAgICAgIGNvbnN0IGN1cnJlbnRMaW5rcyA9IHRoaXMucHJvamVjdGVkQW5jaG9yTGlua3MoKTtcblxuICAgICAgaWYgKCFjdXJyZW50TGlua3MubGVuZ3RoKSB7XG4gICAgICAgIHRoaXMuZGlzY29ubmVjdE9ic2VydmVyKCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgdGhpcy5pbml0SW50ZXJzZWN0aW9uT2JzZXJ2ZXIoY3VycmVudFJvb3QpO1xuICAgICAgdGhpcy51cGRhdGVPYnNlcnZlZEVsZW1lbnRzKCk7XG5cbiAgICAgIG9uQ2xlYW51cCgoKSA9PiB7XG4gICAgICAgIHRoaXMuZGlzY29ubmVjdE9ic2VydmVyKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRpc2Nvbm5lY3RPYnNlcnZlcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNjcm9sbHMgdGhlIHZpZXcgdG8gdGhlIHNlY3Rpb24gYXNzb2NpYXRlZCB3aXRoIHRoZSBnaXZlbiBgQW5jaG9yTGlua0RpcmVjdGl2ZWBcbiAgICogYW5kIHNldHMgaXQgYXMgdGhlIGFjdGl2ZSBsaW5rLlxuICAgKlxuICAgKiBAcGFyYW0gYW5jaG9yIFRoZSBgQW5jaG9yTGlua0RpcmVjdGl2ZWAgaW5zdGFuY2UgcmVwcmVzZW50aW5nIHRoZSB0YXJnZXQgYW5jaG9yL3NlY3Rpb24uXG4gICAqICAgICAgICAgICAgICAgSWYgbnVsbCBvciBpZiB0aGUgYW5jaG9yJ3MgSUQgaXMgbm90IGZvdW5kLCBhIHdhcm5pbmcgaXMgbG9nZ2VkIGFuZCB0aGUgbWV0aG9kIHJldHVybnMuXG4gICAqL1xuICBwdWJsaWMgc2Nyb2xsVG9BbmNob3IoYW5jaG9yOiBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB8IG51bGwpOiB2b2lkIHtcbiAgICBjb25zdCBhbmNob3JJZCA9IGFuY2hvcj8uaHJlZigpO1xuICAgIGlmICghYW5jaG9ySWQpIHtcbiAgICAgIGNvbnNvbGUud2FybihgW0FuY2hvck5hdmlnYXRpb25TZXJ2aWNlXSBBdHRlbXB0ZWQgdG8gc2Nyb2xsIHRvIGFuIGFuY2hvciB3aXRob3V0IGFuIElELmApO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBhbmNob3JFbGVtZW50ID0gdGhpcy5zY3JvbGxhYmxlQ29udGFpbmVyKCkucXVlcnlTZWxlY3RvcihgIyR7Q1NTLmVzY2FwZShhbmNob3JJZCl9YCkgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuXG4gICAgaWYgKCFhbmNob3JFbGVtZW50KSB7XG4gICAgICBjb25zb2xlLndhcm4oYFtBbmNob3JOYXZpZ2F0aW9uU2VydmljZV0gQW5jaG9yIHdpdGggSUQgXCIke2FuY2hvcklkfVwiIG5vdCBmb3VuZCBpbiB0aGUgcm9vdCBjb250YWluZXIuYCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgYW5jaG9yRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJywgYmxvY2s6ICdzdGFydCcgfSk7XG4gIH1cblxuICBwcml2YXRlIGluaXRJbnRlcnNlY3Rpb25PYnNlcnZlcihyb290OiBIVE1MRWxlbWVudCB8IERvY3VtZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIpIHtcbiAgICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIH1cbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKChlbnRyaWVzOiBJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5W10pID0+IHRoaXMub25JbnRlcnNlY3Rpb25VcGRhdGUoZW50cmllcyksIHtcbiAgICAgIHJvb3Q6IHJvb3QgPT09IHRoaXMud2luZG93UmVmLmRvY3VtZW50ID8gbnVsbCA6IHJvb3QsXG4gICAgICB0aHJlc2hvbGQ6IDAuMSxcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlT2JzZXJ2ZWRFbGVtZW50cygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIpIHJldHVybjtcbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB0aGlzLmludGVyc2VjdGlvblN0YXRlcy5jbGVhcigpO1xuXG4gICAgY29uc3Qgc2VjdGlvbnMgPSB0aGlzLnRhcmdldFNjcm9sbFNlY3Rpb25zKCk7XG4gICAgc2VjdGlvbnMuZm9yRWFjaCgoc2VjdGlvbikgPT4ge1xuICAgICAgaWYgKHNlY3Rpb24pIHtcbiAgICAgICAgdGhpcy5pbnRlcnNlY3Rpb25TdGF0ZXMuc2V0KHNlY3Rpb24sIGZhbHNlKTtcbiAgICAgICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlciEub2JzZXJ2ZShzZWN0aW9uKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgb25JbnRlcnNlY3Rpb25VcGRhdGUoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4gdGhpcy5pbnRlcnNlY3Rpb25TdGF0ZXMuc2V0KGVudHJ5LnRhcmdldCwgZW50cnkuaXNJbnRlcnNlY3RpbmcpKTtcblxuICAgIGxldCBuZXdBY3RpdmVDYW5kaWRhdGU6IEFuY2hvck5hdmlnYXRpb25JdGVtQ29tcG9uZW50IHwgbnVsbCA9IG51bGw7XG4gICAgY29uc3QgY3VycmVudFNlY3Rpb25zID0gdGhpcy50YXJnZXRTY3JvbGxTZWN0aW9ucygpO1xuICAgIGZvciAoY29uc3Qgc2VjdGlvbiBvZiBjdXJyZW50U2VjdGlvbnMpIHtcbiAgICAgIGlmICh0aGlzLmludGVyc2VjdGlvblN0YXRlcy5nZXQoc2VjdGlvbikgPT09IHRydWUpIHtcbiAgICAgICAgbmV3QWN0aXZlQ2FuZGlkYXRlID0gdGhpcy5wcm9qZWN0ZWRBbmNob3JMaW5rcygpLmZpbmQoKGxpbmspID0+IGxpbmsuaHJlZigpID09PSBzZWN0aW9uLmlkKSB8fCBudWxsO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAodGhpcy5hY3RpdmVBbmNob3JMaW5rKCkgIT09IG5ld0FjdGl2ZUNhbmRpZGF0ZSkgdGhpcy5hY3RpdmVBbmNob3JMaW5rLnNldChuZXdBY3RpdmVDYW5kaWRhdGUpO1xuICB9XG5cbiAgcHJpdmF0ZSBmaW5kVGFyZ2V0U2Nyb2xsU2VjdGlvbnMoKTogSFRNTEVsZW1lbnRbXSB7XG4gICAgY29uc3QgY3VycmVudExpbmtzID0gdGhpcy5wcm9qZWN0ZWRBbmNob3JMaW5rcygpO1xuICAgIGlmICghY3VycmVudExpbmtzLmxlbmd0aCkgcmV0dXJuIFtdO1xuXG4gICAgY29uc3Qgc2VsZWN0b3JzID0gY3VycmVudExpbmtzXG4gICAgICAubWFwKChsaW5rKSA9PiBsaW5rLmhyZWYoKSlcbiAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgIC5tYXAoKGlkKSA9PiBgIyR7Q1NTLmVzY2FwZShpZCl9YClcbiAgICAgIC5qb2luKCcsJyk7XG4gICAgcmV0dXJuIHNlbGVjdG9ycyA/IEFycmF5LmZyb20odGhpcy5zY3JvbGxhYmxlQ29udGFpbmVyKCkucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oc2VsZWN0b3JzKSkgOiBbXTtcbiAgfVxuXG4gIHByaXZhdGUgZGlzY29ubmVjdE9ic2VydmVyKCk6IHZvaWQge1xuICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyID0gdW5kZWZpbmVkO1xuICB9XG59XG4iXX0=

package/esm2022/components/anchor-navigation/components/anchor-navigation-item.component.mjs

@@ -0,0 +1,32 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';
+import { LinkDirective } from '@odx/angular/components/link';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { AnchorNavigationService } from '../anchor-navigation.service';
+import * as i0 from "@angular/core";
+let AnchorNavigationItemComponent = class AnchorNavigationItemComponent {
+    constructor() {
+        this.navigationService = inject(AnchorNavigationService);
+        this.element = injectElement();
+        this.href = input.required();
+        this.isActive = computed(() => this.navigationService.activeAnchorLink() === this);
+    }
+    handleClick(e) {
+        e.preventDefault();
+        this.navigationService.scrollToAnchor(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnchorNavigationItemComponent, isStandalone: true, selector: "odx-anchor-navigation-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.is-active": "isActive()" } }, ngImport: i0, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n", dependencies: [{ kind: "directive", type: LinkDirective, selector: "a[odxLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AnchorNavigationItemComponent = __decorate([
+    CSSComponent('anchor-navigation-item')
+], AnchorNavigationItemComponent);
+export { AnchorNavigationItemComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-anchor-navigation-item', standalone: true, imports: [LinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.is-active]': 'isActive()',
+                    }, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9hbmNob3ItbmF2aWdhdGlvbi9zcmMvY29tcG9uZW50cy9hbmNob3ItbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2FuY2hvci1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2FuY2hvci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBY2hFLElBQU0sNkJBQTZCLEdBQW5DLE1BQU0sNkJBQTZCO0lBQW5DO1FBQ1ksc0JBQWlCLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDckQsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBRW5DLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDaEMsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxJQUFJLENBQUMsQ0FBQztLQU10RjtJQUpXLFdBQVcsQ0FBQyxDQUFRO1FBQzVCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlDLENBQUM7K0dBVlUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsaVJDbEIxQywwTEFHQSw0Q0RRWSxhQUFhOztBQU9aLDZCQUE2QjtJQVp6QyxZQUFZLENBQUMsd0JBQXdCLENBQUM7R0FZMUIsNkJBQTZCLENBV3pDOzs0RkFYWSw2QkFBNkI7a0JBWHpDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBRTFCLElBQUksV0FDUCxDQUFDLGFBQWEsQ0FBQyxpQkFDVCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLG1CQUFtQixFQUFFLFlBQVk7cUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaW5rRGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvbGluayc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5pbXBvcnQgeyBBbmNob3JOYXZpZ2F0aW9uU2VydmljZSB9IGZyb20gJy4uL2FuY2hvci1uYXZpZ2F0aW9uLnNlcnZpY2UnO1xuXG5AQ1NTQ29tcG9uZW50KCdhbmNob3ItbmF2aWdhdGlvbi1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1hbmNob3ItbmF2aWdhdGlvbi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuY2hvci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTGlua0RpcmVjdGl2ZV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5pcy1hY3RpdmVdJzogJ2lzQWN0aXZlKCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBBbmNob3JOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgbmF2aWdhdGlvblNlcnZpY2UgPSBpbmplY3QoQW5jaG9yTmF2aWdhdGlvblNlcnZpY2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBwdWJsaWMgaHJlZiA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcHVibGljIGlzQWN0aXZlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5uYXZpZ2F0aW9uU2VydmljZS5hY3RpdmVBbmNob3JMaW5rKCkgPT09IHRoaXMpO1xuXG4gIHByb3RlY3RlZCBoYW5kbGVDbGljayhlOiBFdmVudCk6IHZvaWQge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLm5hdmlnYXRpb25TZXJ2aWNlLnNjcm9sbFRvQW5jaG9yKHRoaXMpO1xuICB9XG59XG4iLCI8YSBvZHhMaW5rIFtocmVmXT1cIicjJyArIGhyZWYoKVwiIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCIgKGtleWRvd24uc3BhY2UpPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiIFthdHRyLmFyaWEtY3VycmVudF09XCJpc0FjdGl2ZSgpID8gJ3BhZ2UnIDogbnVsbFwiPlxuICA8bmctY29udGVudCAvPlxuPC9hPlxuIl19

package/esm2022/components/anchor-navigation/components/index.mjs

@@ -0,0 +1,2 @@
+export * from './anchor-navigation-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9hbmNob3ItbmF2aWdhdGlvbi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hbmNob3ItbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/components/anchor-navigation/index.mjs

@@ -0,0 +1,5 @@
+export * from './anchor-navigation.component';
+export * from './anchor-navigation.module';
+export * from './anchor-navigation.service';
+export * from './components';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9hbmNob3ItbmF2aWdhdGlvbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FuY2hvci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2FuY2hvci1uYXZpZ2F0aW9uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2FuY2hvci1uYXZpZ2F0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzJztcbiJdfQ==

package/esm2022/components/anchor-navigation/odx-angular-components-anchor-navigation.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2R4LWFuZ3VsYXItY29tcG9uZW50cy1hbmNob3ItbmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2FuY2hvci1uYXZpZ2F0aW9uL3NyYy9vZHgtYW5ndWxhci1jb21wb25lbnRzLWFuY2hvci1uYXZpZ2F0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/fesm2022/odx-angular-components-anchor-navigation.mjs

@@ -0,0 +1,220 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, computed, signal, effect, Injectable, input, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChildren, booleanAttribute, NgModule } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { WindowRef } from '@odx/angular';
+import { LinkDirective } from '@odx/angular/components/link';
+
+class AnchorNavigationService {
+    constructor() {
+        this.windowRef = inject(WindowRef);
+        this.intersectionStates = new Map();
+        this.targetScrollSections = computed(() => this.findTargetScrollSections());
+        /**
+         * A WritableSignal holding the scrollable container element or document.
+         * This is set by the AnchorNavigationComponent.
+         * Defaults to the window's document.
+         */
+        this.scrollableContainer = signal(this.windowRef.document);
+        /**
+         * A WritableSignal holding an array of `AnchorLinkDirective` instances.
+         * These are the links managed by the service, typically set by the `AnchorNavigationComponent`
+         * based on its projected content.
+         */
+        this.projectedAnchorLinks = signal([]);
+        /**
+         * A readonly Signal indicating the currently active AnchorLinkDirective.
+         * This is updated by the service based on scroll position and intersection.
+         */
+        this.activeAnchorLink = signal(null);
+        effect((onCleanup) => {
+            const currentRoot = this.scrollableContainer();
+            const currentLinks = this.projectedAnchorLinks();
+            if (!currentLinks.length) {
+                this.disconnectObserver();
+                return;
+            }
+            this.initIntersectionObserver(currentRoot);
+            this.updateObservedElements();
+            onCleanup(() => {
+                this.disconnectObserver();
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.disconnectObserver();
+    }
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`
+     * and sets it as the active link.
+     *
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     *               If null or if the anchor's ID is not found, a warning is logged and the method returns.
+     */
+    scrollToAnchor(anchor) {
+        const anchorId = anchor?.href();
+        if (!anchorId) {
+            console.warn(`[AnchorNavigationService] Attempted to scroll to an anchor without an ID.`);
+            return;
+        }
+        const anchorElement = this.scrollableContainer().querySelector(`#${CSS.escape(anchorId)}`);
+        if (!anchorElement) {
+            console.warn(`[AnchorNavigationService] Anchor with ID "${anchorId}" not found in the root container.`);
+            return;
+        }
+        anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    initIntersectionObserver(root) {
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+        }
+        this.intersectionObserver = new IntersectionObserver((entries) => this.onIntersectionUpdate(entries), {
+            root: root === this.windowRef.document ? null : root,
+            threshold: 0.1,
+        });
+    }
+    updateObservedElements() {
+        if (!this.intersectionObserver)
+            return;
+        this.intersectionObserver.disconnect();
+        this.intersectionStates.clear();
+        const sections = this.targetScrollSections();
+        sections.forEach((section) => {
+            if (section) {
+                this.intersectionStates.set(section, false);
+                this.intersectionObserver.observe(section);
+            }
+        });
+    }
+    onIntersectionUpdate(entries) {
+        entries.forEach((entry) => this.intersectionStates.set(entry.target, entry.isIntersecting));
+        let newActiveCandidate = null;
+        const currentSections = this.targetScrollSections();
+        for (const section of currentSections) {
+            if (this.intersectionStates.get(section) === true) {
+                newActiveCandidate = this.projectedAnchorLinks().find((link) => link.href() === section.id) || null;
+                break;
+            }
+        }
+        if (this.activeAnchorLink() !== newActiveCandidate)
+            this.activeAnchorLink.set(newActiveCandidate);
+    }
+    findTargetScrollSections() {
+        const currentLinks = this.projectedAnchorLinks();
+        if (!currentLinks.length)
+            return [];
+        const selectors = currentLinks
+            .map((link) => link.href())
+            .filter(Boolean)
+            .map((id) => `#${CSS.escape(id)}`)
+            .join(',');
+        return selectors ? Array.from(this.scrollableContainer().querySelectorAll(selectors)) : [];
+    }
+    disconnectObserver() {
+        this.intersectionObserver?.disconnect();
+        this.intersectionObserver = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+let AnchorNavigationItemComponent = class AnchorNavigationItemComponent {
+    constructor() {
+        this.navigationService = inject(AnchorNavigationService);
+        this.element = injectElement();
+        this.href = input.required();
+        this.isActive = computed(() => this.navigationService.activeAnchorLink() === this);
+    }
+    handleClick(e) {
+        e.preventDefault();
+        this.navigationService.scrollToAnchor(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnchorNavigationItemComponent, isStandalone: true, selector: "odx-anchor-navigation-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.is-active": "isActive()" } }, ngImport: i0, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n", dependencies: [{ kind: "directive", type: LinkDirective, selector: "a[odxLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AnchorNavigationItemComponent = __decorate([
+    CSSComponent('anchor-navigation-item')
+], AnchorNavigationItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-anchor-navigation-item', standalone: true, imports: [LinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.is-active]': 'isActive()',
+                    }, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n" }]
+        }] });
+
+let AnchorNavigationComponent = class AnchorNavigationComponent {
+    constructor() {
+        this.service = inject(AnchorNavigationService);
+        this.element = injectElement();
+        /**
+         * A Signal with list of `AnchorLinkDirective` instances projected into this component.
+         * These are the anchor links that this navigation component will manage.
+         */
+        this.projectedAnchorLinks = contentChildren(AnchorNavigationItemComponent);
+        /**
+         * Input to determine if the anchor navigation should be displayed vertically.
+         * Defaults to `false` (horizontal).
+         */
+        this.vertical = input(false, { transform: booleanAttribute });
+        /**
+         * Input to specify the scrollable container element or document whose scroll position
+         * is used to determine the active anchor link. If not provided, defaults to the
+         * `document` of the current window.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.scrollableContainer = input(undefined, { alias: 'root' });
+        this.activeAnchorLink = this.service.activeAnchorLink;
+        effect(() => {
+            this.service.projectedAnchorLinks.set(this.projectedAnchorLinks());
+            const rcInput = this.scrollableContainer();
+            if (rcInput !== undefined) {
+                this.service.scrollableContainer.set(rcInput);
+            }
+        }, { allowSignalWrites: true });
+    }
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`.
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     */
+    scrollToAnchor(anchor) {
+        this.service.scrollToAnchor(anchor);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: AnchorNavigationComponent, isStandalone: true, selector: "odx-anchor-navigation", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, scrollableContainer: { classPropertyName: "scrollableContainer", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.odx-anchor-navigation--vertical": "vertical()", "attr.role": "\"navigation\"" } }, providers: [AnchorNavigationService], queries: [{ propertyName: "projectedAnchorLinks", predicate: AnchorNavigationItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AnchorNavigationComponent = __decorate([
+    CSSComponent('anchor-navigation'),
+    __metadata("design:paramtypes", [])
+], AnchorNavigationComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-anchor-navigation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, encapsulation: ViewEncapsulation.None, providers: [AnchorNavigationService], host: {
+                        '[class.odx-anchor-navigation--vertical]': 'vertical()',
+                        '[attr.role]': '"navigation"',
+                    }, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n" }]
+        }], ctorParameters: () => [] });
+
+const modules = [AnchorNavigationComponent, AnchorNavigationItemComponent];
+class AnchorNavigationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, imports: [AnchorNavigationComponent, AnchorNavigationItemComponent], exports: [AnchorNavigationComponent, AnchorNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AnchorNavigationComponent, AnchorNavigationItemComponent, AnchorNavigationModule, AnchorNavigationService };
+//# sourceMappingURL=odx-angular-components-anchor-navigation.mjs.map

package/fesm2022/odx-angular-components-anchor-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-anchor-navigation.mjs","sources":["../../../../libs/angular/components/anchor-navigation/src/anchor-navigation.service.ts","../../../../libs/angular/components/anchor-navigation/src/components/anchor-navigation-item.component.ts","../../../../libs/angular/components/anchor-navigation/src/components/anchor-navigation-item.component.html","../../../../libs/angular/components/anchor-navigation/src/anchor-navigation.component.ts","../../../../libs/angular/components/anchor-navigation/src/anchor-navigation.component.html","../../../../libs/angular/components/anchor-navigation/src/anchor-navigation.module.ts","../../../../libs/angular/components/anchor-navigation/src/odx-angular-components-anchor-navigation.ts"],"sourcesContent":["import { computed, effect, inject, Injectable, OnDestroy, signal, WritableSignal } from '@angular/core';\nimport { WindowRef } from '@odx/angular';\nimport { AnchorNavigationItemComponent } from './components/anchor-navigation-item.component';\n\n@Injectable()\nexport class AnchorNavigationService implements OnDestroy {\n  private readonly windowRef = inject(WindowRef);\n  private intersectionObserver?: IntersectionObserver;\n  private readonly intersectionStates = new Map<Element, boolean>();\n\n  private readonly targetScrollSections = computed<HTMLElement[]>(() => this.findTargetScrollSections());\n\n  /**\n   * A WritableSignal holding the scrollable container element or document.\n   * This is set by the AnchorNavigationComponent.\n   * Defaults to the window's document.\n   */\n  public scrollableContainer: WritableSignal<HTMLElement | Document> = signal(this.windowRef.document);\n\n  /**\n   * A WritableSignal holding an array of `AnchorLinkDirective` instances.\n   * These are the links managed by the service, typically set by the `AnchorNavigationComponent`\n   * based on its projected content.\n   */\n  public projectedAnchorLinks: WritableSignal<readonly AnchorNavigationItemComponent[]> = signal([]);\n\n  /**\n   * A readonly Signal indicating the currently active AnchorLinkDirective.\n   * This is updated by the service based on scroll position and intersection.\n   */\n  public readonly activeAnchorLink = signal<AnchorNavigationItemComponent | null>(null);\n\n  constructor() {\n    effect((onCleanup) => {\n      const currentRoot = this.scrollableContainer();\n      const currentLinks = this.projectedAnchorLinks();\n\n      if (!currentLinks.length) {\n        this.disconnectObserver();\n        return;\n      }\n\n      this.initIntersectionObserver(currentRoot);\n      this.updateObservedElements();\n\n      onCleanup(() => {\n        this.disconnectObserver();\n      });\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.disconnectObserver();\n  }\n\n  /**\n   * Scrolls the view to the section associated with the given `AnchorLinkDirective`\n   * and sets it as the active link.\n   *\n   * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.\n   *               If null or if the anchor's ID is not found, a warning is logged and the method returns.\n   */\n  public scrollToAnchor(anchor: AnchorNavigationItemComponent | null): void {\n    const anchorId = anchor?.href();\n    if (!anchorId) {\n      console.warn(`[AnchorNavigationService] Attempted to scroll to an anchor without an ID.`);\n      return;\n    }\n    const anchorElement = this.scrollableContainer().querySelector(`#${CSS.escape(anchorId)}`) as HTMLElement | null;\n\n    if (!anchorElement) {\n      console.warn(`[AnchorNavigationService] Anchor with ID \"${anchorId}\" not found in the root container.`);\n      return;\n    }\n\n    anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  }\n\n  private initIntersectionObserver(root: HTMLElement | Document): void {\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n    }\n    this.intersectionObserver = new IntersectionObserver((entries: IntersectionObserverEntry[]) => this.onIntersectionUpdate(entries), {\n      root: root === this.windowRef.document ? null : root,\n      threshold: 0.1,\n    });\n  }\n\n  private updateObservedElements(): void {\n    if (!this.intersectionObserver) return;\n    this.intersectionObserver.disconnect();\n    this.intersectionStates.clear();\n\n    const sections = this.targetScrollSections();\n    sections.forEach((section) => {\n      if (section) {\n        this.intersectionStates.set(section, false);\n        this.intersectionObserver!.observe(section);\n      }\n    });\n  }\n\n  private onIntersectionUpdate(entries: IntersectionObserverEntry[]): void {\n    entries.forEach((entry) => this.intersectionStates.set(entry.target, entry.isIntersecting));\n\n    let newActiveCandidate: AnchorNavigationItemComponent | null = null;\n    const currentSections = this.targetScrollSections();\n    for (const section of currentSections) {\n      if (this.intersectionStates.get(section) === true) {\n        newActiveCandidate = this.projectedAnchorLinks().find((link) => link.href() === section.id) || null;\n        break;\n      }\n    }\n\n    if (this.activeAnchorLink() !== newActiveCandidate) this.activeAnchorLink.set(newActiveCandidate);\n  }\n\n  private findTargetScrollSections(): HTMLElement[] {\n    const currentLinks = this.projectedAnchorLinks();\n    if (!currentLinks.length) return [];\n\n    const selectors = currentLinks\n      .map((link) => link.href())\n      .filter(Boolean)\n      .map((id) => `#${CSS.escape(id)}`)\n      .join(',');\n    return selectors ? Array.from(this.scrollableContainer().querySelectorAll<HTMLElement>(selectors)) : [];\n  }\n\n  private disconnectObserver(): void {\n    this.intersectionObserver?.disconnect();\n    this.intersectionObserver = undefined;\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AnchorNavigationService } from '../anchor-navigation.service';\n\n@CSSComponent('anchor-navigation-item')\n@Component({\n  selector: 'odx-anchor-navigation-item',\n  templateUrl: './anchor-navigation-item.component.html',\n  standalone: true,\n  imports: [LinkDirective],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.is-active]': 'isActive()',\n  },\n})\nexport class AnchorNavigationItemComponent {\n  private readonly navigationService = inject(AnchorNavigationService);\n  public readonly element = injectElement();\n\n  public href = input.required<string>();\n  public isActive = computed(() => this.navigationService.activeAnchorLink() === this);\n\n  protected handleClick(e: Event): void {\n    e.preventDefault();\n    this.navigationService.scrollToAnchor(this);\n  }\n}\n","<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AnchorNavigationService } from './anchor-navigation.service';\nimport { AnchorNavigationItemComponent } from './components';\n\n@CSSComponent('anchor-navigation')\n@Component({\n  selector: 'odx-anchor-navigation',\n  templateUrl: './anchor-navigation.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AnchorNavigationService],\n  host: {\n    '[class.odx-anchor-navigation--vertical]': 'vertical()',\n    '[attr.role]': '\"navigation\"',\n  },\n})\nexport class AnchorNavigationComponent {\n  private readonly service = inject(AnchorNavigationService);\n  public readonly element = injectElement();\n\n  /**\n   * A Signal with list of `AnchorLinkDirective` instances projected into this component.\n   * These are the anchor links that this navigation component will manage.\n   */\n  public readonly projectedAnchorLinks = contentChildren(AnchorNavigationItemComponent);\n\n  /**\n   * Input to determine if the anchor navigation should be displayed vertically.\n   * Defaults to `false` (horizontal).\n   */\n  public vertical = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n  /**\n   * Input to specify the scrollable container element or document whose scroll position\n   * is used to determine the active anchor link. If not provided, defaults to the\n   * `document` of the current window.\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  public scrollableContainer = input<HTMLElement | Document | undefined>(undefined, { alias: 'root' });\n\n  public readonly activeAnchorLink = this.service.activeAnchorLink;\n\n  constructor() {\n    effect(\n      () => {\n        this.service.projectedAnchorLinks.set(this.projectedAnchorLinks());\n        const rcInput = this.scrollableContainer();\n\n        if (rcInput !== undefined) {\n          this.service.scrollableContainer.set(rcInput);\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  /**\n   * Scrolls the view to the section associated with the given `AnchorLinkDirective`.\n   * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.\n   */\n  public scrollToAnchor(anchor: AnchorNavigationItemComponent): void {\n    this.service.scrollToAnchor(anchor);\n  }\n}\n","<ng-content select=\"odx-anchor-navigation-item\" />\n","import { NgModule } from '@angular/core';\nimport { AnchorNavigationComponent } from './anchor-navigation.component';\nimport { AnchorNavigationItemComponent } from './components';\n\nconst modules = [AnchorNavigationComponent, AnchorNavigationItemComponent];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class AnchorNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/angular",
-  "version": "12.14.2",
+  "version": "12.15.0",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
@@ -166,6 +166,12 @@
       "esm": "./esm2022/components/action-group/odx-angular-components-action-group.mjs",
       "default": "./fesm2022/odx-angular-components-action-group.mjs"
     },
+    "./components/anchor-navigation": {
+      "types": "./components/anchor-navigation/index.d.ts",
+      "esm2022": "./esm2022/components/anchor-navigation/odx-angular-components-anchor-navigation.mjs",
+      "esm": "./esm2022/components/anchor-navigation/odx-angular-components-anchor-navigation.mjs",
+      "default": "./fesm2022/odx-angular-components-anchor-navigation.mjs"
+    },
     "./components/area-header": {
       "types": "./components/area-header/index.d.ts",
       "esm2022": "./esm2022/components/area-header/odx-angular-components-area-header.mjs",