@foblex/m-render 2.5.2 → 2.5.3

package/fesm2022/foblex-m-render.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, Input, Output, ViewChild, HostListener, inject, Injectable, Inject, signal, InjectionToken, Optional, ViewChildren, ViewContainerRef, ElementRef, Injector } from '@angular/core';
+import { EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, Input, Output, ViewChild, HostListener, inject, Injectable, Inject, signal, InjectionToken, Optional, ViewChildren, ViewContainerRef, ElementRef, DestroyRef, ChangeDetectorRef } from '@angular/core';
 import * as i2 from '@foblex/platform';
 import { F_LOCAL_STORAGE } from '@foblex/platform';
-import { DOCUMENT, ɵgetDOM as _getDOM, NgOptimizedImage, AsyncPipe, JsonPipe } from '@angular/common';
+import { DOCUMENT, ɵgetDOM as _getDOM, AsyncPipe, JsonPipe } from '@angular/common';
 import * as i1 from '@angular/router';
-import { NavigationEnd, RouterLink, Router, ActivatedRoute, RouterOutlet } from '@angular/router';
-import { startWith, filter, BehaviorSubject, of, map, Subscription, from, switchMap, Observable, fromEvent, Subject, debounceTime } from 'rxjs';
+import { NavigationEnd, Router, RouterLink, ActivatedRoute, RouterOutlet } from '@angular/router';
+import { startWith, filter, BehaviorSubject, Subject, of, map, Subscription, from, switchMap, Observable, fromEvent, debounceTime } from 'rxjs';
 import { catchError, filter as filter$1, take, tap } from 'rxjs/operators';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
@@ -13,6 +13,7 @@ import { deepClone } from '@foblex/utils';
 import container from 'markdown-it-container';
 import MarkdownIt from 'markdown-it';
 import * as i2$1 from '@angular/platform-browser';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 let uniqueId = 0;
 class FCheckboxComponent {
@@ -346,9 +347,11 @@ class FPopoverService {
         this.popover.next(message);
         setTimeout(() => this.popover.next(null), 2000);
     }
-    dispose() {
-        this.popover.next(null);
-        this.popover.complete();
+    dispose(destroyRef) {
+        destroyRef.onDestroy(() => {
+            this.popover.next(null);
+            this.popover.complete();
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FPopoverService });
@@ -385,22 +388,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'f-cookie-popup', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!hasAccepted()) {\n  <div class=\"docs-cookies-popup docs-invert-mode\">\n    <p>This site uses cookies from Google to deliver its services and to analyze traffic.</p>\n\n    <div>\n      <a href=\"https://policies.google.com/technologies/cookies\" target=\"_blank\" rel=\"noopener\">\n        <button class=\"f-button\" [attr.text]=\"'Learn more'\" aria-label=\"Learn More\">\n          Learn more\n        </button>\n      </a>\n      <button\n        (click)=\"accept()\"\n        class=\"f-button\"\n        [attr.text]=\"'Ok, Got it'\"\n        aria-label=\"Ok, Got it\">\n        Ok, Got it\n      </button>\n    </div>\n  </div>\n}\n", styles: [":host{position:fixed;bottom:16px;right:16px;z-index:99999;opacity:0;visibility:hidden;animation:1s linear forwards .5s fadeIn}.docs-cookies-popup{padding:1rem;background-color:var(--background-color);border:1px solid var(--divider-color);color:var(--primary-text);border-radius:var(--border-radius);font-size:14px;max-width:310px;transition:background-color .3s ease,border-color .3s ease,color .3s ease;box-shadow:var(--shadow-3)}.docs-cookies-popup>div{display:flex;gap:8px;align-items:center;width:100%;margin-block-start:1rem}.f-button{outline:none;border:none;height:unset;line-height:26px;font-size:14px;font-weight:500;border-radius:var(--border-radius)}@keyframes fadeIn{to{opacity:100%;visibility:visible}}\n"] }]
         }], ctorParameters: () => [] });
 
