ngwr 14.10.0 → 14.12.0

package/fesm2022/ngwr-anchor.mjs

@@ -1,115 +1,173 @@
-import { coerceNumberProperty } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { input, signal, computed, inject, NgZone, DestroyRef, afterNextRender, ViewEncapsulation, Component } from '@angular/core';
-import { useI18nText } from 'ngwr/i18n';
-import { WrPlatform } from 'ngwr/platform';
-import { WrScroll } from 'ngwr/scroll';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-/**
- * Scroll-spy in-page navigation. Renders a list of links to elements on
- * the page; clicking a link smooth-scrolls (via {@link WrScroll}),
- * and the closest visible heading auto-highlights as the user scrolls.
- *
- * @example
- * ```html
- * <wr-anchor
- *   [links]="[
- *     { id: 'intro', label: 'Introduction' },
- *     { id: 'usage', label: 'Usage', children: [
- *       { id: 'basic', label: 'Basic' },
- *       { id: 'advanced', label: 'Advanced' },
- *     ]}
- *   ]"
- *   [offset]="80"
- * />
- * ```
- *
- * @see https://ngwr.dev/reference/components/anchor
- */
-class WrAnchor {
-    links = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
-    /**
-     * Accessible name for the navigation landmark. Falls back to `anchor.label`,
-     * then `'Table of contents'` — it used to be that English string, hard-coded
-     * on the host, in a landmark a screen reader reads out on every page.
-     */
-    ariaLabel = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    resolvedAriaLabel = useI18nText(this.ariaLabel, 'anchor.label', 'Table of contents');
-    /** Pixel offset subtracted on scroll — for sticky headers. @default 0 */
-    offset = input(0, { ...(ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {}), transform: (v) => Math.max(0, coerceNumberProperty(v, 0)) });
-    /** Highlight an item when its target's top is within this many px of the offset line. @default 80 */
-    hitArea = input(80, { ...(ngDevMode ? { debugName: "hitArea" } : /* istanbul ignore next */ {}), transform: (v) => Math.max(0, coerceNumberProperty(v, 80)) });
-    activeId = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeId" }] : /* istanbul ignore next */ []));
-    /** Flat list of all ids (top-level + children) — used for scroll spy. */
-    flatIds = computed(() => {
-        const out = [];
-        const walk = (list) => {
-            for (const item of list) {
-                out.push(item.id);
-                if (item.children)
-                    walk(item.children);
-            }
-        };
-        walk(this.links());
-        return out;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "flatIds" }] : /* istanbul ignore next */ []));
-    scroll = inject(WrScroll);
-    platform = inject(WrPlatform);
-    zone = inject(NgZone);
-    destroyRef = inject(DestroyRef);
-    constructor() {
-        if (!this.platform.isBrowser)
-            return;
-        const handler = () => {
-            const cursor = this.offset() + this.hitArea();
-            let active = null;
-            for (const id of this.flatIds()) {
-                const el = document.getElementById(id);
-                if (!el)
-                    continue;
-                const top = el.getBoundingClientRect().top;
-                if (top <= cursor)
-                    active = id;
-                else
-                    break;
-            }
-            if (active !== this.activeId())
-                this.zone.run(() => this.activeId.set(active));
-        };
-        this.zone.runOutsideAngular(() => window.addEventListener('scroll', handler, { passive: true }));
-        this.destroyRef.onDestroy(() => window.removeEventListener('scroll', handler));
-        // The first pass has to wait for a render: the targets are elsewhere on the
-        // page and are usually rendered AFTER this list, so a constructor-time pass
-        // found nothing by `getElementById` and left the page with no highlight at
-        // all until the reader happened to scroll.
-        afterNextRender(() => handler());
-    }
-    onClick(id, event) {
-        event.preventDefault();
-        this.scroll.to(`#${id}`, { offset: this.offset() });
-        this.activeId.set(id);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrAnchor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrAnchor, isStandalone: true, selector: "wr-anchor", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, hitArea: { classPropertyName: "hitArea", publicName: "hitArea", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, properties: { "attr.aria-label": "resolvedAriaLabel()" }, classAttribute: "wr-anchor" }, ngImport: i0, template: "<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n", encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrAnchor, decorators: [{
-            type: Component,
-            args: [{ selector: 'wr-anchor', encapsulation: ViewEncapsulation.None, host: { class: 'wr-anchor', role: 'navigation', '[attr.aria-label]': 'resolvedAriaLabel()' }, template: "<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n" }]
-        }], ctorParameters: () => [], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], hitArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hitArea", required: false }] }] } });
-
+import { coerceNumberProperty } from "@angular/cdk/coercion";
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, NgZone, ViewEncapsulation, afterNextRender, computed, inject, input, signal } from "@angular/core";
+import { useI18nText } from "ngwr/i18n";
+import { WrPlatform } from "ngwr/platform";
+import { WrScroll } from "ngwr/scroll";
 /**
- * Generated bundle index. Do not edit.
- */
-
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+var WrAnchor = class WrAnchor {
+	links = input([], ...ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	resolvedAriaLabel = useI18nText(this.ariaLabel, "anchor.label", "Table of contents");
+	offset = input(0, {
+		...ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {},
+		transform: (v) => Math.max(0, coerceNumberProperty(v, 0))
+	});
+	hitArea = input(80, {
+		...ngDevMode ? { debugName: "hitArea" } : /* istanbul ignore next */ {},
+		transform: (v) => Math.max(0, coerceNumberProperty(v, 80))
+	});
+	activeId = signal(null, ...ngDevMode ? [{ debugName: "activeId" }] : /* istanbul ignore next */ []);
+	flatIds = computed(() => {
+		const out = [];
+		const walk = (list) => {
+			for (const item of list) {
+				out.push(item.id);
+				if (item.children) walk(item.children);
+			}
+		};
+		walk(this.links());
+		return out;
+	}, ...ngDevMode ? [{ debugName: "flatIds" }] : /* istanbul ignore next */ []);
+	scroll = inject(WrScroll);
+	platform = inject(WrPlatform);
+	zone = inject(NgZone);
+	destroyRef = inject(DestroyRef);
+	constructor() {
+		if (!this.platform.isBrowser) return;
+		const handler = () => {
+			const cursor = this.offset() + this.hitArea();
+			let active = null;
+			for (const id of this.flatIds()) {
+				const el = document.getElementById(id);
+				if (!el) continue;
+				if (el.getBoundingClientRect().top <= cursor) active = id;
+				else break;
+			}
+			if (active !== this.activeId()) this.zone.run(() => this.activeId.set(active));
+		};
+		this.zone.runOutsideAngular(() => window.addEventListener("scroll", handler, { passive: true }));
+		this.destroyRef.onDestroy(() => window.removeEventListener("scroll", handler));
+		afterNextRender(() => handler());
+	}
+	onClick(id, event) {
+		event.preventDefault();
+		this.scroll.to(`#${id}`, { offset: this.offset() });
+		this.activeId.set(id);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: WrAnchor,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: WrAnchor,
+		isStandalone: true,
+		selector: "wr-anchor",
+		inputs: {
+			links: {
+				classPropertyName: "links",
+				publicName: "links",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			offset: {
+				classPropertyName: "offset",
+				publicName: "offset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hitArea: {
+				classPropertyName: "hitArea",
+				publicName: "hitArea",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "navigation" },
+			properties: { "attr.aria-label": "resolvedAriaLabel()" },
+			classAttribute: "wr-anchor"
+		},
+		ngImport: i0,
+		template: "<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n",
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: WrAnchor,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "wr-anchor",
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "wr-anchor",
+				role: "navigation",
+				"[attr.aria-label]": "resolvedAriaLabel()"
+			},
+			template: "<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		links: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "links",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		offset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "offset",
+				required: false
+			}]
+		}],
+		hitArea: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hitArea",
+				required: false
+			}]
+		}]
+	}
+});
 export { WrAnchor };
