@foblex/m-render 2.6.7 → 2.6.9

package/fesm2022/foblex-m-render.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, HostListener, Input, ViewChild, Output, ChangeDetectionStrategy, Component, input, output, viewChild, InjectionToken, inject, signal, Injectable, Renderer2, ElementRef, NgZone, Directive, ChangeDetectorRef, DestroyRef, computed, ViewContainerRef, forwardRef, Injector, effect, untracked } from '@angular/core';
+import { EventEmitter, booleanAttribute, HostListener, Input, ViewChild, Output, ChangeDetectionStrategy, Component, input, output, viewChild, InjectionToken, inject, signal, Injectable, Renderer2, ElementRef, NgZone, Directive, ChangeDetectorRef, DestroyRef, computed, ViewContainerRef, Injector, forwardRef, effect, untracked } from '@angular/core';
 import { BrowserService, F_LOCAL_STORAGE } from '@foblex/platform';
 import { Subject, of, map, from, switchMap, startWith, filter, defer, Observable, EMPTY, debounceTime, fromEvent } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
@@ -8,9 +8,6 @@ import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Overlay, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { Router, RouterLink, NavigationEnd, ActivatedRoute, RouterOutlet } from '@angular/router';
 import { DOCUMENT, TitleCasePipe } from '@angular/common';
-import { __decorate } from 'tslib';
-import { FExecutionRegister, FMediator } from '@foblex/mediator';
-import { deepClone } from '@foblex/utils';
 import { createHighlighter } from 'shiki';
 import MarkdownIt from 'markdown-it';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -583,30 +580,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-class HandleNavigationLinksRequest {
-    event;
-    constructor(event) {
-        this.event = event;
-    }
-}
-
-let HandleNavigationLinksHandler = class HandleNavigationLinksHandler {
-    _router = inject(Router);
-    _browser = inject(BrowserService);
+class HandleNavigationLinksHandler {
     handle(request) {
-        let target = this._getTargetElement(request.event);
-        if (!target) {
-            return;
-        }
-        target = this._getClosestAnchorTag(target);
+        const target = this._getClosestAnchorTag(this._getTargetElement(request.event));
         if (target && this._hasHref(target)) {
             request.event.preventDefault();
             const href = target.getAttribute('href');
             if (!this._isExternalLink(href)) {
-                this._navigateInternalLink(href);
+                this._navigateInternalLink(href, request.router);
             }
             else {
-                this._navigateExternalLink(href);
+                this._navigateExternalLink(href, request.browser);
             }
         }
     }
@@ -614,7 +598,7 @@ let HandleNavigationLinksHandler = class HandleNavigationLinksHandler {
         return event?.target;
     }
     _getClosestAnchorTag(element) {
-        return element.closest('a');
+        return element?.closest('a');
     }
     _hasHref(element) {
         return element.hasAttribute('href');
@@ -622,24 +606,27 @@ let HandleNavigationLinksHandler = class HandleNavigationLinksHandler {
     _isExternalLink(href) {
         return href.startsWith('www') || href.startsWith('http');
     }
-    _navigateInternalLink(href) {
+    _navigateInternalLink(href, router) {
         if (href.startsWith('/')) {
             href = href.substring(1);
         }
-        this._router.navigate([href]).then();
+        router.navigate([href]).then();
     }
-    _navigateExternalLink(href) {
-        this._browser.window.open(href, '_blank');
+    _navigateExternalLink(href, browser) {
+        browser.window.open(href, '_blank');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler });
-};
-HandleNavigationLinksHandler = __decorate([
-    FExecutionRegister(HandleNavigationLinksRequest)
-], HandleNavigationLinksHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler, decorators: [{
-            type: Injectable
-        }] });
+}
+
+class HandleNavigationLinksRequest {
+    event;
+    browser;
+    router;
+    constructor(event, browser, router) {
+        this.event = event;
+        this.browser = browser;
+        this.router = router;
+    }
+}
 
 function provide404Markdown(notFoundMarkdown) {
     return {
@@ -714,10 +701,6 @@ function provideTocData(toC) {
     };
 }
 
-const COMMON_FEATURES = [
-    HandleNavigationLinksHandler,
-];
-
 class FMetaService {
     _router = inject(Router);
     _headTag = inject(FHeadTagService);
@@ -888,11 +871,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Component,
             args: [{ selector: 'f-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         HamburgerButtonComponent,
-                        NpmVersionComponent,
                         FSocialLinksComponent,
                         FThemeButtonComponent,
                         InlineMenuComponent,
-                        DropdownMenuComponent,
                     ], template: "<button hamburger-button></button>\n<div class=\"title text-ellipsis\">{{ title }}</div>\n<inline-menu/>\n<!--<npm-version/>-->\n<div class=\"divider\"></div>\n<button f-theme-button></button>\n<div class=\"divider\"></div>\n<f-social-links/>\n\n", styles: [":host{position:sticky;width:100%;top:0;display:flex;justify-content:flex-start;align-items:center;padding:20px 32px;font-weight:600;color:var(--primary-text);height:calc(var(--header-height) + 1px);background-color:var(--background-color);border-bottom:1px solid var(--divider-color);z-index:var(--z-index-header)}@media (min-width: 1280px){:host{padding-right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 3);padding-left:max(var(--page-padding),(100vw - var(--layout-max-width)) / 4)}}.title{display:none;justify-content:flex-start;align-items:center;padding:20px 0;font-weight:600;color:var(--primary-text);height:var(--header-height)}@media (min-width: 460px){.title{display:block}}@media (min-width: 960px){.title{display:none}}.divider{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--divider-color);content:\"\"}\n"] }]
         }] });
 
@@ -928,9 +909,9 @@ class NavigationPanelComponent {
         optional: true,
     });
     _router = inject(Router);