-class FBadgeComponent {
-    text = '';
-    type = 'tip';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FBadgeComponent, isStandalone: true, selector: "span[f-badge]", inputs: { text: "text", type: "type" }, host: { properties: { "class": "type" }, classAttribute: "f-badge" }, ngImport: i0, template: "{{ text }}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+class FStateService {
+    fBrowser;
+    theme = new Subject();
+    constructor(fBrowser) {
+        this.fBrowser = fBrowser;
+    }
+    get theme$() {
+        return this.theme.asObservable();
+    }
+    updateTheme() {
+        this.theme.next();
+    }
+    getPreferredTheme() {
+        return this.fBrowser.localStorage.getItem('preferred-theme')
+            || (this.fBrowser.window.isMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, deps: [{ token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2.BrowserService }] });
+
+class FThemeButtonComponent {
+    renderer;
+    fState;
+    fBrowser;
+    constructor(renderer, fState, fBrowser) {
+        this.renderer = renderer;
+        this.fState = fState;
+        this.fBrowser = fBrowser;
+    }
+    ngOnInit() {
+        if (this.fState.getPreferredTheme() === 'dark' && !this.isDocumentContainsDarkTheme()) {
+            this.renderer.addClass(this.fBrowser.document.documentElement, 'dark');
+            this.fBrowser.localStorage.setItem('preferred-theme', 'dark');
+        }
+    }
+    isDocumentContainsDarkTheme() {
+        return this.fBrowser.document.documentElement.classList.contains('dark');
+    }
+    onClick() {
+        if (this.fState.getPreferredTheme() === 'light' && !this.isDocumentContainsDarkTheme()) {
+            this.renderer.addClass(this.fBrowser.document.documentElement, 'dark');
+            this.fBrowser.localStorage.setItem('preferred-theme', 'dark');
+        }
+        else {
+            this.renderer.removeClass(this.fBrowser.document.documentElement, 'dark');
+            this.fBrowser.localStorage.setItem('preferred-theme', 'light');
+        }
+        this.fState.updateTheme();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FThemeButtonComponent, deps: [{ token: i0.Renderer2 }, { token: FStateService }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FThemeButtonComponent, isStandalone: true, selector: "button[f-theme-button]", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<div class=\"f-icon-container\">\n  <div class=\"f-icon moon\"></div>\n  <div class=\"f-icon sun\"></div>\n</div>\n", styles: [":host{margin:0 8px;position:relative;border-radius:11px;display:block;width:44px;min-width:44px;height:22px;border:1px solid var(--theme-button-border-color);background-color:var(--theme-button-background);cursor:pointer}:host:hover{border-color:var(--theme-button-hovered-border-color)}.f-icon-container{position:absolute;top:1px;left:1px;width:18px;height:18px;padding:3px;border-radius:50%;background-color:var(--theme-button-icon-background);transition:transform .4s}.f-icon-container .f-icon{position:absolute;top:3px;left:3px;width:12px;height:12px}.f-icon-container .sun{display:block}.f-icon-container .moon{display:none}.dark :host .f-icon-container{transform:translate(22px)}.dark :host .f-icon-container .sun{display:none}.dark :host .f-icon-container .moon{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FThemeButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'span[f-badge]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'f-badge',
-                        '[class]': 'type',
-                    }, template: "{{ text }}\n" }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], type: [{
-                type: Input
+            args: [{ selector: 'button[f-theme-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"f-icon-container\">\n  <div class=\"f-icon moon\"></div>\n  <div class=\"f-icon sun\"></div>\n</div>\n", styles: [":host{margin:0 8px;position:relative;border-radius:11px;display:block;width:44px;min-width:44px;height:22px;border:1px solid var(--theme-button-border-color);background-color:var(--theme-button-background);cursor:pointer}:host:hover{border-color:var(--theme-button-hovered-border-color)}.f-icon-container{position:absolute;top:1px;left:1px;width:18px;height:18px;padding:3px;border-radius:50%;background-color:var(--theme-button-icon-background);transition:transform .4s}.f-icon-container .f-icon{position:absolute;top:3px;left:3px;width:12px;height:12px}.f-icon-container .sun{display:block}.f-icon-container .moon{display:none}.dark :host .f-icon-container{transform:translate(22px)}.dark :host .f-icon-container .sun{display:none}.dark :host .f-icon-container .moon{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: FStateService }, { type: i2.BrowserService }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
             }] } });
 
 class GetVersionRequest {
@@ -494,6 +543,46 @@ class HandleNavigationLinksRequest {
 
 const INTERNAL_ENVIRONMENT_SERVICE = new InjectionToken('INTERNAL_ENVIRONMENT_SERVICE');
 
+class FBadgeComponent {
+    text = '';
+    type = 'tip';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FBadgeComponent, isStandalone: true, selector: "span[f-badge]", inputs: { text: "text", type: "type" }, host: { properties: { "class": "type" }, classAttribute: "f-badge" }, ngImport: i0, template: "{{ text }}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'span[f-badge]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'f-badge',
+                        '[class]': 'type',
+                    }, template: "{{ text }}\n" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+
+class FHamburgerButtonComponent {
+    fDocumentation;
+    constructor(fDocumentation) {
+        this.fDocumentation = fDocumentation;
+    }
+    onShowNavigation() {
+        this.fDocumentation.onToggleNavigation(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHamburgerButtonComponent, deps: [{ token: F_DOCUMENTATION_COMPONENT }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FHamburgerButtonComponent, isStandalone: true, selector: "button[f-hamburger-button]", host: { listeners: { "click": "onShowNavigation()" } }, ngImport: i0, template: "<span class=\"f-icon hamburger\"></span>\n\n", styles: [":host{background-color:transparent;border:0;display:flex;padding:0;margin-right:16px;color:var(--secondary-text);cursor:pointer}@media (min-width: 960px){:host{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHamburgerButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[f-hamburger-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"f-icon hamburger\"></span>\n\n", styles: [":host{background-color:transparent;border:0;display:flex;padding:0;margin-right:16px;color:var(--secondary-text);cursor:pointer}@media (min-width: 960px){:host{display:none}}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [F_DOCUMENTATION_COMPONENT]
+                }] }], propDecorators: { onShowNavigation: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
 class FDocumentationEnvironmentService {
     environment;
     http;
@@ -558,6 +647,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     args: [F_DOCS_ENVIRONMENT]
                 }] }, { type: i1$1.HttpClient }] });
 
+class FSocialLinksComponent {
+    links = inject(FDocumentationEnvironmentService).getSocialLinks();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSocialLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FSocialLinksComponent, isStandalone: true, selector: "f-social-links", ngImport: i0, template: "@for (link of links; track link.link) {\n  <a href=\"{{ link.link }}\" class=\"header-link\">\n    <div class=\"f-icon {{ link.icon }}\"></div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{width:36px;height:36px;padding:7.5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSocialLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-social-links', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (link of links; track link.link) {\n  <a href=\"{{ link.link }}\" class=\"header-link\">\n    <div class=\"f-icon {{ link.icon }}\"></div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{width:36px;height:36px;padding:7.5px}\n"] }]
+        }] });
+
+class FHeaderMenuComponent {
+    navigation = [];
+    _router = inject(Router);
+    _fEnvironmentService = inject(FDocumentationEnvironmentService);
+    ngOnInit() {
+        this.navigation = this._fEnvironmentService.getHeaderNavigation().map((x) => {
+            return {
+                ...x,
+                isActive: this._router.url.startsWith(x.link)
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FHeaderMenuComponent, isStandalone: true, selector: "f-header-menu", ngImport: i0, template: "@for (item of navigation; track item.link) {\n  <a class=\"header-link\" [routerLink]=\"item.link\" [class.active]=\"item.isActive\">\n    <span>{{ item.text }}</span>\n  </a>\n}\n\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{display:flex;align-items:center;padding:0 12px;line-height:var(--header-height);font-size:14px;font-weight:500;color:var(--primary-text);cursor:pointer}.header-link:hover,.header-link.active{color:var(--primary-1)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-header-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        RouterLink
+                    ], template: "@for (item of navigation; track item.link) {\n  <a class=\"header-link\" [routerLink]=\"item.link\" [class.active]=\"item.isActive\">\n    <span>{{ item.text }}</span>\n  </a>\n}\n\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{display:flex;align-items:center;padding:0 12px;line-height:var(--header-height);font-size:14px;font-weight:500;color:var(--primary-text);cursor:pointer}.header-link:hover,.header-link.active{color:var(--primary-1)}\n"] }]
+        }] });
+
+class FVersionComponent {
+    version$ = inject(FDocumentationEnvironmentService).getVersion();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FVersionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FVersionComponent, isStandalone: true, selector: "f-version", ngImport: i0, template: "@if (version$ | async;as version) {\n  <span class=\"version\">v{{ version }}</span>\n}\n", styles: [".version{margin-left:8px;margin-right:8px;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--primary-text)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FVersionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-version', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe
+                    ], template: "@if (version$ | async;as version) {\n  <span class=\"version\">v{{ version }}</span>\n}\n", styles: [".version{margin-left:8px;margin-right:8px;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--primary-text)}\n"] }]
+        }] });
+
 class FHeaderComponent {
     title = inject(FDocumentationEnvironmentService).getTitle();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -566,7 +699,6 @@ class FHeaderComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'f-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgOptimizedImage,
                         FHamburgerButtonComponent,
                         FVersionComponent,
                         FSocialLinksComponent,
@@ -2206,30 +2338,6 @@ var index$2 = /*#__PURE__*/Object.freeze({
     getContent: getContent
 });
 
-class FStateService {
-    fBrowser;
-    theme = new Subject();
-    constructor(fBrowser) {
-        this.fBrowser = fBrowser;
-    }
-    get theme$() {
-        return this.theme.asObservable();
-    }
-    updateTheme() {
-        this.theme.next();
-    }
-    getPreferredTheme() {
-        return this.fBrowser.localStorage.getItem('preferred-theme')
-            || (this.fBrowser.window.isMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, deps: [{ token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FStateService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i2.BrowserService }] });
-
 class FPreviewComponent {
     fEnvironment;
     fState;
@@ -2294,33 +2402,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const F_DOCUMENTATION_COMPONENT = new InjectionToken('F_DOCUMENTATION_COMPONENT');
 
 class FDocumentationComponent {
-    fPopoverService;
-    changeDetectorRef;
-    subscriptions$ = new Subscription();
     isNavigationVisible = false;
     popoverMessage = null;
-    constructor(fPopoverService, changeDetectorRef) {
-        this.fPopoverService = fPopoverService;
-        this.changeDetectorRef = changeDetectorRef;
-    }
+    _fPopover = inject(FPopoverService);
+    _destroyRef = inject(DestroyRef);
+    _changeDetectorRef = inject(ChangeDetectorRef);
     ngOnInit() {
-        this.subscriptions$.add(this.subscribeOnPopover());
+        this._fPopover.dispose(this._destroyRef);
+        this._subscribeOnPopover();
     }
-    subscribeOnPopover() {
-        return this.fPopoverService.popover$.subscribe((x) => {
+    _subscribeOnPopover() {
+        this._fPopover.popover$.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((x) => {
             this.popoverMessage = x;
-            this.changeDetectorRef.markForCheck();
+            this._changeDetectorRef.markForCheck();
         });
     }
     onToggleNavigation(value) {
         this.isNavigationVisible = value;
-        this.changeDetectorRef.markForCheck();
+        this._changeDetectorRef.markForCheck();
     }
-    ngOnDestroy() {
-        this.fPopoverService.dispose();
-        this.subscriptions$.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDocumentationComponent, deps: [{ token: FPopoverService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDocumentationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FDocumentationComponent, isStandalone: true, selector: "f-documentation", providers: [
             FDocumentationEnvironmentService,
             FPopoverService,
@@ -2341,11 +2442,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FScrollableContainerComponent,
                         RouterOutlet
                     ], template: "<div class=\"f-backdrop\" [class.visible]=\"isNavigationVisible\" (click)=\"onToggleNavigation(false)\"></div>\n<f-navigation-panel [class.visible]=\"isNavigationVisible\"></f-navigation-panel>\n\n<f-scrollable-container>\n  <f-header></f-header>\n  <router-outlet></router-outlet>\n</f-scrollable-container>\n@if (popoverMessage) {\n  <div class=\"popover\">{{ popoverMessage }}</div>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:flex-start;height:100%;gap:10px}.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);color:var(--primary-text);font-size:14px;padding:4px 8px;border-radius:4px;z-index:var(--z-index-popover);opacity:1}\n"] }]
-        }], ctorParameters: () => [{ type: FPopoverService }, { type: i0.ChangeDetectorRef }] });
+        }] });
 
 const F_DOCS_ENVIRONMENT = new InjectionToken('F_DOCS_ENVIRONMENT');
 
