@ng-doc/app 22.0.0-beta.2 → 22.0.0

package/fesm2022/ng-doc-app-defaults-default-processors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-defaults-default-processors.mjs","sources":["../../../../libs/app/defaults/default-processors/default-processors.ts","../../../../libs/app/defaults/default-processors/ng-doc-app-defaults-default-processors.ts"],"sourcesContent":["import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport {\n  blockquoteProcessor,\n  codeProcessor,\n  demoPaneProcessor,\n  demoProcessor,\n  headingAnchorProcessor,\n  iconProcessor,\n  imageProcessor,\n  linkProcessor,\n  mermaidProcessor,\n  playgroundProcessor,\n  tabsProcessor,\n  tooltipProcessor,\n} from '@ng-doc/app/processors/processors';\n\nexport const NG_DOC_DEFAULT_PAGE_PROCESSORS: NgDocPageProcessor[] = [\n  /**\n   * The order of the directives is important.\n   * The higher the directive is in the list, the earlier it will be run.\n   */\n  linkProcessor,\n  iconProcessor,\n  headingAnchorProcessor,\n  blockquoteProcessor,\n  tooltipProcessor,\n  mermaidProcessor,\n  codeProcessor,\n  demoProcessor,\n  demoPaneProcessor,\n  playgroundProcessor,\n  tabsProcessor,\n  imageProcessor,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAgBO,MAAM,8BAA8B,GAAyB;AAClE;;;AAGG;IACH,aAAa;IACb,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,aAAa;IACb,cAAc;;;AChChB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-defaults-default-processors.mjs","sources":["../../../../libs/app/defaults/default-processors/default-processors.ts","../../../../libs/app/defaults/default-processors/ng-doc-app-defaults-default-processors.ts"],"sourcesContent":["import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport {\n  blockquoteProcessor,\n  codeProcessor,\n  demoPaneProcessor,\n  demoProcessor,\n  headingAnchorProcessor,\n  iconProcessor,\n  imageProcessor,\n  linkProcessor,\n  membersProcessor,\n  mermaidProcessor,\n  playgroundProcessor,\n  tabsProcessor,\n  tooltipProcessor,\n} from '@ng-doc/app/processors/processors';\n\nexport const NG_DOC_DEFAULT_PAGE_PROCESSORS: NgDocPageProcessor[] = [\n  /**\n   * The order of the directives is important.\n   * The higher the directive is in the list, the earlier it will be run.\n   */\n  linkProcessor,\n  iconProcessor,\n  headingAnchorProcessor,\n  blockquoteProcessor,\n  tooltipProcessor,\n  mermaidProcessor,\n  codeProcessor,\n  demoProcessor,\n  demoPaneProcessor,\n  playgroundProcessor,\n  tabsProcessor,\n  imageProcessor,\n  membersProcessor,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAiBO,MAAM,8BAA8B,GAAyB;AAClE;;;AAGG;IACH,aAAa;IACb,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,aAAa;IACb,cAAc;IACd,gBAAgB;;;AClClB;;AAEG;;;;"}

package/fesm2022/ng-doc-app-directives-code-highlighter.mjs

@@ -3,28 +3,34 @@ import { input, inject, ElementRef, computed, Directive } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { NgDocHighlighterService } from '@ng-doc/app/services';
 
+/**
+ * Renders the given Angular HTML code, highlighted by `NgDocHighlighterService`, into its host
+ * element.
+ */
 class NgDocCodeHighlighterDirective {
     constructor() {
+        /** The code to highlight. */
         this.code = input.required({ ...(ngDevMode ? { debugName: "code" } : /* istanbul ignore next */ {}), alias: 'ngDocHighlighter' });
         this.element = inject((ElementRef)).nativeElement;
         this.highlighter = inject(NgDocHighlighterService);
         this.sanitizer = inject(DomSanitizer);
+        // `highlight` reads the highlighter's `ready` signal, so the code is highlighted again once
+        // Shiki has loaded.
         this.highlightedCode = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.highlighter.highlight(this.code())), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "highlightedCode" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocCodeHighlighterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: NgDocCodeHighlighterDirective, isStandalone: true, selector: "[ngDocHighlighter]", inputs: { code: { classPropertyName: "code", publicName: "ngDocHighlighter", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "highlightedCode()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocCodeHighlighterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NgDocCodeHighlighterDirective, isStandalone: true, selector: "[ngDocHighlighter]", inputs: { code: { classPropertyName: "code", publicName: "ngDocHighlighter", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "highlightedCode()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocCodeHighlighterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocCodeHighlighterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocHighlighter]',
-                    standalone: true,
                     host: {
                         '[innerHTML]': 'highlightedCode()',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocHighlighter", required: true }] }] } });
+        }], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocHighlighter", required: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-app-directives-code-highlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-directives-code-highlighter.mjs","sources":["../../../../libs/app/directives/code-highlighter/code-highlighter.directive.ts","../../../../libs/app/directives/code-highlighter/ng-doc-app-directives-code-highlighter.ts"],"sourcesContent":["import { computed, Directive, ElementRef, inject, input, Signal } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { NgDocHighlighterService } from '@ng-doc/app/services';\n\n@Directive({\n  selector: '[ngDocHighlighter]',\n  standalone: true,\n  host: {\n    '[innerHTML]': 'highlightedCode()',\n  },\n})\nexport class NgDocCodeHighlighterDirective {\n  code = input.required<string>({ alias: 'ngDocHighlighter' });\n\n  protected readonly highlightedCode: Signal<SafeHtml>;\n\n  protected readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n  protected readonly highlighter = inject(NgDocHighlighterService);\n  protected readonly sanitizer = inject(DomSanitizer);\n\n  constructor() {\n    this.highlightedCode = computed(() =>\n      this.sanitizer.bypassSecurityTrustHtml(this.highlighter.highlight(this.code())),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,6BAA6B,CAAA;AASxC,IAAA,WAAA,GAAA;QARA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,2EAAW,KAAK,EAAE,kBAAkB,EAAA,CAAG;QAIzC,IAAA,CAAA,OAAO,GAAG,MAAM,EAAC,UAAuB,EAAC,CAAC,aAAa;AACvD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAC7C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;QAGjD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,MAC9B,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;4FAChF;IACH;8GAbW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAPzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,aAAa,EAAE,mBAAmB;AACnC,qBAAA;AACF,iBAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-directives-code-highlighter.mjs","sources":["../../../../libs/app/directives/code-highlighter/code-highlighter.directive.ts","../../../../libs/app/directives/code-highlighter/ng-doc-app-directives-code-highlighter.ts"],"sourcesContent":["import { computed, Directive, ElementRef, inject, input, Signal } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { NgDocHighlighterService } from '@ng-doc/app/services';\n\n/**\n * Renders the given Angular HTML code, highlighted by `NgDocHighlighterService`, into its host\n * element.\n */\n@Directive({\n  selector: '[ngDocHighlighter]',\n  host: {\n    '[innerHTML]': 'highlightedCode()',\n  },\n})\nexport class NgDocCodeHighlighterDirective {\n  /** The code to highlight. */\n  readonly code = input.required<string>({ alias: 'ngDocHighlighter' });\n\n  protected readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n  protected readonly highlighter = inject(NgDocHighlighterService);\n  protected readonly sanitizer = inject(DomSanitizer);\n\n  // `highlight` reads the highlighter's `ready` signal, so the code is highlighted again once\n  // Shiki has loaded.\n  protected readonly highlightedCode: Signal<SafeHtml> = computed(() =>\n    this.sanitizer.bypassSecurityTrustHtml(this.highlighter.highlight(this.code())),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;AAGG;MAOU,6BAA6B,CAAA;AAN1C,IAAA,WAAA,GAAA;;QAQW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,2EAAW,KAAK,EAAE,kBAAkB,EAAA,CAAG;QAElD,IAAA,CAAA,OAAO,GAAG,MAAM,EAAC,UAAuB,EAAC,CAAC,aAAa;AACvD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAC7C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;;;QAIhC,IAAA,CAAA,eAAe,GAAqB,QAAQ,CAAC,MAC9D,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;4FAChF;AACF,IAAA;8GAbY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,IAAI,EAAE;AACJ,wBAAA,aAAa,EAAE,mBAAmB;AACnC,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-directives-members-filter.mjs

@@ -0,0 +1,276 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Injector, signal, DestroyRef, NgZone, DOCUMENT, afterNextRender, untracked, createComponent, EnvironmentInjector, ApplicationRef, Directive } from '@angular/core';
+import { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';
+import { NgDocSelectionHostDirective, NgDocSelectionComponent } from '@ng-doc/ui-kit/components/selection';
+
+const TAB = '[data-ng-doc-members-tab]';
+const FILTER = 'input[data-ng-doc-members-filter]';
+const MEMBER = '.ng-doc-member[data-group]';
+const GROUP = '.ng-doc-members-group[data-group]';
+const EXPAND = '.ng-doc-member-expand[aria-controls]';
+const COUNT = '.ng-doc-members-count';
+const EMPTY = '.ng-doc-members-empty';
+const ALL = 'all';
+const INHERITED = 'inherited';
+/**
+ * Adds the member tabs, the name filter and the expandable method rows to the members table of
+ * an API page. The page renders every member, so the table reads well without it (on the server
+ * and before hydration); the directive only hides rows.
+ *
+ * It reads this markup inside its host: tab buttons with a data-ng-doc-members-tab attribute
+ * ("all", "inherited" or a group name, each with an optional .ng-doc-members-count), a text input
+ * with a data-ng-doc-members-filter attribute, group rows (.ng-doc-members-group with data-group)
+ * and member rows (.ng-doc-member with data-group, data-name and, for inherited members,
+ * data-inherited). A .ng-doc-member-expand button in a member row shows and hides the detail row
+ * its aria-controls names, and an optional .ng-doc-members-empty element shows when no member
+ * matches. F focuses the filter while single-key shortcuts are on.
+ *
+ * In the browser it inserts an `ng-doc-selection` as the first child of the row of tabs, the
+ * highlight that slides to the selected tab as in the code-block tabs. Until it is placed, the
+ * selected tab draws its own background, so the server-rendered page looks the same.
+ */
+class NgDocMembersFilterDirective {
+    constructor() {
+        this.host = inject(ElementRef).nativeElement;
+        // The tabs are plain HTML, so no element can carry ngDocSelectionOrigin: the directive selects
+        // the tab on the host of the highlight itself.
+        this.selectionInjector = Injector.create({
+            providers: [NgDocSelectionHostDirective],
+            parent: inject(Injector),
+        });
+        this.selection = this.selectionInjector.get(NgDocSelectionHostDirective);
+        this.selectedTab = signal(ALL, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedTab" }] : /* istanbul ignore next */ []));
+        this.filterQuery = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterQuery" }] : /* istanbul ignore next */ []));
+        this.ready = false;
+        /** The selected tab: "all", "inherited" or a group name. */
+        this.tab = this.selectedTab.asReadonly();
+        /** The text the member names are filtered by. */
+        this.query = this.filterQuery.asReadonly();
+        const destroyRef = inject(DestroyRef);
+        const ngZone = inject(NgZone);
+        const window = inject(DOCUMENT).defaultView;
+        const removeShortcut = inject(NgDocShortcutsService).register({
+            key: 'f',
+            handler: () => this.host.querySelector(FILTER)?.focus(),
+        });
+        destroyRef.onDestroy(removeShortcut);
+        // The markup is rendered by the page, so the directive only starts working in the browser.
+        afterNextRender(() => {
+            this.ready = true;
+            // The counts change the width of the tabs, so they are final before the highlight measures.
+            this.countTabs();
+            const highlight = this.createHighlight();
+            destroyRef.onDestroy(() => {
+                highlight?.destroy();
+                highlight?.location.nativeElement.remove();
+            });
+            const selected = this.tabs().find((tab) => tab.getAttribute('aria-selected') === 'true');
+            this.select(selected?.dataset['ngDocMembersTab'] ?? ALL);
+            // Rows of tabs that scroll inside themselves fade on the edge that still hides tabs.
+            const fade = () => this.fade();
+            const onScroll = (event) => {
+                if (event.target instanceof Element && event.target.querySelector(TAB)) {
+                    this.fade();
+                }
+            };
+            ngZone.runOutsideAngular(() => {
+                this.host.addEventListener('scroll', onScroll, true);
+                window?.addEventListener('resize', fade);
+            });
+            destroyRef.onDestroy(() => {
+                this.host.removeEventListener('scroll', onScroll, true);
+                window?.removeEventListener('resize', fade);
+            });
+            this.fade();
+        });
+    }
+    /**
+     * Shows the members of a tab.
+     * @param tab - "all", "inherited" or a group name.
+     */
+    select(tab) {
+        untracked(() => {
+            this.selectedTab.set(tab);
+            const button = this.tabs().find((candidate) => candidate.dataset['ngDocMembersTab'] === tab);
+            for (const candidate of this.tabs()) {
+                candidate.setAttribute('aria-selected', String(candidate === button));
+                candidate.tabIndex = candidate === button ? 0 : -1;
+            }
+            this.selection.select(button);
+            this.apply();
+        });
+    }
+    /**
+     * Shows the members whose name contains the text.
+     * @param query - The text; case is ignored.
+     */
+    filter(query) {
+        untracked(() => {
+            this.filterQuery.set(query);
+            const input = this.host.querySelector(FILTER);
+            if (input && input.value !== query) {
+                input.value = query;
+            }
+            this.apply();
+        });
+    }
+    onClick(event) {
+        const target = event.target instanceof Element ? event.target : null;
+        const tab = target?.closest(TAB);
+        const expand = target?.closest(EXPAND);
+        if (tab && this.host.contains(tab) && !tab.hasAttribute('disabled')) {
+            this.select(tab.dataset['ngDocMembersTab'] ?? ALL);
+        }
+        else if (expand && this.host.contains(expand)) {
+            expand.setAttribute('aria-expanded', String(expand.getAttribute('aria-expanded') !== 'true'));
+            this.apply();
+        }
+    }
+    onInput(event) {
+        if (event.target instanceof HTMLInputElement && event.target.matches(FILTER)) {
+            this.filter(event.target.value);
+        }
+    }
+    onKeydown(event) {
+        const tab = event.target instanceof Element ? event.target.closest(TAB) : null;
+        if (!tab) {
+            return;
+        }
+        const tabs = this.tabs().filter((button) => !button.hasAttribute('disabled'));
+        const index = tabs.indexOf(tab);
+        const next = event.key === 'ArrowRight'
+            ? tabs[(index + 1) % tabs.length]
+            : event.key === 'ArrowLeft'
+                ? tabs[(index - 1 + tabs.length) % tabs.length]
+                : event.key === 'Home'
+                    ? tabs[0]
+                    : event.key === 'End'
+                        ? tabs[tabs.length - 1]
+                        : undefined;
+        if (next) {
+            event.preventDefault();
+            next.focus();
+            this.select(next.dataset['ngDocMembersTab'] ?? ALL);
+        }
+    }
+    /**
+     * Inserts the highlight of the selected tab into the row of tabs. It is the same component as in
+     * the code-block tabs, so it measures, follows resizes and animates the same way; the row is its
+     * offset parent, so it scrolls with the tabs.
+     */
+    createHighlight() {
+        const row = this.tabs()[0]?.parentElement;
+        if (!row) {
+            return undefined;
+        }
+        const hostElement = this.host.ownerDocument.createElement('ng-doc-selection');
+        row.prepend(hostElement);
+        const highlight = createComponent(NgDocSelectionComponent, {
+            environmentInjector: this.selectionInjector.get(EnvironmentInjector),
+            elementInjector: this.selectionInjector,
+            hostElement,
+        });
+        highlight.setInput('align', null);
+        this.selectionInjector.get(ApplicationRef).attachView(highlight.hostView);
+        return highlight;
+    }
+    tabs() {
+        return Array.from(this.host.querySelectorAll(TAB));
+    }
+    members() {
+        return Array.from(this.host.querySelectorAll(MEMBER));
+    }
+    countTabs() {
+        const members = this.members();
+        for (const button of this.tabs()) {
+            const tab = button.dataset['ngDocMembersTab'] ?? ALL;
+            const count = members.filter((member) => inTab(member, tab)).length;
+            const counter = button.querySelector(COUNT);
+            if (counter) {
+                counter.textContent = String(count);
+            }
+            button.toggleAttribute('disabled', tab !== ALL && count === 0);
+        }
+    }
+    apply() {
+        if (!this.ready) {
+            return;
+        }
+        const tab = this.selectedTab();
+        const query = this.filterQuery().trim().toLowerCase();
+        const visible = new Map();
+        for (const member of this.members()) {
+            const group = member.dataset['group'] ?? '';
+            const name = (member.dataset['name'] ?? member.textContent ?? '').toLowerCase();
+            const shown = inTab(member, tab) && (!query || name.includes(query));
+            member.hidden = !shown;
+            visible.set(group, (visible.get(group) ?? 0) + (shown ? 1 : 0));
+            for (const expand of Array.from(member.querySelectorAll(EXPAND))) {
+                const detail = this.host.ownerDocument.getElementById(expand.getAttribute('aria-controls') ?? '');
+                if (detail && this.host.contains(detail)) {
+                    detail.hidden = !shown || expand.getAttribute('aria-expanded') !== 'true';
+                }
+            }
+        }
+        for (const group of Array.from(this.host.querySelectorAll(GROUP))) {
+            const count = visible.get(group.dataset['group'] ?? '') ?? 0;
+            const counter = group.querySelector(COUNT);
+            group.hidden = count === 0;
+            if (counter) {
+                counter.textContent = String(count);
+            }
+        }
+        const empty = this.host.querySelector(EMPTY);
+        if (empty) {
+            empty.hidden = this.members().some((member) => !member.hidden);
+        }
+    }
+    fade() {
+        const list = this.tabs()[0]?.parentElement;
+        if (!list) {
+            return;
+        }
+        const max = list.scrollWidth - list.clientWidth;
+        const edges = [
+            ...(max > 1 && list.scrollLeft > 1 ? ['start'] : []),
+            ...(max > 1 && list.scrollLeft < max - 1 ? ['end'] : []),
+        ];
+        if (edges.length) {
+            list.dataset['fade'] = edges.join(' ');
+        }
+        else {
+            delete list.dataset['fade'];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocMembersFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocMembersFilterDirective, isStandalone: true, selector: "[ngDocMembersFilter]", host: { listeners: { "click": "onClick($event)", "input": "onInput($event)", "keydown": "onKeydown($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocMembersFilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocMembersFilter]',
+                    host: {
+                        '(click)': 'onClick($event)',
+                        '(input)': 'onInput($event)',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * Whether a member row belongs to a tab.
+ * @param member - The member row.
+ * @param tab - "all", "inherited" or a group name.
+ */
+function inTab(member, tab) {
+    return (tab === ALL ||
+        (tab === INHERITED ? member.hasAttribute('data-inherited') : member.dataset['group'] === tab));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocMembersFilterDirective };
+//# sourceMappingURL=ng-doc-app-directives-members-filter.mjs.map

package/fesm2022/ng-doc-app-directives-members-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-directives-members-filter.mjs","sources":["../../../../libs/app/directives/members-filter/members-filter.directive.ts","../../../../libs/app/directives/members-filter/ng-doc-app-directives-members-filter.ts"],"sourcesContent":["import {\n  afterNextRender,\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  Injector,\n  NgZone,\n  Signal,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';\nimport {\n  NgDocSelectionComponent,\n  NgDocSelectionHostDirective,\n} from '@ng-doc/ui-kit/components/selection';\n\nconst TAB = '[data-ng-doc-members-tab]';\nconst FILTER = 'input[data-ng-doc-members-filter]';\nconst MEMBER = '.ng-doc-member[data-group]';\nconst GROUP = '.ng-doc-members-group[data-group]';\nconst EXPAND = '.ng-doc-member-expand[aria-controls]';\nconst COUNT = '.ng-doc-members-count';\nconst EMPTY = '.ng-doc-members-empty';\nconst ALL = 'all';\nconst INHERITED = 'inherited';\n\n/**\n * Adds the member tabs, the name filter and the expandable method rows to the members table of\n * an API page. The page renders every member, so the table reads well without it (on the server\n * and before hydration); the directive only hides rows.\n *\n * It reads this markup inside its host: tab buttons with a data-ng-doc-members-tab attribute\n * (\"all\", \"inherited\" or a group name, each with an optional .ng-doc-members-count), a text input\n * with a data-ng-doc-members-filter attribute, group rows (.ng-doc-members-group with data-group)\n * and member rows (.ng-doc-member with data-group, data-name and, for inherited members,\n * data-inherited). A .ng-doc-member-expand button in a member row shows and hides the detail row\n * its aria-controls names, and an optional .ng-doc-members-empty element shows when no member\n * matches. F focuses the filter while single-key shortcuts are on.\n *\n * In the browser it inserts an `ng-doc-selection` as the first child of the row of tabs, the\n * highlight that slides to the selected tab as in the code-block tabs. Until it is placed, the\n * selected tab draws its own background, so the server-rendered page looks the same.\n */\n@Directive({\n  selector: '[ngDocMembersFilter]',\n  host: {\n    '(click)': 'onClick($event)',\n    '(input)': 'onInput($event)',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class NgDocMembersFilterDirective {\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  // The tabs are plain HTML, so no element can carry ngDocSelectionOrigin: the directive selects\n  // the tab on the host of the highlight itself.\n  private readonly selectionInjector = Injector.create({\n    providers: [NgDocSelectionHostDirective],\n    parent: inject(Injector),\n  });\n  private readonly selection = this.selectionInjector.get(NgDocSelectionHostDirective);\n  private readonly selectedTab = signal(ALL);\n  private readonly filterQuery = signal('');\n  private ready = false;\n\n  /** The selected tab: \"all\", \"inherited\" or a group name. */\n  readonly tab: Signal<string> = this.selectedTab.asReadonly();\n  /** The text the member names are filtered by. */\n  readonly query: Signal<string> = this.filterQuery.asReadonly();\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    const ngZone = inject(NgZone);\n    const window = inject(DOCUMENT).defaultView;\n    const removeShortcut = inject(NgDocShortcutsService).register({\n      key: 'f',\n      handler: () => this.host.querySelector<HTMLInputElement>(FILTER)?.focus(),\n    });\n\n    destroyRef.onDestroy(removeShortcut);\n\n    // The markup is rendered by the page, so the directive only starts working in the browser.\n    afterNextRender(() => {\n      this.ready = true;\n      // The counts change the width of the tabs, so they are final before the highlight measures.\n      this.countTabs();\n\n      const highlight = this.createHighlight();\n\n      destroyRef.onDestroy(() => {\n        highlight?.destroy();\n        highlight?.location.nativeElement.remove();\n      });\n\n      const selected = this.tabs().find(\n        (tab: HTMLElement) => tab.getAttribute('aria-selected') === 'true',\n      );\n\n      this.select(selected?.dataset['ngDocMembersTab'] ?? ALL);\n\n      // Rows of tabs that scroll inside themselves fade on the edge that still hides tabs.\n      const fade = () => this.fade();\n      const onScroll = (event: Event) => {\n        if (event.target instanceof Element && event.target.querySelector(TAB)) {\n          this.fade();\n        }\n      };\n\n      ngZone.runOutsideAngular(() => {\n        this.host.addEventListener('scroll', onScroll, true);\n        window?.addEventListener('resize', fade);\n      });\n      destroyRef.onDestroy(() => {\n        this.host.removeEventListener('scroll', onScroll, true);\n        window?.removeEventListener('resize', fade);\n      });\n      this.fade();\n    });\n  }\n\n  /**\n   * Shows the members of a tab.\n   * @param tab - \"all\", \"inherited\" or a group name.\n   */\n  select(tab: string): void {\n    untracked(() => {\n      this.selectedTab.set(tab);\n\n      const button = this.tabs().find(\n        (candidate: HTMLElement) => candidate.dataset['ngDocMembersTab'] === tab,\n      );\n\n      for (const candidate of this.tabs()) {\n        candidate.setAttribute('aria-selected', String(candidate === button));\n        candidate.tabIndex = candidate === button ? 0 : -1;\n      }\n\n      this.selection.select(button);\n\n      this.apply();\n    });\n  }\n\n  /**\n   * Shows the members whose name contains the text.\n   * @param query - The text; case is ignored.\n   */\n  filter(query: string): void {\n    untracked(() => {\n      this.filterQuery.set(query);\n\n      const input = this.host.querySelector<HTMLInputElement>(FILTER);\n\n      if (input && input.value !== query) {\n        input.value = query;\n      }\n\n      this.apply();\n    });\n  }\n\n  protected onClick(event: MouseEvent): void {\n    const target = event.target instanceof Element ? event.target : null;\n    const tab = target?.closest<HTMLElement>(TAB);\n    const expand = target?.closest<HTMLElement>(EXPAND);\n\n    if (tab && this.host.contains(tab) && !tab.hasAttribute('disabled')) {\n      this.select(tab.dataset['ngDocMembersTab'] ?? ALL);\n    } else if (expand && this.host.contains(expand)) {\n      expand.setAttribute('aria-expanded', String(expand.getAttribute('aria-expanded') !== 'true'));\n      this.apply();\n    }\n  }\n\n  protected onInput(event: Event): void {\n    if (event.target instanceof HTMLInputElement && event.target.matches(FILTER)) {\n      this.filter(event.target.value);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const tab = event.target instanceof Element ? event.target.closest<HTMLElement>(TAB) : null;\n\n    if (!tab) {\n      return;\n    }\n\n    const tabs = this.tabs().filter((button: HTMLElement) => !button.hasAttribute('disabled'));\n    const index = tabs.indexOf(tab);\n    const next =\n      event.key === 'ArrowRight'\n        ? tabs[(index + 1) % tabs.length]\n        : event.key === 'ArrowLeft'\n          ? tabs[(index - 1 + tabs.length) % tabs.length]\n          : event.key === 'Home'\n            ? tabs[0]\n            : event.key === 'End'\n              ? tabs[tabs.length - 1]\n              : undefined;\n\n    if (next) {\n      event.preventDefault();\n      next.focus();\n      this.select(next.dataset['ngDocMembersTab'] ?? ALL);\n    }\n  }\n\n  /**\n   * Inserts the highlight of the selected tab into the row of tabs. It is the same component as in\n   * the code-block tabs, so it measures, follows resizes and animates the same way; the row is its\n   * offset parent, so it scrolls with the tabs.\n   */\n  private createHighlight(): ComponentRef<NgDocSelectionComponent> | undefined {\n    const row = this.tabs()[0]?.parentElement;\n\n    if (!row) {\n      return undefined;\n    }\n\n    const hostElement = this.host.ownerDocument.createElement('ng-doc-selection');\n\n    row.prepend(hostElement);\n\n    const highlight = createComponent(NgDocSelectionComponent, {\n      environmentInjector: this.selectionInjector.get(EnvironmentInjector),\n      elementInjector: this.selectionInjector,\n      hostElement,\n    });\n\n    highlight.setInput('align', null);\n    this.selectionInjector.get(ApplicationRef).attachView(highlight.hostView);\n\n    return highlight;\n  }\n\n  private tabs(): HTMLElement[] {\n    return Array.from(this.host.querySelectorAll<HTMLElement>(TAB));\n  }\n\n  private members(): HTMLElement[] {\n    return Array.from(this.host.querySelectorAll<HTMLElement>(MEMBER));\n  }\n\n  private countTabs(): void {\n    const members = this.members();\n\n    for (const button of this.tabs()) {\n      const tab = button.dataset['ngDocMembersTab'] ?? ALL;\n      const count = members.filter((member: HTMLElement) => inTab(member, tab)).length;\n      const counter = button.querySelector(COUNT);\n\n      if (counter) {\n        counter.textContent = String(count);\n      }\n\n      button.toggleAttribute('disabled', tab !== ALL && count === 0);\n    }\n  }\n\n  private apply(): void {\n    if (!this.ready) {\n      return;\n    }\n\n    const tab = this.selectedTab();\n    const query = this.filterQuery().trim().toLowerCase();\n    const visible = new Map<string, number>();\n\n    for (const member of this.members()) {\n      const group = member.dataset['group'] ?? '';\n      const name = (member.dataset['name'] ?? member.textContent ?? '').toLowerCase();\n      const shown = inTab(member, tab) && (!query || name.includes(query));\n\n      member.hidden = !shown;\n      visible.set(group, (visible.get(group) ?? 0) + (shown ? 1 : 0));\n\n      for (const expand of Array.from(member.querySelectorAll<HTMLElement>(EXPAND))) {\n        const detail = this.host.ownerDocument.getElementById(\n          expand.getAttribute('aria-controls') ?? '',\n        );\n\n        if (detail && this.host.contains(detail)) {\n          detail.hidden = !shown || expand.getAttribute('aria-expanded') !== 'true';\n        }\n      }\n    }\n\n    for (const group of Array.from(this.host.querySelectorAll<HTMLElement>(GROUP))) {\n      const count = visible.get(group.dataset['group'] ?? '') ?? 0;\n      const counter = group.querySelector(COUNT);\n\n      group.hidden = count === 0;\n\n      if (counter) {\n        counter.textContent = String(count);\n      }\n    }\n\n    const empty = this.host.querySelector<HTMLElement>(EMPTY);\n\n    if (empty) {\n      empty.hidden = this.members().some((member: HTMLElement) => !member.hidden);\n    }\n  }\n\n  private fade(): void {\n    const list = this.tabs()[0]?.parentElement;\n\n    if (!list) {\n      return;\n    }\n\n    const max = list.scrollWidth - list.clientWidth;\n    const edges = [\n      ...(max > 1 && list.scrollLeft > 1 ? ['start'] : []),\n      ...(max > 1 && list.scrollLeft < max - 1 ? ['end'] : []),\n    ];\n\n    if (edges.length) {\n      list.dataset['fade'] = edges.join(' ');\n    } else {\n      delete list.dataset['fade'];\n    }\n  }\n}\n\n/**\n * Whether a member row belongs to a tab.\n * @param member - The member row.\n * @param tab - \"all\", \"inherited\" or a group name.\n */\nfunction inTab(member: HTMLElement, tab: string): boolean {\n  return (\n    tab === ALL ||\n    (tab === INHERITED ? member.hasAttribute('data-inherited') : member.dataset['group'] === tab)\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-directives-route-active.mjs

@@ -1,48 +1,52 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, Input, Directive } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { Router, NavigationEnd } from '@angular/router';
+import { input, inject, computed, Directive } from '@angular/core';
+import { Router, isActive } from '@angular/router';
 import { asArray } from '@ng-doc/core/helpers/as-array';
-import { filter, map, distinctUntilChanged } from 'rxjs/operators';
 
+/**
+ * Adds classes to its host element while the router URL matches a link.
+ *
+ * ```html
+ * <a [ngDocRouteActive]="'/docs/getting-started'" activeClass="active">Getting started</a>
+ * ```
+ */
 class NgDocRouteActiveDirective {
     constructor() {
-        this.link = '';
-        this.activeClass = [];
-        this.matchOptions = {
+        /** The link to match against the router URL. */
+        this.link = input('', { ...(ngDevMode ? { debugName: "link" } : /* istanbul ignore next */ {}), alias: 'ngDocRouteActive' });
+        /** Class or classes to add while the link is active. */
+        this.activeClass = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeClass" }] : /* istanbul ignore next */ []));
+        /** How the link is matched against the router URL. */
+        this.matchOptions = input({
             fragment: 'exact',
             paths: 'subset',
             queryParams: 'exact',
             matrixParams: 'exact',
-        };
-        const elementRef = inject(ElementRef);
-        const router = inject(Router);
-        const renderer = inject(Renderer2);
-        router.events
-            .pipe(filter((event) => event instanceof NavigationEnd), map(() => router.isActive(this.link, this.matchOptions)), distinctUntilChanged(), takeUntilDestroyed())
-            .subscribe((isActive) => {
-            isActive
-                ? asArray(this.activeClass).forEach((cls) => renderer.addClass(elementRef.nativeElement, cls))
-                : asArray(this.activeClass).forEach((cls) => renderer.removeClass(elementRef.nativeElement, cls));
-        });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "matchOptions" }] : /* istanbul ignore next */ []));
+        this.router = inject(Router);
+        // One router signal per link and options; it follows the URL the router has committed.
+        this.active = computed(() => isActive(this.link(), this.router, this.matchOptions()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        /** Whether the link is active. */
+        this.isActive = computed(() => this.active()(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+        this.classes = computed(() => (this.isActive() ? asArray(this.activeClass()) : []), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocRouteActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocRouteActiveDirective, isStandalone: true, selector: "[ngDocRouteActive]", inputs: { link: ["ngDocRouteActive", "link"], activeClass: "activeClass", matchOptions: "matchOptions" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocRouteActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NgDocRouteActiveDirective, isStandalone: true, selector: "[ngDocRouteActive]", inputs: { link: { classPropertyName: "link", publicName: "ngDocRouteActive", isSignal: true, isRequired: false, transformFunction: null }, activeClass: { classPropertyName: "activeClass", publicName: "activeClass", isSignal: true, isRequired: false, transformFunction: null }, matchOptions: { classPropertyName: "matchOptions", publicName: "matchOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocRouteActiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocRouteActiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocRouteActive]',
-                    standalone: true,
+                    host: {
+                        '[class]': 'classes()',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { link: [{
-                type: Input,
-                args: ['ngDocRouteActive']
-            }], activeClass: [{
-                type: Input
-            }], matchOptions: [{
-                type: Input
-            }] } });
+        }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocRouteActive", required: false }] }], activeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeClass", required: false }] }], matchOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "matchOptions", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-app-directives-route-active.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-directives-route-active.mjs","sources":["../../../../libs/app/directives/route-active/route-active.directive.ts","../../../../libs/app/directives/route-active/ng-doc-app-directives-route-active.ts"],"sourcesContent":["import { Directive, ElementRef, inject, Input, Renderer2 } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Event, IsActiveMatchOptions, NavigationEnd, Router } from '@angular/router';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { distinctUntilChanged, filter, map } from 'rxjs/operators';\n\n@Directive({\n  selector: '[ngDocRouteActive]',\n  standalone: true,\n})\nexport class NgDocRouteActiveDirective {\n  @Input('ngDocRouteActive')\n  link: string = '';\n\n  @Input()\n  activeClass: string | string[] = [];\n\n  @Input()\n  matchOptions: IsActiveMatchOptions = {\n    fragment: 'exact',\n    paths: 'subset',\n    queryParams: 'exact',\n    matrixParams: 'exact',\n  };\n\n  constructor() {\n    const elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    const router = inject(Router);\n    const renderer = inject(Renderer2);\n\n    router.events\n      .pipe(\n        filter((event: Event) => event instanceof NavigationEnd),\n        map(() => router.isActive(this.link, this.matchOptions)),\n        distinctUntilChanged(),\n        takeUntilDestroyed(),\n      )\n      .subscribe((isActive: boolean) => {\n        isActive\n          ? asArray(this.activeClass).forEach((cls: string) =>\n              renderer.addClass(elementRef.nativeElement, cls),\n            )\n          : asArray(this.activeClass).forEach((cls: string) =>\n              renderer.removeClass(elementRef.nativeElement, cls),\n            );\n      });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,yBAAyB,CAAA;AAepC,IAAA,WAAA,GAAA;QAbA,IAAA,CAAA,IAAI,GAAW,EAAE;QAGjB,IAAA,CAAA,WAAW,GAAsB,EAAE;AAGnC,QAAA,IAAA,CAAA,YAAY,GAAyB;AACnC,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,YAAY,EAAE,OAAO;SACtB;AAGC,QAAA,MAAM,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAC9D,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAElC,QAAA,MAAM,CAAC;AACJ,aAAA,IAAI,CACH,MAAM,CAAC,CAAC,KAAY,KAAK,KAAK,YAAY,aAAa,CAAC,EACxD,GAAG,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,EACxD,oBAAoB,EAAE,EACtB,kBAAkB,EAAE;AAErB,aAAA,SAAS,CAAC,CAAC,QAAiB,KAAI;YAC/B;kBACI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,KAC5C,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,CAAC;kBAElD,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,KAC5C,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,CAAC,CACpD;AACP,QAAA,CAAC,CAAC;IACN;8GApCW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,kBAAA,EAAA,MAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAEE,KAAK;uBAAC,kBAAkB;;sBAGxB;;sBAGA;;;ACjBH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-directives-route-active.mjs","sources":["../../../../libs/app/directives/route-active/route-active.directive.ts","../../../../libs/app/directives/route-active/ng-doc-app-directives-route-active.ts"],"sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { isActive, IsActiveMatchOptions, Router } from '@angular/router';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\n\n/**\n * Adds classes to its host element while the router URL matches a link.\n *\n * ```html\n * <a [ngDocRouteActive]=\"'/docs/getting-started'\" activeClass=\"active\">Getting started</a>\n * ```\n */\n@Directive({\n  selector: '[ngDocRouteActive]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class NgDocRouteActiveDirective {\n  /** The link to match against the router URL. */\n  readonly link = input<string>('', { alias: 'ngDocRouteActive' });\n\n  /** Class or classes to add while the link is active. */\n  readonly activeClass = input<string | string[]>([]);\n\n  /** How the link is matched against the router URL. */\n  readonly matchOptions = input<IsActiveMatchOptions>({\n    fragment: 'exact',\n    paths: 'subset',\n    queryParams: 'exact',\n    matrixParams: 'exact',\n  });\n\n  private readonly router = inject(Router);\n\n  // One router signal per link and options; it follows the URL the router has committed.\n  private readonly active = computed(() => isActive(this.link(), this.router, this.matchOptions()));\n\n  /** Whether the link is active. */\n  readonly isActive = computed(() => this.active()());\n\n  protected readonly classes = computed(() => (this.isActive() ? asArray(this.activeClass()) : []));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;;;;AAMG;MAOU,yBAAyB,CAAA;AANtC,IAAA,WAAA,GAAA;;QAQW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,4EAAI,KAAK,EAAE,kBAAkB,EAAA,CAAG;;QAGvD,IAAA,CAAA,WAAW,GAAG,KAAK,CAAoB,EAAE;wFAAC;;QAG1C,IAAA,CAAA,YAAY,GAAG,KAAK,CAAuB;AAClD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,YAAY,EAAE,OAAO;AACtB,SAAA;yFAAC;AAEe,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;;QAGvB,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;mFAAC;;QAGxF,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE;qFAAC;QAEhC,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;oFAAC;AAClG,IAAA;8GAxBY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-directives.mjs

@@ -1,4 +1,5 @@
 export * from '@ng-doc/app/directives/code-highlighter';
+export * from '@ng-doc/app/directives/members-filter';
 export * from '@ng-doc/app/directives/route-active';
 
 /**

package/fesm2022/ng-doc-app-directives.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-directives.mjs","sources":["../../../../libs/app/directives/ng-doc-app-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-app-directives.mjs","sources":["../../../../libs/app/directives/ng-doc-app-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;AAEG"}