-    _mediator = inject(FMediator);
     _changeDetectorRef = inject(ChangeDetectorRef);
     _destroyRef = inject(DestroyRef);
+    _browser = inject(BrowserService);
     value;
     navigation = this._provider.getNavigation();
     title = this._provider.getTitle();
@@ -938,12 +919,15 @@ class NavigationPanelComponent {
     ngOnInit() {
         const currentPath = this._router.url;
         const prefix = currentPath.substring(0, currentPath.lastIndexOf('/'));
-        const navigation = deepClone(this._provider.getNavigation());
+        const navigation = this._deepClone(this._provider.getNavigation());
         navigation.forEach((group) => {
             group.items.forEach((item) => this._normalizeLink(item, prefix));
         });
         this.navigation = navigation;
     }
+    _deepClone(value) {
+        return JSON.parse(JSON.stringify(value));
+    }
     _normalizeLink(item, prefix) {
         if (item.link && !this._isExternalLink(item.link)) {
             item.link = item.link.startsWith('/')
@@ -976,7 +960,7 @@ class NavigationPanelComponent {
         });
     }
     _onDocumentClick(event) {
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NavigationPanelComponent, isStandalone: true, selector: "f-navigation-panel", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "<a routerLink class=\"navigation-header\">\n  <img [src]=\"image\" width=\"24\" height=\"24\" alt=\"logo\" class=\"logo\"/> {{ title }}\n</a>\n\n@for (group of navigation; track group) {\n  <f-navigation-group [title]=\"group.text\">\n    @for (item of group.items; track item.link) {\n      <a f-navigation-item [href]=\"item.link\" [class.active]=\"item.link === value\">\n        <div class=\"text-ellipsis\">{{ item.text }}</div>\n        @if (item.badge) {\n          <span class=\"f-badge {{ item.badge.type }}\">{{ item.badge.text }}</span>\n        }\n      </a>\n    }\n  </f-navigation-group>\n}\n", styles: [":host{height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 var(--navigation-panel-padding);background-color:var(--navigation-panel-background);overflow:hidden;overflow-y:auto;position:fixed;width:var(--navigation-panel-width);top:0;left:calc(-1 * var(--navigation-panel-width));transition:transform .2s ease-in-out;z-index:var(--z-index-navigation);transform:none}@media (min-width: 960px){:host{position:unset;display:flex;min-width:var(--navigation-panel-width);width:fit-content;transform:none!important}}@media (min-width: 1440px){:host{min-width:calc((100% - (var(--layout-max-width) - 64px)) / 3 + var(--navigation-panel-width) - var(--navigation-panel-padding))}}:host.visible{transform:translate(var(--navigation-panel-width))}.navigation-header{display:flex;justify-content:flex-start;align-items:center;padding:20px 0;font-weight:600;color:var(--primary-text);height:var(--header-height);width:100%;max-width:240px;margin-left:auto;cursor:pointer}.navigation-header img{margin-right:8px}\n"], dependencies: [{ kind: "component", type: FNavigationItemComponent, selector: "a[f-navigation-item]" }, { kind: "component", type: NavigationGroupComponent, selector: "f-navigation-group", inputs: ["title"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -2035,12 +2019,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         }] });
 
 class FMarkdownFooterComponent {
-    _mediator = inject(FMediator);
     _provider = inject(DocumentationStore);
     _router = inject(Router);
     _activatedRoute = inject(ActivatedRoute);
     _changeDetectorRef = inject(ChangeDetectorRef);
     _destroyRef = inject(DestroyRef);
+    _browser = inject(BrowserService);
     navigation = {};
     editLink;
     previousLink;
@@ -2081,7 +2065,7 @@ class FMarkdownFooterComponent {
         return this._activatedRoute.snapshot.url.map((x) => x.path).join('/');
     }
     _onDocumentClick(event) {
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FMarkdownFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: FMarkdownFooterComponent, isStandalone: true, selector: "footer [f-markdown-footer]", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "@if (editLink) {\n  <f-footer-edit-information>\n    <a f-footer-edit-link [href]=\"editLink\">\n      {{ navigation.editLink?.text || 'Edit this page on GitHub' }}\n    </a>\n\n<!--      <f-footer-last-updated>-->\n<!--        Last updated: <span>111</span>-->\n<!--      </f-footer-last-updated>-->\n  </f-footer-edit-information>\n}\n\n@if (previousLink || nextLink) {\n  <nav f-footer-navigation>\n    @if (previousLink) {\n      <a f-footer-navigation-button\n         [href]=\"previousLink.link\"\n         [description]=\"navigation.previous\"\n         [link]=\"previousLink\">\n      </a>\n    }\n    @if (nextLink) {\n      <a f-footer-navigation-button class=\"next\"\n         [href]=\"nextLink.link\"\n         [description]=\"navigation.next\"\n         [link]=\"nextLink\">\n      </a>\n    }\n  </nav>\n}\n\n", styles: [":host{display:block;margin-top:64px}\n"], dependencies: [{ kind: "component", type: FFooterNavigationComponent, selector: "nav[f-footer-navigation]" }, { kind: "component", type: FFooterNavigationButtonComponent, selector: "a[f-footer-navigation-button]", inputs: ["description", "link"] }, { kind: "component", type: FFooterEditInformationComponent, selector: "f-footer-edit-information" }, { kind: "component", type: FFooterEditLinkComponent, selector: "a[f-footer-edit-link]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -2300,15 +2284,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ selector: 'ul[f-table-of-content-items]', changeDetection: ChangeDetectionStrategy.Default, standalone: true, template: "@for (item of items(); track item.hash) {\n  <li [class.active]=\"item.isActive\"><a class=\"text-ellipsis\" [href]=\"item.hash\">{{ item.title }}</a></li>\n  @if (item.children) {\n    <ul f-table-of-content-items [items]=\"item.children\"></ul>\n  }\n}\n", styles: [":host{list-style:none;margin:0;padding:0}:host li{overflow-wrap:break-word;color:var(--secondary-text);max-width:180px}:host li a{display:block;line-height:var(--on-page-navigation-item-height);font-size:14px;color:inherit;font-weight:400}:host li.active{color:var(--primary-text)}:host li+ul{padding:0 16px}\n"] }]
         }] });
 