-const F_DOCUMENTATION_ROUTES = [
+const F_DOCS_ROUTES = [
     {
         path: '',
         loadComponent: () => Promise.resolve().then(function () { return index$1; }).then(m => m.FDocumentationComponent),
@@ -2375,7 +2476,9 @@ var index$1 = /*#__PURE__*/Object.freeze({
     FFooterEditInformationComponent: FFooterEditInformationComponent,
     FFooterNavigationButtonComponent: FFooterNavigationButtonComponent,
     FFooterNavigationComponent: FFooterNavigationComponent,
+    FHamburgerButtonComponent: FHamburgerButtonComponent,
     FHeaderComponent: FHeaderComponent,
+    FHeaderMenuComponent: FHeaderMenuComponent,
     FMarkdownFooterComponent: FMarkdownFooterComponent,
     FMarkdownRendererComponent: FMarkdownRendererComponent,
     FNavigationGroupComponent: FNavigationGroupComponent,
@@ -2385,11 +2488,13 @@ var index$1 = /*#__PURE__*/Object.freeze({
     FPageComponent: FPageComponent,
     FPreviewComponent: FPreviewComponent,
     FScrollableContainerComponent: FScrollableContainerComponent,
+    FSocialLinksComponent: FSocialLinksComponent,
     FTableOfContentComponent: FTableOfContentComponent,
     FTableOfContentItemsComponent: FTableOfContentItemsComponent,
+    FVersionComponent: FVersionComponent,
     F_DOCS_ENVIRONMENT: F_DOCS_ENVIRONMENT,
+    F_DOCS_ROUTES: F_DOCS_ROUTES,
     F_DOCUMENTATION_COMPONENT: F_DOCUMENTATION_COMPONENT,
-    F_DOCUMENTATION_ROUTES: F_DOCUMENTATION_ROUTES,
     GetAbsoluteTopToContainerHandler: GetAbsoluteTopToContainerHandler,
     GetAbsoluteTopToContainerRequest: GetAbsoluteTopToContainerRequest,
     GetPreviousNextPageNavigationHandler: GetPreviousNextPageNavigationHandler,
@@ -2417,112 +2522,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
     getContent: getContent
 });
 
-class FHamburgerButtonComponent {
-    fDocumentation;
-    constructor(fDocumentation) {
-        this.fDocumentation = fDocumentation;
-    }
-    onShowNavigation() {
-        this.fDocumentation.onToggleNavigation(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHamburgerButtonComponent, deps: [{ token: F_DOCUMENTATION_COMPONENT }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FHamburgerButtonComponent, isStandalone: true, selector: "button[f-hamburger-button]", host: { listeners: { "click": "onShowNavigation()" } }, ngImport: i0, template: "<span class=\"f-icon hamburger\"></span>\n\n", styles: [":host{background-color:transparent;border:0;display:flex;padding:0;margin-right:16px;color:var(--secondary-text);cursor:pointer}@media (min-width: 960px){:host{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHamburgerButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[f-hamburger-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"f-icon hamburger\"></span>\n\n", styles: [":host{background-color:transparent;border:0;display:flex;padding:0;margin-right:16px;color:var(--secondary-text);cursor:pointer}@media (min-width: 960px){:host{display:none}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [F_DOCUMENTATION_COMPONENT]
-                }] }], propDecorators: { onShowNavigation: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class FHeaderMenuComponent {
-    navigation = [];
-    _router = inject(Router);
-    _fEnvironmentService = inject(INTERNAL_ENVIRONMENT_SERVICE);
-    ngOnInit() {
-        this.navigation = this._fEnvironmentService.getHeaderNavigation().map((x) => {
-            return {
-                ...x,
-                isActive: this._router.url.startsWith(x.link)
-            };
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FHeaderMenuComponent, isStandalone: true, selector: "f-header-menu", ngImport: i0, template: "@for (item of navigation; track item.link) {\n  <a class=\"header-link\" [routerLink]=\"item.link\" [class.active]=\"item.isActive\">\n    <span>{{ item.text }}</span>\n  </a>\n}\n\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{display:flex;align-items:center;padding:0 12px;line-height:var(--header-height);font-size:14px;font-weight:500;color:var(--primary-text);cursor:pointer}.header-link:hover,.header-link.active{color:var(--primary-1)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FHeaderMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'f-header-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        RouterLink
-                    ], template: "@for (item of navigation; track item.link) {\n  <a class=\"header-link\" [routerLink]=\"item.link\" [class.active]=\"item.isActive\">\n    <span>{{ item.text }}</span>\n  </a>\n}\n\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{display:flex;align-items:center;padding:0 12px;line-height:var(--header-height);font-size:14px;font-weight:500;color:var(--primary-text);cursor:pointer}.header-link:hover,.header-link.active{color:var(--primary-1)}\n"] }]
-        }] });
-
-class FSocialLinksComponent {
-    links = inject(INTERNAL_ENVIRONMENT_SERVICE).getSocialLinks();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSocialLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FSocialLinksComponent, isStandalone: true, selector: "f-social-links", ngImport: i0, template: "@for (link of links; track link.link) {\n  <a href=\"{{ link.link }}\" class=\"header-link\">\n    <div class=\"f-icon {{ link.icon }}\"></div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{width:36px;height:36px;padding:7.5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSocialLinksComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'f-social-links', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (link of links; track link.link) {\n  <a href=\"{{ link.link }}\" class=\"header-link\">\n    <div class=\"f-icon {{ link.icon }}\"></div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}.header-link{width:36px;height:36px;padding:7.5px}\n"] }]
-        }] });
-
-class FThemeButtonComponent {
-    renderer;
-    fState;
-    fBrowser;
-    constructor(renderer, fState, fBrowser) {
-        this.renderer = renderer;
-        this.fState = fState;
-        this.fBrowser = fBrowser;
-    }
-    ngOnInit() {
-        if (this.fState.getPreferredTheme() === 'dark' && !this.isDocumentContainsDarkTheme()) {
-            this.renderer.addClass(this.fBrowser.document.documentElement, 'dark');
-            this.fBrowser.localStorage.setItem('preferred-theme', 'dark');
-        }
-    }
-    isDocumentContainsDarkTheme() {
-        return this.fBrowser.document.documentElement.classList.contains('dark');
-    }
-    onClick() {
-        if (this.fState.getPreferredTheme() === 'light' && !this.isDocumentContainsDarkTheme()) {
-            this.renderer.addClass(this.fBrowser.document.documentElement, 'dark');
-            this.fBrowser.localStorage.setItem('preferred-theme', 'dark');
-        }
-        else {
-            this.renderer.removeClass(this.fBrowser.document.documentElement, 'dark');
-            this.fBrowser.localStorage.setItem('preferred-theme', 'light');
-        }
-        this.fState.updateTheme();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FThemeButtonComponent, deps: [{ token: i0.Renderer2 }, { token: FStateService }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FThemeButtonComponent, isStandalone: true, selector: "button[f-theme-button]", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<div class=\"f-icon-container\">\n  <div class=\"f-icon moon\"></div>\n  <div class=\"f-icon sun\"></div>\n</div>\n", styles: [":host{margin:0 8px;position:relative;border-radius:11px;display:block;width:44px;min-width:44px;height:22px;border:1px solid var(--theme-button-border-color);background-color:var(--theme-button-background);cursor:pointer}:host:hover{border-color:var(--theme-button-hovered-border-color)}.f-icon-container{position:absolute;top:1px;left:1px;width:18px;height:18px;padding:3px;border-radius:50%;background-color:var(--theme-button-icon-background);transition:transform .4s}.f-icon-container .f-icon{position:absolute;top:3px;left:3px;width:12px;height:12px}.f-icon-container .sun{display:block}.f-icon-container .moon{display:none}.dark :host .f-icon-container{transform:translate(22px)}.dark :host .f-icon-container .sun{display:none}.dark :host .f-icon-container .moon{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FThemeButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[f-theme-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"f-icon-container\">\n  <div class=\"f-icon moon\"></div>\n  <div class=\"f-icon sun\"></div>\n</div>\n", styles: [":host{margin:0 8px;position:relative;border-radius:11px;display:block;width:44px;min-width:44px;height:22px;border:1px solid var(--theme-button-border-color);background-color:var(--theme-button-background);cursor:pointer}:host:hover{border-color:var(--theme-button-hovered-border-color)}.f-icon-container{position:absolute;top:1px;left:1px;width:18px;height:18px;padding:3px;border-radius:50%;background-color:var(--theme-button-icon-background);transition:transform .4s}.f-icon-container .f-icon{position:absolute;top:3px;left:3px;width:12px;height:12px}.f-icon-container .sun{display:block}.f-icon-container .moon{display:none}.dark :host .f-icon-container{transform:translate(22px)}.dark :host .f-icon-container .sun{display:none}.dark :host .f-icon-container .moon{display:block}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: FStateService }, { type: i2.BrowserService }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class FVersionComponent {
-    version$ = inject(INTERNAL_ENVIRONMENT_SERVICE).getVersion();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FVersionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FVersionComponent, isStandalone: true, selector: "f-version", ngImport: i0, template: "@if (version$ | async;as version) {\n  <span class=\"version\">v{{ version }}</span>\n}\n", styles: [".version{margin-left:8px;margin-right:8px;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--primary-text)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FVersionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'f-version', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        AsyncPipe
-                    ], template: "@if (version$ | async;as version) {\n  <span class=\"version\">v{{ version }}</span>\n}\n", styles: [".version{margin-left:8px;margin-right:8px;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--primary-text)}\n"] }]
-        }] });
-
 const F_HOME_PAGE_ENVIRONMENT = new InjectionToken('F_HOME_PAGE_ENVIRONMENT');
 
 class FHomePageEnvironmentService {
@@ -2538,15 +2537,6 @@ class FHomePageEnvironmentService {
     getTitle() {
         return this.environment.title;
     }
-    getHeaderNavigation() {
-        return this.environment.headerNavigation || [];
-    }
-    getVersion() {
-        return new GetVersionHandler(this.http).handle(new GetVersionRequest(this.environment.version));
-    }
-    getSocialLinks() {
-        return this.environment.socialLinks || [];
-    }
     getHero() {
         return this.environment.hero;
     }
@@ -2636,20 +2626,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const F_HOME_PAGE_COMPONENT = new InjectionToken('F_HOME_PAGE_COMPONENT');
 class FHomePageComponent {
-    _injector = inject(Injector);
     _environmentService = inject(FHomePageEnvironmentService);
     _backgroundContainer;
     _heroImageContainer;
     ngAfterViewInit() {
-        const heroImageComponent = this._environmentService.getImageComponent();
-        if (heroImageComponent) {
-            const heroImageComponentRef = this._getImageComponentReference(heroImageComponent);
-            this.requestComponentRedraw(heroImageComponentRef);
+        this._renderImageComponent(this._environmentService.getImageComponent());
+        this._renderBackgroundComponent(this._environmentService.getBackgroundComponent());
+    }
+    _renderImageComponent(component) {
+        if (component) {
+            this.requestComponentRedraw(this._getImageComponentReference(component));
         }
-        const backgroundComponent = this._environmentService.getBackgroundComponent();
-        if (backgroundComponent) {
-            const backgroundComponentRef = this._getBackgroundComponentReference(backgroundComponent);
-            this.requestComponentRedraw(backgroundComponentRef);
+    }
+    _renderBackgroundComponent(component) {
+        if (component) {
+            this.requestComponentRedraw(this._getBackgroundComponentReference(component));
         }
     }
     _getBackgroundComponentReference(component) {
@@ -2658,10 +2649,6 @@ class FHomePageComponent {
     _getImageComponentReference(component) {
         return this._heroImageContainer.createComponent(component);
     }
-    getComponentElement(componentRef) {
-        this.requestComponentRedraw(componentRef);
-        return componentRef.hostView.rootNodes[0];
-    }
     requestComponentRedraw(componentRef) {
         componentRef.changeDetectorRef.markForCheck();
     }
@@ -2715,5 +2702,5 @@ var index = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { CalculateHashFromScrollPositionHandler, CalculateHashFromScrollPositionRequest, ChangeCodeFocusedSyntaxPreProcessor, CookiePopup, EMarkdownContainerType, FAnalyticsService, FAsyncCodeViewHandler, FBadgeComponent, FCheckboxComponent, FCodeGroupBodyHandler, FCodeGroupHandler, FCodeViewHandler, FDocumentationComponent, FDocumentationEnvironmentService, FExampleViewHandler, FFooterEditInformationComponent, FFooterNavigationButtonComponent, FFooterNavigationComponent, FHamburgerButtonComponent, FHeadTagService, FHeaderComponent, FHeaderMenuComponent, FHomePageComponent, FHomePageEnvironmentService, FHomePageFeaturesComponent, FHomePageFooterComponent, FHomePageHeaderComponent, FJsonLdService, FMarkdownFooterComponent, FMarkdownRendererComponent, FMetaService, FNavigationGroupComponent, FNavigationHeaderComponent, FNavigationItemComponent, FNavigationPanelComponent, FPageComponent, FPopoverService, FPreviewComponent, FScrollableContainerComponent, FSocialLinksComponent, FTableOfContentComponent, FTableOfContentItemsComponent, FThemeButtonComponent, FVersionComponent, F_ACCEPT_COOKIES_KEY, F_DOCS_ENVIRONMENT, F_DOCUMENTATION_COMPONENT, F_DOCUMENTATION_ROUTES, F_HOME_PAGE_COMPONENT, F_HOME_PAGE_ENVIRONMENT, F_HOME_PAGE_ROUTES, GetAbsoluteTopToContainerHandler, GetAbsoluteTopToContainerRequest, GetPreviousNextPageNavigationHandler, GetPreviousNextPageNavigationRequest, GetPreviousNextPageNavigationResponse, GetTableOfContentDataHandler, GetTableOfContentDataRequest, GetVersionHandler, GetVersionRequest, HandleDynamicComponentsHandler, HandleDynamicComponentsRequest, HandleNavigationLinksHandler, HandleNavigationLinksRequest, HandleParsedContainersHandler, HandleParsedContainersRequest, HighlightService, INTERNAL_ENVIRONMENT_SERVICE, MarkCodeFocusedBlocksPostProcessor, MarkdownService, ModifyPunctuationHighlightPostProcessor, ParseAlerts, ParseCodeGroup, ParseCodeView, ParseExampleGroup, ParsePreviewGroup, ScrollToElementInContainer, SeparateCodeByLinesPostProcessor, TableOfContentData, copyToClipboard, getContent, setCookieConsent };
+export { CalculateHashFromScrollPositionHandler, CalculateHashFromScrollPositionRequest, ChangeCodeFocusedSyntaxPreProcessor, CookiePopup, EMarkdownContainerType, FAnalyticsService, FAsyncCodeViewHandler, FBadgeComponent, FCheckboxComponent, FCodeGroupBodyHandler, FCodeGroupHandler, FCodeViewHandler, FDocumentationComponent, FDocumentationEnvironmentService, FExampleViewHandler, FFooterEditInformationComponent, FFooterNavigationButtonComponent, FFooterNavigationComponent, FHamburgerButtonComponent, FHeadTagService, FHeaderComponent, FHeaderMenuComponent, FHomePageComponent, FHomePageEnvironmentService, FHomePageFeaturesComponent, FHomePageFooterComponent, FHomePageHeaderComponent, FJsonLdService, FMarkdownFooterComponent, FMarkdownRendererComponent, FMetaService, FNavigationGroupComponent, FNavigationHeaderComponent, FNavigationItemComponent, FNavigationPanelComponent, FPageComponent, FPopoverService, FPreviewComponent, FScrollableContainerComponent, FSocialLinksComponent, FTableOfContentComponent, FTableOfContentItemsComponent, FThemeButtonComponent, FVersionComponent, F_ACCEPT_COOKIES_KEY, F_DOCS_ENVIRONMENT, F_DOCS_ROUTES, F_DOCUMENTATION_COMPONENT, F_HOME_PAGE_COMPONENT, F_HOME_PAGE_ENVIRONMENT, F_HOME_PAGE_ROUTES, GetAbsoluteTopToContainerHandler, GetAbsoluteTopToContainerRequest, GetPreviousNextPageNavigationHandler, GetPreviousNextPageNavigationRequest, GetPreviousNextPageNavigationResponse, GetTableOfContentDataHandler, GetTableOfContentDataRequest, GetVersionHandler, GetVersionRequest, HandleDynamicComponentsHandler, HandleDynamicComponentsRequest, HandleNavigationLinksHandler, HandleNavigationLinksRequest, HandleParsedContainersHandler, HandleParsedContainersRequest, HighlightService, INTERNAL_ENVIRONMENT_SERVICE, MarkCodeFocusedBlocksPostProcessor, MarkdownService, ModifyPunctuationHighlightPostProcessor, ParseAlerts, ParseCodeGroup, ParseCodeView, ParseExampleGroup, ParsePreviewGroup, ScrollToElementInContainer, SeparateCodeByLinesPostProcessor, TableOfContentData, copyToClipboard, getContent, setCookieConsent };
 //# sourceMappingURL=foblex-m-render.mjs.map