-//# sourceMappingURL=ngwr-anchor.mjs.map
+
+//# sourceMappingURL=ngwr-anchor.mjs.map

package/fesm2022/ngwr-anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-anchor.mjs","sources":["../../../projects/lib/anchor/anchor.ts","../../../projects/lib/anchor/anchor.html","../../../projects/lib/anchor/ngwr-anchor.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  DestroyRef,\n  NgZone,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrPlatform } from 'ngwr/platform';\nimport { WrScroll } from 'ngwr/scroll';\n\nimport type { WrAnchorLink } from './interfaces';\n\n/**\n * Scroll-spy in-page navigation. Renders a list of links to elements on\n * the page; clicking a link smooth-scrolls (via {@link WrScroll}),\n * and the closest visible heading auto-highlights as the user scrolls.\n *\n * @example\n * ```html\n * <wr-anchor\n *   [links]=\"[\n *     { id: 'intro', label: 'Introduction' },\n *     { id: 'usage', label: 'Usage', children: [\n *       { id: 'basic', label: 'Basic' },\n *       { id: 'advanced', label: 'Advanced' },\n *     ]}\n *   ]\"\n *   [offset]=\"80\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/anchor\n */\n@Component({\n  selector: 'wr-anchor',\n  templateUrl: './anchor.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-anchor', role: 'navigation', '[attr.aria-label]': 'resolvedAriaLabel()' },\n})\nexport class WrAnchor {\n  readonly links = input<readonly WrAnchorLink[]>([]);\n\n  /**\n   * Accessible name for the navigation landmark. Falls back to `anchor.label`,\n   * then `'Table of contents'` — it used to be that English string, hard-coded\n   * on the host, in a landmark a screen reader reads out on every page.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'anchor.label', 'Table of contents');\n\n  /** Pixel offset subtracted on scroll — for sticky headers. @default 0 */\n  readonly offset = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  /** Highlight an item when its target's top is within this many px of the offset line. @default 80 */\n  readonly hitArea = input(80, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 80)) });\n\n  protected readonly activeId = signal<string | null>(null);\n\n  /** Flat list of all ids (top-level + children) — used for scroll spy. */\n  protected readonly flatIds = computed<readonly string[]>(() => {\n    const out: string[] = [];\n    const walk = (list: readonly WrAnchorLink[]): void => {\n      for (const item of list) {\n        out.push(item.id);\n        if (item.children) walk(item.children);\n      }\n    };\n    walk(this.links());\n    return out;\n  });\n\n  private readonly scroll = inject(WrScroll);\n  private readonly platform = inject(WrPlatform);\n  private readonly zone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (!this.platform.isBrowser) return;\n    const handler = (): void => {\n      const cursor = this.offset() + this.hitArea();\n      let active: string | null = null;\n      for (const id of this.flatIds()) {\n        const el = document.getElementById(id);\n        if (!el) continue;\n        const top = el.getBoundingClientRect().top;\n        if (top <= cursor) active = id;\n        else break;\n      }\n      if (active !== this.activeId()) this.zone.run(() => this.activeId.set(active));\n    };\n    this.zone.runOutsideAngular(() => window.addEventListener('scroll', handler, { passive: true }));\n    this.destroyRef.onDestroy(() => window.removeEventListener('scroll', handler));\n    // The first pass has to wait for a render: the targets are elsewhere on the\n    // page and are usually rendered AFTER this list, so a constructor-time pass\n    // found nothing by `getElementById` and left the page with no highlight at\n    // all until the reader happened to scroll.\n    afterNextRender(() => handler());\n  }\n\n  protected onClick(id: string, event: MouseEvent): void {\n    event.preventDefault();\n    this.scroll.to(`#${id}`, { offset: this.offset() });\n    this.activeId.set(id);\n  }\n}\n\nexport type { WrAnchorLink } from './interfaces';\n","<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-anchor.mjs","names":[],"sources":["../../../projects/lib/anchor/anchor.ts","../../../projects/lib/anchor/anchor.html"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  DestroyRef,\n  NgZone,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrPlatform } from 'ngwr/platform';\nimport { WrScroll } from 'ngwr/scroll';\n\nimport type { WrAnchorLink } from './interfaces';\n\n/**\n * Scroll-spy in-page navigation. Renders a list of links to elements on\n * the page; clicking a link smooth-scrolls (via {@link WrScroll}),\n * and the closest visible heading auto-highlights as the user scrolls.\n *\n * @example\n * ```html\n * <wr-anchor\n *   [links]=\"[\n *     { id: 'intro', label: 'Introduction' },\n *     { id: 'usage', label: 'Usage', children: [\n *       { id: 'basic', label: 'Basic' },\n *       { id: 'advanced', label: 'Advanced' },\n *     ]}\n *   ]\"\n *   [offset]=\"80\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/anchor\n */\n@Component({\n  selector: 'wr-anchor',\n  templateUrl: './anchor.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-anchor', role: 'navigation', '[attr.aria-label]': 'resolvedAriaLabel()' },\n})\nexport class WrAnchor {\n  readonly links = input<readonly WrAnchorLink[]>([]);\n\n  /**\n   * Accessible name for the navigation landmark. Falls back to `anchor.label`,\n   * then `'Table of contents'` — it used to be that English string, hard-coded\n   * on the host, in a landmark a screen reader reads out on every page.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'anchor.label', 'Table of contents');\n\n  /** Pixel offset subtracted on scroll — for sticky headers. @default 0 */\n  readonly offset = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  /** Highlight an item when its target's top is within this many px of the offset line. @default 80 */\n  readonly hitArea = input(80, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 80)) });\n\n  protected readonly activeId = signal<string | null>(null);\n\n  /** Flat list of all ids (top-level + children) — used for scroll spy. */\n  protected readonly flatIds = computed<readonly string[]>(() => {\n    const out: string[] = [];\n    const walk = (list: readonly WrAnchorLink[]): void => {\n      for (const item of list) {\n        out.push(item.id);\n        if (item.children) walk(item.children);\n      }\n    };\n    walk(this.links());\n    return out;\n  });\n\n  private readonly scroll = inject(WrScroll);\n  private readonly platform = inject(WrPlatform);\n  private readonly zone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (!this.platform.isBrowser) return;\n    const handler = (): void => {\n      const cursor = this.offset() + this.hitArea();\n      let active: string | null = null;\n      for (const id of this.flatIds()) {\n        const el = document.getElementById(id);\n        if (!el) continue;\n        const top = el.getBoundingClientRect().top;\n        if (top <= cursor) active = id;\n        else break;\n      }\n      if (active !== this.activeId()) this.zone.run(() => this.activeId.set(active));\n    };\n    this.zone.runOutsideAngular(() => window.addEventListener('scroll', handler, { passive: true }));\n    this.destroyRef.onDestroy(() => window.removeEventListener('scroll', handler));\n    // The first pass has to wait for a render: the targets are elsewhere on the\n    // page and are usually rendered AFTER this list, so a constructor-time pass\n    // found nothing by `getElementById` and left the page with no highlight at\n    // all until the reader happened to scroll.\n    afterNextRender(() => handler());\n  }\n\n  protected onClick(id: string, event: MouseEvent): void {\n    event.preventDefault();\n    this.scroll.to(`#${id}`, { offset: this.offset() });\n    this.activeId.set(id);\n  }\n}\n\nexport type { WrAnchorLink } from './interfaces';\n","<ul class=\"wr-anchor__list\">\n  @for (link of links(); track link.id) {\n    <li class=\"wr-anchor__item\">\n      <a\n        class=\"wr-anchor__link\"\n        [class.wr-anchor__link--active]=\"activeId() === link.id\"\n        [attr.aria-current]=\"activeId() === link.id ? 'location' : null\"\n        [href]=\"`#${link.id}`\"\n        (click)=\"onClick(link.id, $event)\"\n      >\n        {{ link.label }}\n      </a>\n      @if (link.children?.length) {\n        <ul class=\"wr-anchor__list wr-anchor__list--nested\">\n          @for (child of link.children; track child.id) {\n            <li class=\"wr-anchor__item\">\n              <a\n                class=\"wr-anchor__link\"\n                [class.wr-anchor__link--active]=\"activeId() === child.id\"\n                [attr.aria-current]=\"activeId() === child.id ? 'location' : null\"\n                [href]=\"`#${child.id}`\"\n                (click)=\"onClick(child.id, $event)\"\n              >\n                {{ child.label }}\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </li>\n  }\n</ul>\n"],"mappings":"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"}