-class ActivateTocByHashRequest {
-    hash;
-    constructor(hash) {
-        this.hash = hash;
+class ActivateTocByHashHandler {
+    _provider;
+    constructor(_injector) {
+        this._provider = _injector.get(DocumentationStore);
     }
-}
-
-let ActivateTocByHashHandler = class ActivateTocByHashHandler {
-    _provider = inject(DocumentationStore);
     handle(payload) {
         this._provider.tocData.update((data) => ({
             ...data,
@@ -2318,70 +2298,20 @@ let ActivateTocByHashHandler = class ActivateTocByHashHandler {
             })),
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ActivateTocByHashHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ActivateTocByHashHandler });
-};
-ActivateTocByHashHandler = __decorate([
-    FExecutionRegister(ActivateTocByHashRequest)
-], ActivateTocByHashHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ActivateTocByHashHandler, decorators: [{
-            type: Injectable
-        }] });
-
-class TableOfContentComponent {
-    _elementRef = inject((ElementRef));
-    _browser = inject(BrowserService);
-    _provider = inject(DocumentationStore);
-    _mediator = inject(FMediator);
-    tocData = computed(() => {
-        return this._provider.tocData();
-    });
-    activeMarkerPosition = computed(() => {
-        const index = this.tocData()?.flat.findIndex((x) => x.isActive) || 0;
-        return this._getActiveMarkerPosition(index);
-    });
-    title = inject(DocumentationStore).getToC().title;
-    _getActiveMarkerPosition(activeIndex) {
-        const itemHeight = parseInt(this._getComputedStyle(this._elementRef.nativeElement).getPropertyValue('--on-page-navigation-item-height'));
-        return (activeIndex + 1) * itemHeight + itemHeight / 4;
-    }
-    _getComputedStyle(element) {
-        return this._browser.window.getComputedStyle(element);
-    }
-    _onDocumentClick(event) {
-        const target = event.target;
-        if (target.tagName === 'A') {
-            event.preventDefault();
-            this._scrollTo(target.getAttribute('href'));
-        }
-    }
-    _scrollTo(hash) {
-        this._mediator.execute(new ActivateTocByHashRequest(hash));
-        this._mediator.execute(new ScrollToElementInContainerRequest(hash));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: TableOfContentComponent, isStandalone: true, selector: "aside[f-table-of-content]", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "@let data = tocData();\n@if (data) {\n  <div class=\"title\">{{ title || 'In this article' }}</div>\n  <ul f-table-of-content-items [items]=\"data.tree\"></ul>\n  <div class=\"active-marker\" [style.top]=\"activeMarkerPosition() + 'px'\"></div>\n}\n\n", styles: [":host{--on-page-navigation-item-height: 32px;display:none;padding-left:16px;border-left:1px solid var(--divider-color);font-size:13px;font-weight:500;position:relative}:host .title{line-height:32px;font-size:14px;font-weight:600}@media (min-width: 1280px){:host{display:block;width:var(--on-page-navigation-width);position:fixed;top:calc(var(--header-height) + 48px);right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 3)}}:host .active-marker{position:absolute;top:0;left:0;width:2px;height:calc(var(--on-page-navigation-item-height) / 2);border-radius:2px;background-color:var(--primary-1);transition:top .25s cubic-bezier(0,1,.5,1),opacity .25s}\n"], dependencies: [{ kind: "component", type: TableOfContentItemsComponent, selector: "ul[f-table-of-content-items]", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TableOfContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'aside[f-table-of-content]', standalone: true, imports: [TableOfContentItemsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let data = tocData();\n@if (data) {\n  <div class=\"title\">{{ title || 'In this article' }}</div>\n  <ul f-table-of-content-items [items]=\"data.tree\"></ul>\n  <div class=\"active-marker\" [style.top]=\"activeMarkerPosition() + 'px'\"></div>\n}\n\n", styles: [":host{--on-page-navigation-item-height: 32px;display:none;padding-left:16px;border-left:1px solid var(--divider-color);font-size:13px;font-weight:500;position:relative}:host .title{line-height:32px;font-size:14px;font-weight:600}@media (min-width: 1280px){:host{display:block;width:var(--on-page-navigation-width);position:fixed;top:calc(var(--header-height) + 48px);right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 3)}}:host .active-marker{position:absolute;top:0;left:0;width:2px;height:calc(var(--on-page-navigation-item-height) / 2);border-radius:2px;background-color:var(--primary-1);transition:top .25s cubic-bezier(0,1,.5,1),opacity .25s}\n"] }]
-        }], propDecorators: { _onDocumentClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
 
-class CalculateHashFromScrollPositionAndActivateTocRequest {
-}
-
-class GetAbsoluteTopToContainerRequest {
-    element;
-    constructor(element) {
-        this.element = element;
+class ActivateTocByHashRequest {
+    hash;
+    constructor(hash) {
+        this.hash = hash;
     }
 }
 
-let GetAbsoluteTopToContainerHandler = class GetAbsoluteTopToContainerHandler {
-    _scrollableContainer = inject(SCROLLABLE_CONTAINER);
+class GetAbsoluteTopToContainerHandler {
+    _scrollableContainer;
+    constructor(_injector) {
+        this._scrollableContainer = _injector.get(SCROLLABLE_CONTAINER);
+    }
     handle(request) {
         let element = request.element;
         let result = 0;
@@ -2393,21 +2323,26 @@ let GetAbsoluteTopToContainerHandler = class GetAbsoluteTopToContainerHandler {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GetAbsoluteTopToContainerHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GetAbsoluteTopToContainerHandler });
-};
-GetAbsoluteTopToContainerHandler = __decorate([
-    FExecutionRegister(GetAbsoluteTopToContainerRequest)
-], GetAbsoluteTopToContainerHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GetAbsoluteTopToContainerHandler, decorators: [{
-            type: Injectable
-        }] });
+}
 
-let CalculateHashFromScrollPositionAndActivateTocHandler = class CalculateHashFromScrollPositionAndActivateTocHandler {
-    _browser = inject(BrowserService);
-    _mediator = inject(FMediator);
-    _provider = inject(DocumentationStore);
-    _scrollableContainer = inject(SCROLLABLE_CONTAINER);
+class GetAbsoluteTopToContainerRequest {
+    element;
+    constructor(element) {
+        this.element = element;
+    }
+}
+
+class CalculateHashFromScrollPositionAndActivateTocHandler {
+    _injector;
+    _browser;
+    _provider;
+    _scrollableContainer;
+    constructor(_injector) {
+        this._injector = _injector;
+        this._browser = _injector.get(BrowserService);
+        this._provider = _injector.get(DocumentationStore);
+        this._scrollableContainer = _injector.get(SCROLLABLE_CONTAINER);
+    }
     handle() {
         let result;
         const containerScrollTop = this._getContainerScrollTop();
@@ -2420,7 +2355,7 @@ let CalculateHashFromScrollPositionAndActivateTocHandler = class CalculateHashFr
                 result = this._findTargetHashByPosition(containerScrollTop, elementsWithTopPosition);
             }
         }
-        this._mediator.execute(new ActivateTocByHashRequest(result));
+        new ActivateTocByHashHandler(this._injector).handle(new ActivateTocByHashRequest(result));
     }
     _getContainerScrollTop() {
         return this._scrollableContainer.htmlElement.scrollTop + this._getHeaderHeight();
@@ -2439,7 +2374,7 @@ let CalculateHashFromScrollPositionAndActivateTocHandler = class CalculateHashFr
         }).filter((x) => !Number.isNaN(x.top));
     }
     _getAbsoluteTopToContainer(element) {
-        return this._mediator.execute(new GetAbsoluteTopToContainerRequest(element));
+        return new GetAbsoluteTopToContainerHandler(this._injector).handle(new GetAbsoluteTopToContainerRequest(element));
     }
     _isScrollAtBottom(containerScrollTop) {
         return Math.abs(containerScrollTop - this._getHeaderHeight() + this._scrollableContainer.htmlElement.clientHeight - this._scrollableContainer.htmlElement.scrollHeight) < 1;
@@ -2453,21 +2388,9 @@ let CalculateHashFromScrollPositionAndActivateTocHandler = class CalculateHashFr
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateHashFromScrollPositionAndActivateTocHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateHashFromScrollPositionAndActivateTocHandler });
-};
-CalculateHashFromScrollPositionAndActivateTocHandler = __decorate([
-    FExecutionRegister(CalculateHashFromScrollPositionAndActivateTocRequest)
-], CalculateHashFromScrollPositionAndActivateTocHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateHashFromScrollPositionAndActivateTocHandler, decorators: [{
-            type: Injectable
-        }] });
+}
 
-class CalculateTableOfContentDataRequest {
-    fMarkdownPage;
-    constructor(fMarkdownPage) {
-        this.fMarkdownPage = fMarkdownPage;
-    }
+class CalculateHashFromScrollPositionAndActivateTocRequest {
 }
 
 class TableOfContentData {
@@ -2479,9 +2402,13 @@ class TableOfContentData {
     }
 }
 
-let CalculateTableOfContentDataHandler = class CalculateTableOfContentDataHandler {
-    _provider = inject(DocumentationStore);
-    _mediator = inject(FMediator);
+class CalculateTableOfContentDataHandler {
+    _injector;
+    _provider;
+    constructor(_injector) {
+        this._injector = _injector;
+        this._provider = _injector.get(DocumentationStore);
+    }
     handle(request) {
         const flat = [];
         const tree = [];
@@ -2492,7 +2419,7 @@ let CalculateTableOfContentDataHandler = class CalculateTableOfContentDataHandle
             flat.push(tocItem);
         });
         this._provider.tocData.set(new TableOfContentData(flat, tree));
-        this._mediator.send(new CalculateHashFromScrollPositionAndActivateTocRequest());
+        new CalculateHashFromScrollPositionAndActivateTocHandler(this._injector).handle();
     }
     _getNavigationSelectors(fMarkdownPage, tocRange) {
         if (!tocRange || tocRange.start < 1 || tocRange.end > 6) {
@@ -2531,31 +2458,27 @@ let CalculateTableOfContentDataHandler = class CalculateTableOfContentDataHandle
         }
         stack.push(tocItem);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateTableOfContentDataHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateTableOfContentDataHandler });
-};
-CalculateTableOfContentDataHandler = __decorate([
-    FExecutionRegister(CalculateTableOfContentDataRequest)
-], CalculateTableOfContentDataHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CalculateTableOfContentDataHandler, decorators: [{
-            type: Injectable
-        }] });
+}
 
-class RenderDynamicComponentsRequest {
-    hostElement;
-    constructor(hostElement) {
-        this.hostElement = hostElement;
+class CalculateTableOfContentDataRequest {
+    fMarkdownPage;
+    constructor(fMarkdownPage) {
+        this.fMarkdownPage = fMarkdownPage;
     }
 }
 
-let RenderDynamicComponentsHandler = class RenderDynamicComponentsHandler {
-    _provider = inject(DocumentationStore);
-    _containerRef = inject(ViewContainerRef);
+class RenderDynamicComponentsHandler {
     _componentsMap = [
         { tag: 'f-code-group', component: FCodeGroupComponent },
         { tag: 'f-preview', component: FPreviewComponent },
         { tag: 'f-preview-group-filters', component: FPreviewGroupFiltersComponent },
     ];
+    _provider;
+    _containerRef;
+    constructor(_injector) {
+        this._provider = _injector.get(DocumentationStore);
+        this._containerRef = _injector.get(ViewContainerRef);
+    }
     handle(request) {
         this._provider.disposeDComponents();
         this._componentsMap.forEach(({ tag, component }) => {
@@ -2597,7 +2520,8 @@ let RenderDynamicComponentsHandler = class RenderDynamicComponentsHandler {
                     value = JSON.parse(value);
                     // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
                 }
-                catch (e) { /* empty */ }
+                catch (e) { /* empty */
+                }
             }
             if (componentRef.instance[key]?.set) {
                 componentRef.instance[key].set(value);
@@ -2614,25 +2538,20 @@ let RenderDynamicComponentsHandler = class RenderDynamicComponentsHandler {
     _logError(tag, error) {
         console.error(`Error inserting component for <${tag}>:`, error);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RenderDynamicComponentsHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RenderDynamicComponentsHandler });
-};
-RenderDynamicComponentsHandler = __decorate([
-    FExecutionRegister(RenderDynamicComponentsRequest)
-], RenderDynamicComponentsHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RenderDynamicComponentsHandler, decorators: [{
-            type: Injectable
-        }] });
+}
 
-class ScrollToElementInContainerRequest {
-    hash;
-    constructor(hash) {
-        this.hash = hash;
+class RenderDynamicComponentsRequest {
+    hostElement;
+    constructor(hostElement) {
+        this.hostElement = hostElement;
     }
 }
 
-let ScrollToElementInContainerHandler = class ScrollToElementInContainerHandler {
-    _scrollableContainer = inject(SCROLLABLE_CONTAINER);
+class ScrollToElementInContainerHandler {
+    _scrollableContainer;
+    constructor(_injector) {
+        this._scrollableContainer = _injector.get(SCROLLABLE_CONTAINER);
+    }
     handle(payload) {
         this._scrollableContainer.htmlElement.scrollTo({
             top: this._getScrollTo(this._getScrollToElement(payload.hash)) - 64,
@@ -2661,30 +2580,62 @@ let ScrollToElementInContainerHandler = class ScrollToElementInContainerHandler
     _getContainerTop() {
         return this._scrollableContainer.htmlElement.getBoundingClientRect().top;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollToElementInContainerHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollToElementInContainerHandler });
-};
-ScrollToElementInContainerHandler = __decorate([
-    FExecutionRegister(ScrollToElementInContainerRequest)
-], ScrollToElementInContainerHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollToElementInContainerHandler, decorators: [{
-            type: Injectable
-        }] });
+}
+
+class ScrollToElementInContainerRequest {
+    hash;
+    constructor(hash) {
+        this.hash = hash;
+    }
+}
 
 const SCROLLABLE_CONTAINER = new InjectionToken('SCROLLABLE_CONTAINER');
 
-const SCROLLABLE_CONTAINER_FEATURES = [
-    ActivateTocByHashHandler,
-    CalculateHashFromScrollPositionAndActivateTocHandler,
-    GetAbsoluteTopToContainerHandler,
-    CalculateTableOfContentDataHandler,
-    RenderDynamicComponentsHandler,
-    ScrollToElementInContainerHandler,
-];
+class TableOfContentComponent {
+    _elementRef = inject((ElementRef));
+    _browser = inject(BrowserService);
+    _provider = inject(DocumentationStore);
+    _injector = inject(Injector);
+    tocData = computed(() => {
+        return this._provider.tocData();
+    });
+    activeMarkerPosition = computed(() => {
+        const index = this.tocData()?.flat.findIndex((x) => x.isActive) || 0;
+        return this._getActiveMarkerPosition(index);
+    });
+    title = inject(DocumentationStore).getToC().title;
+    _getActiveMarkerPosition(activeIndex) {
+        const itemHeight = parseInt(this._getComputedStyle(this._elementRef.nativeElement).getPropertyValue('--on-page-navigation-item-height'));
+        return (activeIndex + 1) * itemHeight + itemHeight / 4;
+    }
+    _getComputedStyle(element) {
+        return this._browser.window.getComputedStyle(element);
+    }
+    _onDocumentClick(event) {
+        const target = event.target;
+        if (target.tagName === 'A') {
+            event.preventDefault();
+            this._scrollTo(target.getAttribute('href'));
+        }
+    }
+    _scrollTo(hash) {
+        new ActivateTocByHashHandler(this._injector).handle(new ActivateTocByHashRequest(hash));
+        new ScrollToElementInContainerHandler(this._injector).handle(new ScrollToElementInContainerRequest(hash));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: TableOfContentComponent, isStandalone: true, selector: "aside[f-table-of-content]", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "@let data = tocData();\n@if (data) {\n  <div class=\"title\">{{ title || 'In this article' }}</div>\n  <ul f-table-of-content-items [items]=\"data.tree\"></ul>\n  <div class=\"active-marker\" [style.top]=\"activeMarkerPosition() + 'px'\"></div>\n}\n\n", styles: [":host{--on-page-navigation-item-height: 32px;display:none;padding-left:16px;border-left:1px solid var(--divider-color);font-size:13px;font-weight:500;position:relative}:host .title{line-height:32px;font-size:14px;font-weight:600}@media (min-width: 1280px){:host{display:block;width:var(--on-page-navigation-width);position:fixed;top:calc(var(--header-height) + 48px);right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 3)}}:host .active-marker{position:absolute;top:0;left:0;width:2px;height:calc(var(--on-page-navigation-item-height) / 2);border-radius:2px;background-color:var(--primary-1);transition:top .25s cubic-bezier(0,1,.5,1),opacity .25s}\n"], dependencies: [{ kind: "component", type: TableOfContentItemsComponent, selector: "ul[f-table-of-content-items]", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TableOfContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aside[f-table-of-content]', standalone: true, imports: [TableOfContentItemsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let data = tocData();\n@if (data) {\n  <div class=\"title\">{{ title || 'In this article' }}</div>\n  <ul f-table-of-content-items [items]=\"data.tree\"></ul>\n  <div class=\"active-marker\" [style.top]=\"activeMarkerPosition() + 'px'\"></div>\n}\n\n", styles: [":host{--on-page-navigation-item-height: 32px;display:none;padding-left:16px;border-left:1px solid var(--divider-color);font-size:13px;font-weight:500;position:relative}:host .title{line-height:32px;font-size:14px;font-weight:600}@media (min-width: 1280px){:host{display:block;width:var(--on-page-navigation-width);position:fixed;top:calc(var(--header-height) + 48px);right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 3)}}:host .active-marker{position:absolute;top:0;left:0;width:2px;height:calc(var(--on-page-navigation-item-height) / 2);border-radius:2px;background-color:var(--primary-1);transition:top .25s cubic-bezier(0,1,.5,1),opacity .25s}\n"] }]
+        }], propDecorators: { _onDocumentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
 
 class ScrollableContainerComponent {
-    _mediator = inject(FMediator);
     _destroyRef = inject(DestroyRef);
+    _injector = inject(Injector);
     htmlElement = inject((ElementRef)).nativeElement;
     ngOnInit() {
         fromEvent(this.htmlElement, 'scroll')
@@ -2692,7 +2643,7 @@ class ScrollableContainerComponent {
             .subscribe(() => this._calculateHashAndActivate());
     }
     _calculateHashAndActivate() {
-        this._mediator.send(new CalculateHashFromScrollPositionAndActivateTocRequest());
+        new CalculateHashFromScrollPositionAndActivateTocHandler(this._injector).handle();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScrollableContainerComponent, isStandalone: true, selector: "f-scrollable-container", providers: [
@@ -2700,8 +2651,6 @@ class ScrollableContainerComponent {
                 provide: SCROLLABLE_CONTAINER,
                 useExisting: forwardRef(() => ScrollableContainerComponent),
             },
-            FMediator,
-            ...SCROLLABLE_CONTAINER_FEATURES,
         ], ngImport: i0, template: "<ng-content></ng-content>\n<aside f-table-of-content></aside>\n\n\n", styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: TableOfContentComponent, selector: "aside[f-table-of-content]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableContainerComponent, decorators: [{
@@ -2711,8 +2660,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             provide: SCROLLABLE_CONTAINER,
                             useExisting: forwardRef(() => ScrollableContainerComponent),
                         },
-                        FMediator,
-                        ...SCROLLABLE_CONTAINER_FEATURES,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         TableOfContentComponent,
                     ], template: "<ng-content></ng-content>\n<aside f-table-of-content></aside>\n\n\n", styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}\n"] }]
@@ -2726,7 +2673,6 @@ class FMarkdownRendererComponent {
     _destroyRef = inject(DestroyRef);
     _injector = inject(Injector);
     _browser = inject(BrowserService);
-    _mediator = inject(FMediator);
     _markdown = inject(MarkdownService);
     _provider = inject(DocumentationStore);
     get _markdownPath() {
@@ -2750,16 +2696,15 @@ class FMarkdownRendererComponent {
             if (html && this._browser.isBrowser()) {
                 untracked(() => {
                     raf(() => {
-                        this._mediator.execute(new RenderDynamicComponentsRequest(this._hostElement));
-                        this._mediator.execute(new CalculateTableOfContentDataRequest(this._hostElement));
+                        new RenderDynamicComponentsHandler(this._injector).handle(new RenderDynamicComponentsRequest(this._hostElement));
+                        new CalculateTableOfContentDataHandler(this._injector).handle(new CalculateTableOfContentDataRequest(this._hostElement));
                     });
                 });
             }
         }, { injector: this._injector });
     }
     _onDocumentClick(event) {
-        console.log('_onDocumentClick2');
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     ngOnDestroy() {
         this._provider.disposeDComponents();
@@ -2879,8 +2824,6 @@ class DocumentationRootComponent {
                 provide: TOGGLE_NAVIGATION_COMPONENT,
                 useExisting: DocumentationRootComponent,
             },
-            FMediator,
-            ...COMMON_FEATURES,
         ], ngImport: i0, template: "<f-navigation-panel [class.visible]=\"isNavigationVisible()\"></f-navigation-panel>\n<div class=\"f-backdrop\" [class.visible]=\"isNavigationVisible()\" (click)=\"onToggleNavigation(false)\"></div>\n\n<f-scrollable-container>\n  <f-header></f-header>\n  <router-outlet></router-outlet>\n</f-scrollable-container>\n\n@if (popover()) {\n  <div class=\"popover\">{{ popover() }}</div>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:flex-start;height:100%;gap:5px}.f-backdrop{position:fixed;inset:0;opacity:0;z-index:var(--z-index-backdrop);background:var(--backdrop-color);transition:opacity .2s ease-in-out;pointer-events:none}.f-backdrop.visible{opacity:1;pointer-events:all}@media (min-width: 960px){.f-backdrop{position:unset}}.popover{position:fixed;min-width:120px;bottom:50%;left:50%;text-align:center;transform:translate(-50%,-50%);background-color:var(--code-view-copy-button-hover-background);border:1px solid var(--code-view-copy-button-border-color);box-shadow:var(--shadow-3);color:var(--primary-text);font-size:14px;padding:4px 8px;border-radius:4px;z-index:var(--z-index-popover);opacity:1}\n"], dependencies: [{ kind: "component", type: NavigationPanelComponent, selector: "f-navigation-panel" }, { kind: "component", type: ScrollableContainerComponent, selector: "f-scrollable-container" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: HeaderComponent, selector: "f-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentationRootComponent, decorators: [{
@@ -2905,8 +2848,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             provide: TOGGLE_NAVIGATION_COMPONENT,
                             useExisting: DocumentationRootComponent,
                         },
-                        FMediator,
-                        ...COMMON_FEATURES,
                     ], imports: [
                         NavigationPanelComponent,
                         ScrollableContainerComponent,
@@ -2930,12 +2871,11 @@ const DOCUMENTATION_ROUTES = [
 
 var index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get ActivateTocByHashHandler () { return ActivateTocByHashHandler; },
+    ActivateTocByHashHandler: ActivateTocByHashHandler,
     ActivateTocByHashRequest: ActivateTocByHashRequest,
-    COMMON_FEATURES: COMMON_FEATURES,
-    get CalculateHashFromScrollPositionAndActivateTocHandler () { return CalculateHashFromScrollPositionAndActivateTocHandler; },
+    CalculateHashFromScrollPositionAndActivateTocHandler: CalculateHashFromScrollPositionAndActivateTocHandler,
     CalculateHashFromScrollPositionAndActivateTocRequest: CalculateHashFromScrollPositionAndActivateTocRequest,
-    get CalculateTableOfContentDataHandler () { return CalculateTableOfContentDataHandler; },
+    CalculateTableOfContentDataHandler: CalculateTableOfContentDataHandler,
     CalculateTableOfContentDataRequest: CalculateTableOfContentDataRequest,
     DOCUMENTATION_CONFIGURATION: DOCUMENTATION_CONFIGURATION,
     DOCUMENTATION_ROUTES: DOCUMENTATION_ROUTES,
@@ -2963,13 +2903,13 @@ var index$1 = /*#__PURE__*/Object.freeze({
     FPreviewGroupService: FPreviewGroupService,
     F_ACCEPT_COOKIES_KEY: F_ACCEPT_COOKIES_KEY,
     F_PREVIEW_NAVIGATION_PROVIDER: F_PREVIEW_NAVIGATION_PROVIDER,
-    get GetAbsoluteTopToContainerHandler () { return GetAbsoluteTopToContainerHandler; },
+    GetAbsoluteTopToContainerHandler: GetAbsoluteTopToContainerHandler,
     GetAbsoluteTopToContainerRequest: GetAbsoluteTopToContainerRequest,
     GetPreviousNextPageNavigationHandler: GetPreviousNextPageNavigationHandler,
     GetPreviousNextPageNavigationRequest: GetPreviousNextPageNavigationRequest,
     GetPreviousNextPageNavigationResponse: GetPreviousNextPageNavigationResponse,
     HamburgerButtonComponent: HamburgerButtonComponent,
-    get HandleNavigationLinksHandler () { return HandleNavigationLinksHandler; },
+    HandleNavigationLinksHandler: HandleNavigationLinksHandler,
     HandleNavigationLinksRequest: HandleNavigationLinksRequest,
     HeaderComponent: HeaderComponent,
     HighlightComponent: HighlightComponent,
@@ -2985,11 +2925,10 @@ var index$1 = /*#__PURE__*/Object.freeze({
     ParseGroupedCodeItems: ParseGroupedCodeItems,
     ParsePreviewGroup: ParsePreviewGroup,
     ParseSingleCodeItem: ParseSingleCodeItem,
-    get RenderDynamicComponentsHandler () { return RenderDynamicComponentsHandler; },
+    RenderDynamicComponentsHandler: RenderDynamicComponentsHandler,
     RenderDynamicComponentsRequest: RenderDynamicComponentsRequest,
     SCROLLABLE_CONTAINER: SCROLLABLE_CONTAINER,
-    SCROLLABLE_CONTAINER_FEATURES: SCROLLABLE_CONTAINER_FEATURES,
-    get ScrollToElementInContainerHandler () { return ScrollToElementInContainerHandler; },
+    ScrollToElementInContainerHandler: ScrollToElementInContainerHandler,
     ScrollToElementInContainerRequest: ScrollToElementInContainerRequest,
     ScrollableContainerComponent: ScrollableContainerComponent,
     TOGGLE_NAVIGATION_COMPONENT: TOGGLE_NAVIGATION_COMPONENT,
@@ -3267,5 +3206,5 @@ var index = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { ActivateTocByHashHandler, ActivateTocByHashRequest, COMMON_FEATURES, CalculateHashFromScrollPositionAndActivateTocHandler, CalculateHashFromScrollPositionAndActivateTocRequest, CalculateTableOfContentDataHandler, CalculateTableOfContentDataRequest, DOCUMENTATION_CONFIGURATION, DOCUMENTATION_ROUTES, DocumentationRootComponent, DocumentationStore, DropdownMenuComponent, EMarkdownContainerType, EParsedContainerType, FAnalyticsService, FCheckboxComponent, FCodeGroupComponent, FCodeGroupTabsComponent, FCodeViewComponent, FCookiePopupComponent, FExampleViewComponent, FFooterEditInformationComponent, FFooterNavigationButtonComponent, FFooterNavigationComponent, FHomePageButtonsRowComponent, FHomePageFeaturesComponent, FHomePageFooterComponent, FHomePageHeaderComponent, FHomePageHeroComponent, FHomePageMembershipsComponent, FInsertComponentDirective, FMarkdownFooterComponent, FMarkdownRendererComponent, FMetaService, FNavigationItemComponent, FPreviewBase, FPreviewComponent, FPreviewGroupFiltersComponent, FPreviewGroupService, FRadioButtonComponent, FSocialLinksComponent, FThemeButtonComponent, F_ACCEPT_COOKIES_KEY, F_PREVIEW_NAVIGATION_PROVIDER, F_SOCIAL_LINKS_PROVIDER, GetAbsoluteTopToContainerHandler, GetAbsoluteTopToContainerRequest, GetPreviousNextPageNavigationHandler, GetPreviousNextPageNavigationRequest, GetPreviousNextPageNavigationResponse, HEADER_CONFIGURATION, HEADER_CONFIGURATION_STORE, HOME_PAGE_CONFIGURATION, HOME_ROUTES, HamburgerButtonComponent, HandleNavigationLinksHandler, HandleNavigationLinksRequest, HeaderComponent, HighlightComponent, HighlightService, HomeRootComponent, HomeStore, InlineMenuComponent, LANGUAGES, MarkCodeFocusedBlocksPostProcessor, MarkdownContainerComponent, MarkdownService, NavigationGroupComponent, NavigationPanelComponent, NpmVersionComponent, OverflowObserverDirective, ParseAlerts, ParseAngularExampleWithCodeLinks, ParseGroupedCodeItems, ParsePreviewGroup, ParseSingleCodeItem, PopoverService, RIGHT_TOP_OVERLAY_POSITION, RenderDynamicComponentsHandler, RenderDynamicComponentsRequest, SCROLLABLE_CONTAINER, SCROLLABLE_CONTAINER_FEATURES, ScrollToElementInContainerHandler, ScrollToElementInContainerRequest, ScrollableContainerComponent, TOGGLE_NAVIGATION_COMPONENT, TableOfContentComponent, TableOfContentData, TableOfContentItemsComponent, ThemeService, coerceComponentHeight, copyToClipboard, defineLazyComponent, defineNavigationGroup, encodeDataAttr, extractComponent, getContent, isClosingToken, isOpeningToken, parseComponentTag, parseFileLinkLine, parseLanguageFromFileExtension, parseSingleBracketText, parseSyntaxLanguage, provide404Markdown, provideBackground, provideComponents, provideDirectory, provideDocumentation, provideDocumentationMeta, provideFooterNavigation, provideHeader, provideHeaderMediaLinks, provideHeaderNavigation, provideHero, provideHomeButtons, provideHomeFeatures, provideHomeFooter, provideHomePage, provideImage, provideLanguage, provideLogo, provideNavigation, provideTitle, provideTocData, setCookieConsent };
+export { ActivateTocByHashHandler, ActivateTocByHashRequest, CalculateHashFromScrollPositionAndActivateTocHandler, CalculateHashFromScrollPositionAndActivateTocRequest, CalculateTableOfContentDataHandler, CalculateTableOfContentDataRequest, DOCUMENTATION_CONFIGURATION, DOCUMENTATION_ROUTES, DocumentationRootComponent, DocumentationStore, DropdownMenuComponent, EMarkdownContainerType, EParsedContainerType, FAnalyticsService, FCheckboxComponent, FCodeGroupComponent, FCodeGroupTabsComponent, FCodeViewComponent, FCookiePopupComponent, FExampleViewComponent, FFooterEditInformationComponent, FFooterNavigationButtonComponent, FFooterNavigationComponent, FHomePageButtonsRowComponent, FHomePageFeaturesComponent, FHomePageFooterComponent, FHomePageHeaderComponent, FHomePageHeroComponent, FHomePageMembershipsComponent, FInsertComponentDirective, FMarkdownFooterComponent, FMarkdownRendererComponent, FMetaService, FNavigationItemComponent, FPreviewBase, FPreviewComponent, FPreviewGroupFiltersComponent, FPreviewGroupService, FRadioButtonComponent, FSocialLinksComponent, FThemeButtonComponent, F_ACCEPT_COOKIES_KEY, F_PREVIEW_NAVIGATION_PROVIDER, F_SOCIAL_LINKS_PROVIDER, GetAbsoluteTopToContainerHandler, GetAbsoluteTopToContainerRequest, GetPreviousNextPageNavigationHandler, GetPreviousNextPageNavigationRequest, GetPreviousNextPageNavigationResponse, HEADER_CONFIGURATION, HEADER_CONFIGURATION_STORE, HOME_PAGE_CONFIGURATION, HOME_ROUTES, HamburgerButtonComponent, HandleNavigationLinksHandler, HandleNavigationLinksRequest, HeaderComponent, HighlightComponent, HighlightService, HomeRootComponent, HomeStore, InlineMenuComponent, LANGUAGES, MarkCodeFocusedBlocksPostProcessor, MarkdownContainerComponent, MarkdownService, NavigationGroupComponent, NavigationPanelComponent, NpmVersionComponent, OverflowObserverDirective, ParseAlerts, ParseAngularExampleWithCodeLinks, ParseGroupedCodeItems, ParsePreviewGroup, ParseSingleCodeItem, PopoverService, RIGHT_TOP_OVERLAY_POSITION, RenderDynamicComponentsHandler, RenderDynamicComponentsRequest, SCROLLABLE_CONTAINER, ScrollToElementInContainerHandler, ScrollToElementInContainerRequest, ScrollableContainerComponent, TOGGLE_NAVIGATION_COMPONENT, TableOfContentComponent, TableOfContentData, TableOfContentItemsComponent, ThemeService, coerceComponentHeight, copyToClipboard, defineLazyComponent, defineNavigationGroup, encodeDataAttr, extractComponent, getContent, isClosingToken, isOpeningToken, parseComponentTag, parseFileLinkLine, parseLanguageFromFileExtension, parseSingleBracketText, parseSyntaxLanguage, provide404Markdown, provideBackground, provideComponents, provideDirectory, provideDocumentation, provideDocumentationMeta, provideFooterNavigation, provideHeader, provideHeaderMediaLinks, provideHeaderNavigation, provideHero, provideHomeButtons, provideHomeFeatures, provideHomeFooter, provideHomePage, provideImage, provideLanguage, provideLogo, provideNavigation, provideTitle, provideTocData, setCookieConsent };
 //# sourceMappingURL=foblex-m-render.mjs.map