@foblex/m-render 2.5.1

package/fesm2022/foblex-m-render.mjs

@@ -0,0 +1,2405 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, Inject, Optional, InjectionToken, Component, ChangeDetectionStrategy, Input, EventEmitter, booleanAttribute, Output, ViewChild, HostListener, signal, ViewChildren, ViewContainerRef, ElementRef } from '@angular/core';
+import * as i2 from '@foblex/platform';
+import { F_LOCAL_STORAGE } from '@foblex/platform';
+import { DOCUMENT, ɵgetDOM as _getDOM, AsyncPipe, NgOptimizedImage, JsonPipe } from '@angular/common';
+import { of, map, startWith, filter, BehaviorSubject, Subject, Subscription, fromEvent, debounceTime, from, switchMap, Observable } from 'rxjs';
+import { catchError, filter as filter$1, take, tap } from 'rxjs/operators';
+import * as i1 from '@angular/router';
+import { NavigationEnd, RouterLink, RouterOutlet, Router, ActivatedRoute } from '@angular/router';
+import * as i1$1 from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
+import { deepClone } from '@foblex/utils';
+import container from 'markdown-it-container';
+import MarkdownIt from 'markdown-it';
+import * as i2$1 from '@angular/platform-browser';
+
+const F_ACCEPT_COOKIES_KEY = 'm-render-accepts-cookies';
+
+const setCookieConsent = (state) => {
+    try {
+        if (window.gtag) {
+            const consentOptions = {
+                ad_user_data: state,
+                ad_personalization: state,
+                ad_storage: state,
+                analytics_storage: state,
+            };
+            if (state === 'denied') {
+                window.gtag('consent', 'default', {
+                    ...consentOptions,
+                    wait_for_update: 500,
+                });
+            }
+            else if (state === 'granted') {
+                window.gtag('consent', 'update', {
+                    ...consentOptions,
+                });
+            }
+        }
+    }
+    catch {
+        if (state === 'denied') {
+            console.error('Unable to set default cookie consent.');
+        }
+        else if (state === 'granted') {
+            console.error('Unable to grant cookie consent.');
+        }
+    }
+};
+
+class FAnalyticsService {
+    constructor() {
+        this.fLocalStorage = inject(F_LOCAL_STORAGE);
+        this.document = inject(DOCUMENT);
+    }
+    initialize(analyticsId) {
+        this.installGlobalSiteTag(analyticsId);
+    }
+    installGlobalSiteTag(analyticsId) {
+        const window = this.document.defaultView;
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = function () {
+            window.dataLayer?.push(arguments);
+        };
+        if (this.fLocalStorage) {
+            if (this.fLocalStorage.getItem(F_ACCEPT_COOKIES_KEY) === 'true') {
+                setCookieConsent('granted');
+            }
+            else {
+                setCookieConsent('denied');
+            }
+        }
+        else {
+            setCookieConsent('denied');
+        }
+        window.gtag('js', new Date());
+        window.gtag('config', analyticsId);
+        if (this.document.querySelector('#gtag-script') === null) {
+            this.document.head.appendChild(this.getGtmScript(analyticsId));
+        }
+    }
+    getGtmScript(analyticsId) {
+        const gtmScript = this.document.createElement('script');
+        gtmScript.async = true;
+        gtmScript.src = `https://www.googletagmanager.com/gtag/js?id=${analyticsId}`;
+        gtmScript.id = 'gtag-script';
+        return gtmScript;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class FJsonLdService {
+    constructor(_document) {
+        this._document = _document;
+        this._dom = _getDOM();
+    }
+    update(data) {
+        this.cleanup();
+        const script = this.createScript();
+        script.type = 'application/ld+json';
+        script.text = JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "WebSite",
+            "name": data.name,
+            "url": data.url,
+            "description": data.description,
+            "creator": {
+                "@type": "Organization",
+                "name": data.creator.name,
+                "url": data.creator.url,
+                "logo": data.creator.logo,
+                "sameAs": data.creator.sameAs
+            },
+            "mainEntityOfPage": {
+                "@type": "WebPage",
+                "@id": data.mainEntityOfPage.id
+            }
+        });
+    }
+    cleanup() {
+        this._document.querySelectorAll(`script[type="application/ld+json"]`).forEach((x) => x.remove());
+    }
+    createScript() {
+        const element = this._dom.createElement('script');
+        const head = this._document.getElementsByTagName('head')[0];
+        head.appendChild(element);
+        return element;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FJsonLdService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FJsonLdService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FJsonLdService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+class FHeadTagService {
+    constructor(_document) {
+        this._document = _document;
+        this._dom = _getDOM();
+    }
+    setTitle(title) {
+        this._document.title = title || '';
+    }
+    setDescription(description) {
+        const meta = this.getDescription() || this.createElement('meta');
+        meta.setAttribute('name', 'description');
+        meta.setAttribute('content', description);
+    }
+    getDescription() {
+        return this._document.querySelector(`meta[name="description"]`) || null;
+    }
+    setCanonical(url) {
+        const link = this.getCanonical() || this.createElement('link');
+        link.setAttribute('rel', 'canonical');
+        link.setAttribute('href', url);
+    }
+    getCanonical() {
+        return this._document.querySelector(`link[rel="canonical"]`) || null;
+    }
+    updateTag(tag) {
+        const meta = this.getMetaTag(tag) || this.createElement('meta');
+        meta.setAttribute('property', tag.property);
+        meta.setAttribute('content', tag.content);
+    }
+    getMetaTag(tag) {
+        return this._document.querySelector(`meta[property="${tag.property}"]`) || null;
+    }
+    createElement(tag) {
+        const element = this._dom.createElement(tag);
+        const head = this._document.getElementsByTagName('head')[0];
+        head.appendChild(element);
+        return element;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeadTagService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeadTagService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeadTagService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+class GetVersionRequest {
+    constructor(version) {
+        this.version = version;
+    }
+}
+
+class GetVersionHandler {
+    constructor(http) {
+        this.http = http;
+    }
+    handle(request) {
+        return this.getLocalVersion(request.version) || this.getNpmVersion(request.version);
+    }
+    getLocalVersion(version) {
+        return !!version?.value ? of(version?.value) : undefined;
+    }
+    getNpmPackage(version) {
+        return version?.npmPackage;
+    }
+    getNpmVersion(version) {
+        const packageName = this.getNpmPackage(version);
+        if (!packageName) {
+            return of(undefined);
+        }
+        return this.http.get(this.getNpmRegistry(packageName)).pipe(map((response) => response['dist-tags']?.latest), catchError(() => of(undefined)));
+    }
+    getNpmRegistry(name) {
+        return `https://registry.npmjs.org/${encodeURIComponent(name)}`;
+    }
+}
+
+class HandleNavigationLinksHandler {
+    constructor(router, fBrowser) {
+        this.router = router;
+        this.fBrowser = fBrowser;
+    }
+    handle(request) {
+        const target = request.event.target;
+        if (this.isAnchorTag(target) && this.hasHref(target)) {
+            const href = target.getAttribute('href');
+            request.event.preventDefault();
+            if (!this.isExternalLink(href)) {
+                this.navigateInternalLink(href);
+            }
+            else {
+                this.openExternalLink(href);
+            }
+        }
+    }
+    isAnchorTag(element) {
+        return element.tagName === 'A';
+    }
+    hasHref(element) {
+        return element.hasAttribute('href');
+    }
+    isExternalLink(href) {
+        return href.startsWith('www') || href.startsWith('http');
+    }
+    navigateInternalLink(href) {
+        if (href.startsWith('/')) {
+            href = href.substring(1);
+        }
+        this.router.navigate([href]).then();
+    }
+    replaceAfterLastSlash(input, replacement) {
+        const lastSlashIndex = input.lastIndexOf('/');
+        return lastSlashIndex !== -1 ? input.substring(0, lastSlashIndex + 1) + replacement : input;
+    }
+    openExternalLink(href) {
+        this.fBrowser.window.open(href, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleNavigationLinksHandler, deps: [{ token: i1.Router }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleNavigationLinksHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleNavigationLinksHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.BrowserService }] });
+
+class HandleNavigationLinksRequest {
+    constructor(event) {
+        this.event = event;
+    }
+}
+
+class FEnvironmentService {
+    constructor(environment, http) {
+        this.environment = environment;
+        this.http = http;
+    }
+    getMarkdownUrl(markdown) {
+        if (!markdown || !this.isMarkdownExist(markdown)) {
+            return this.environment.notFoundMD;
+        }
+        let url = this.environment.docsDir + markdown;
+        url = url.replace(/(\/en\/guides)+/g, '/en/guides');
+        url = url.replace(/(\/en\/examples)+/g, '/en/examples');
+        if (!url.endsWith('.md')) {
+            url += '.md';
+        }
+        return url;
+    }
+    isMarkdownExist(id) {
+        return !!this.environment.navigation.find((x) => x.items.some((i) => i.link === id));
+    }
+    getLogo() {
+        return this.environment.logo;
+    }
+    getTitle() {
+        return this.environment.title;
+    }
+    getHeaderNavigation() {
+        return this.environment.headerNavigation || [];
+    }
+    getVersion() {
+        return new GetVersionHandler(this.http).handle(new GetVersionRequest(this.environment.version));
+    }
+    getComponents() {
+        return this.environment.components || [];
+    }
+    getNavigation() {
+        return this.environment.navigation;
+    }
+    getFooterNavigation() {
+        return this.environment.footerNavigation || {};
+    }
+    getSocialLinks() {
+        return this.environment.socialLinks || [];
+    }
+    getToC() {
+        return this.environment.toC || {
+            title: 'In this article',
+            range: { start: 2, end: 6 },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FEnvironmentService, deps: [{ token: F_ENVIRONMENT, optional: true }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FEnvironmentService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FEnvironmentService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [F_ENVIRONMENT]
+                }] }, { type: i1$1.HttpClient }] });
+
+class FMetaService {
+    constructor(router, fHeadTag, fBrowser) {
+        this.router = router;
+        this.fHeadTag = fHeadTag;
+        this.fBrowser = fBrowser;
+        this.navigation = [];
+    }
+    subscribeOnRouteChanges(defaultData, environments) {
+        this.navigation = environments.reduce((result, e) => result.concat(...e.navigation), []);
+        return this.router.events.pipe(startWith(new NavigationEnd(1, '', '')), filter(event => event instanceof NavigationEnd)).subscribe((x) => {
+            let data = {
+                ...defaultData,
+            };
+            const item = this.findDocItemByUrl(this.findDocGroupByUrl(this.router.url), this.router.url);
+            if (item) {
+                data.title = `${item.text} - ${defaultData.app_name}`;
+                data.url = this.fBrowser.window.location.href;
+                data.description = item.description || defaultData.description;
+                data.image = item.image || defaultData.image;
+                data.image_width = item.image_width || defaultData.image_width;
+                data.image_height = item.image_height || defaultData.image_height;
+                data.image_type = item.image_type || defaultData.image_type;
+            }
+            if (!data.url) {
+                data.url = this.fBrowser.window.location.origin + this.router.url;
+            }
+            if (!data.image.startsWith('http') && !data.image.startsWith('www')) {
+                if (data.image.startsWith('.')) {
+                    data.image = this.fBrowser.window.location.origin + data.image.slice(1);
+                }
+                else {
+                    data.image = this.fBrowser.window.location.origin + data.image;
+                }
+            }
+            if (!data.url.endsWith('/')) {
+                data.url += '/';
+            }
+            this.updateMetaTags(data);
+        });
+    }
+    findDocGroupByUrl(url) {
+        return this.navigation.find((g) => g.items.find((i) => url.endsWith(i.link)));
+    }
+    findDocItemByUrl(group, url) {
+        return (group?.items || []).find((i) => url.endsWith(i.link));
+    }
+    updateMetaTags(item) {
+        this.fHeadTag.setTitle(item.title);
+        this.fHeadTag.setDescription(item.description);
+        this.fHeadTag.setCanonical(item.url);
+        this.fHeadTag.updateTag({ property: 'og:url', content: item.url });
+        this.fHeadTag.updateTag({ property: 'og:type', content: item.type });
+        this.fHeadTag.updateTag({ property: 'og:title', content: item.title });
+        this.fHeadTag.updateTag({ property: 'og:site_name', content: item.title });
+        this.fHeadTag.updateTag({ property: 'og:locale', content: item.locale });
+        this.fHeadTag.updateTag({ property: 'og:description', content: item.description });
+        this.fHeadTag.updateTag({ property: 'og:image', content: item.image });
+        this.fHeadTag.updateTag({ property: 'og:image:secure_url', content: item.image });
+        this.fHeadTag.updateTag({ property: 'og:image:type', content: item.image_type });
+        this.fHeadTag.updateTag({ property: 'og:image:width', content: item.image_width.toString() });
+        this.fHeadTag.updateTag({ property: 'og:image:height', content: item.image_height.toString() });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMetaService, deps: [{ token: i1.Router }, { token: FHeadTagService }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMetaService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMetaService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: FHeadTagService }, { type: i2.BrowserService }] });
+
+class FPopoverService {
+    constructor() {
+        this.popover = new BehaviorSubject(null);
+    }
+    get popover$() {
+        return this.popover.asObservable();
+    }
+    show(message) {
+        this.popover.next(message);
+        setTimeout(() => this.popover.next(null), 2000);
+    }
+    dispose() {
+        this.popover.next(null);
+        this.popover.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPopoverService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPopoverService, decorators: [{
+            type: Injectable
+        }] });
+
+const F_ENVIRONMENT = new InjectionToken('F_ENVIRONMENT');
+
+const F_DOCUMENTATION_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => Promise.resolve().then(function () { return index$1; }).then(m => m.FDocumentationComponent),
+        children: [
+            {
+                path: '**',
+                loadComponent: () => Promise.resolve().then(function () { return index; }).then(m => m.FPageComponent)
+            }
+        ]
+    }
+];
+
+class FBadgeComponent {
+    constructor() {
+        this.text = '';
+        this.type = 'tip';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.12", 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
+            }] } });
+
+let uniqueId = 0;
+class FCheckboxComponent {
+    get checked() {
+        return this.isChecked;
+    }
+    set checked(value) {
+        if (value != this.checked) {
+            this.isChecked = value;
+            this.changeDetectorRef.markForCheck();
+        }
+    }
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.id = `f-checkbox-${uniqueId++}`;
+        this.change = new EventEmitter();
+        this.isChecked = false;
+    }
+    onInputClick() {
+        this.handleInputClick();
+    }
+    onTouchTargetClick() {
+        this.handleInputClick();
+        this.inputElement?.nativeElement.focus();
+    }
+    handleInputClick() {
+        this.isChecked = !this.isChecked;
+        this.emitChangeEvent();
+    }
+    emitChangeEvent() {
+        this.change.emit(this.isChecked);
+        if (this.inputElement) {
+            this.inputElement.nativeElement.checked = this.isChecked;
+        }
+    }
+    onInteractionEvent(event) {
+        event.stopPropagation();
+    }
+    preventBubblingFromLabel(event) {
+        if (!!event.target && this.labelElement?.nativeElement.contains(event.target)) {
+            event.stopPropagation();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: FCheckboxComponent, isStandalone: true, selector: "f-checkbox", inputs: { id: "id", checked: ["checked", "checked", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "click": "preventBubblingFromLabel($event)" }, properties: { "class.f-checkbox-checked": "checked" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<input #input\n       [id]=\"id\"\n       type=\"checkbox\"\n       [checked]=\"checked\"\n       (click)=\"onInputClick()\"\n       (change)=\"onInteractionEvent($event)\"/>\n<div class=\"f-checkbox-container\" (click)=\"onTouchTargetClick()\">\n  <svg class=\"f-checkbox-checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <path class=\"f-checkbox-checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\"/>\n  </svg>\n</div>\n<label [for]=\"id\" #label>\n  <ng-content></ng-content>\n</label>\n", styles: [":host{position:relative;display:flex;align-items:center;font-weight:400;white-space:nowrap;font-size:14px;cursor:pointer;background-color:var(--checkbox-container-background);border-radius:var(--checkbox-border-radius);padding:0 8px;color:var(--checkbox-text);transition:color .25s,background-color .25s}:host input{position:absolute;inset:0;opacity:0;cursor:pointer}:host .f-checkbox-container{position:relative;display:flex;align-items:center;justify-content:center;width:var(--checkbox-size);height:var(--checkbox-size);margin-right:6px;border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background);padding:2px}:host .f-checkbox-container .f-checkbox-checkmark{position:absolute;top:calc(var(--checkbox-size) / 8);right:calc(var(--checkbox-size) / 8);bottom:calc(var(--checkbox-size) / 8);left:calc(var(--checkbox-size) / 8);opacity:0}:host .f-checkbox-container .f-checkbox-checkmark .f-checkbox-checkmark-path{stroke:currentColor;stroke-width:3}:host label{-webkit-user-select:none;user-select:none}:host.f-checkbox-checked .f-checkbox-container{background-color:var(--checkbox-checked-background)}:host.f-checkbox-checked .f-checkbox-container .f-checkbox-checkmark{color:var(--checkbox-checkmark-color);opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-checkbox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.f-checkbox-checked]': 'checked',
+                    }, template: "<input #input\n       [id]=\"id\"\n       type=\"checkbox\"\n       [checked]=\"checked\"\n       (click)=\"onInputClick()\"\n       (change)=\"onInteractionEvent($event)\"/>\n<div class=\"f-checkbox-container\" (click)=\"onTouchTargetClick()\">\n  <svg class=\"f-checkbox-checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <path class=\"f-checkbox-checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\"/>\n  </svg>\n</div>\n<label [for]=\"id\" #label>\n  <ng-content></ng-content>\n</label>\n", styles: [":host{position:relative;display:flex;align-items:center;font-weight:400;white-space:nowrap;font-size:14px;cursor:pointer;background-color:var(--checkbox-container-background);border-radius:var(--checkbox-border-radius);padding:0 8px;color:var(--checkbox-text);transition:color .25s,background-color .25s}:host input{position:absolute;inset:0;opacity:0;cursor:pointer}:host .f-checkbox-container{position:relative;display:flex;align-items:center;justify-content:center;width:var(--checkbox-size);height:var(--checkbox-size);margin-right:6px;border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background);padding:2px}:host .f-checkbox-container .f-checkbox-checkmark{position:absolute;top:calc(var(--checkbox-size) / 8);right:calc(var(--checkbox-size) / 8);bottom:calc(var(--checkbox-size) / 8);left:calc(var(--checkbox-size) / 8);opacity:0}:host .f-checkbox-container .f-checkbox-checkmark .f-checkbox-checkmark-path{stroke:currentColor;stroke-width:3}:host label{-webkit-user-select:none;user-select:none}:host.f-checkbox-checked .f-checkbox-container{background-color:var(--checkbox-checked-background)}:host.f-checkbox-checked .f-checkbox-container .f-checkbox-checkmark{color:var(--checkbox-checkmark-color);opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }], labelElement: [{
+                type: ViewChild,
+                args: ['label']
+            }], checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], preventBubblingFromLabel: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class CookiePopup {
+    constructor() {
+        this.fLocalStorage = inject(F_LOCAL_STORAGE);
+        this.hasAccepted = signal(false);
+        try {
+            this.hasAccepted.set(this.fLocalStorage?.getItem(F_ACCEPT_COOKIES_KEY) === 'true');
+        }
+        catch {
+            this.hasAccepted.set(false);
+        }
+    }
+    accept() {
+        try {
+            this.fLocalStorage?.setItem(F_ACCEPT_COOKIES_KEY, 'true');
+        }
+        catch {
+        }
+        this.hasAccepted.set(true);
+        setCookieConsent('granted');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CookiePopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CookiePopup, isStandalone: true, selector: "f-cookie-popup", ngImport: i0, 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CookiePopup, decorators: [{
+            type: Component,
+            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: () => [] });
+
+const F_DOCUMENTATION_COMPONENT = new InjectionToken('F_DOCUMENTATION_COMPONENT');
+
+class FHamburgerButtonComponent {
+    constructor(fDocumentation) {
+        this.fDocumentation = fDocumentation;
+    }
+    onShowNavigation() {
+        this.fDocumentation.onToggleNavigation(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHamburgerButtonComponent, deps: [{ token: F_DOCUMENTATION_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.12", 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 FVersionComponent {
+    constructor(fEnvironmentService) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.version$ = this.fEnvironmentService.getVersion();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FVersionComponent, deps: [{ token: FEnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }] });
+
+class FSocialLinksComponent {
+    get links() {
+        return this.fEnvironmentService.getSocialLinks();
+    }
+    constructor(fEnvironmentService) {
+        this.fEnvironmentService = fEnvironmentService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FSocialLinksComponent, deps: [{ token: FEnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }] });
+
+class FStateService {
+    constructor(fBrowser) {
+        this.fBrowser = fBrowser;
+        this.theme = new Subject();
+    }
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FStateService, deps: [{ token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FStateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2.BrowserService }] });
+
+class FThemeButtonComponent {
+    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FThemeButtonComponent, deps: [{ token: i0.Renderer2 }, { token: FStateService }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.12", 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 FHeaderMenuComponent {
+    constructor(fEnvironmentService, router) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.router = router;
+        this.navigation = [];
+    }
+    ngOnInit() {
+        this.navigation = this.fEnvironmentService.getHeaderNavigation().map((x) => {
+            return {
+                ...x,
+                isActive: this.router.url.startsWith(x.link)
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeaderMenuComponent, deps: [{ token: FEnvironmentService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: i1.Router }] });
+
+class FHeaderComponent {
+    constructor(fEnvironmentService) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.title = '';
+        this.title = this.fEnvironmentService.getTitle();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeaderComponent, deps: [{ token: FEnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FHeaderComponent, isStandalone: true, selector: "f-header", ngImport: i0, template: "<button f-hamburger-button></button>\n<div class=\"title text-ellipsis\">{{ title }}</div>\n<div class=\"flex-space\"></div>\n<f-header-menu></f-header-menu>\n<f-version></f-version>\n<div class=\"divider\"></div>\n<button f-theme-button></button>\n<div class=\"divider\"></div>\n<f-social-links></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"], dependencies: [{ kind: "component", type: FHamburgerButtonComponent, selector: "button[f-hamburger-button]" }, { kind: "component", type: FVersionComponent, selector: "f-version" }, { kind: "component", type: FSocialLinksComponent, selector: "f-social-links" }, { kind: "component", type: FThemeButtonComponent, selector: "button[f-theme-button]" }, { kind: "component", type: FHeaderMenuComponent, selector: "f-header-menu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgOptimizedImage,
+                        FHamburgerButtonComponent,
+                        FVersionComponent,
+                        FSocialLinksComponent,
+                        FThemeButtonComponent,
+                        FHeaderMenuComponent
+                    ], template: "<button f-hamburger-button></button>\n<div class=\"title text-ellipsis\">{{ title }}</div>\n<div class=\"flex-space\"></div>\n<f-header-menu></f-header-menu>\n<f-version></f-version>\n<div class=\"divider\"></div>\n<button f-theme-button></button>\n<div class=\"divider\"></div>\n<f-social-links></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"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }] });
+
+class FPreviewComponent {
+    constructor(fEnvironment, fState, router, changeDetectorRef) {
+        this.fEnvironment = fEnvironment;
+        this.fState = fState;
+        this.router = router;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscriptions$ = new Subscription();
+    }
+    initialize() {
+        this.viewModel = this.getNavigationItem(this.getNavigationGroup());
+        this.url = this.normalizeLink(this.viewModel.link, this.getUrlPrefix());
+        this.subscriptions$.add(this.fState.theme$.pipe(startWith(null)).subscribe(() => this.updateTheme()));
+    }
+    getNavigationGroup() {
+        return this.fEnvironment.getNavigation().find((x) => x.text === this.group);
+    }
+    getNavigationItem(group) {
+        return group.items.find((x) => x.link === this.item);
+    }
+    updateTheme() {
+        this.src = this.fState.getPreferredTheme() === 'dark' ? this.viewModel?.image_dark : this.viewModel?.image;
+        if (!this.src) {
+            this.src = this.viewModel?.image;
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    normalizeLink(link, prefix) {
+        if (!this.isExternalLink(link)) {
+            return link.startsWith('/') ? `${prefix}${link}` : `${prefix}/${link}`;
+        }
+        return link;
+    }
+    getUrlPrefix() {
+        return this.router.url.substring(0, this.router.url.lastIndexOf('/'));
+    }
+    isExternalLink(href) {
+        return href.startsWith('www') || href.startsWith('http');
+    }
+    ngOnDestroy() {
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPreviewComponent, deps: [{ token: FEnvironmentService }, { token: FStateService }, { token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FPreviewComponent, isStandalone: true, selector: "a[f-preview]", host: { properties: { "attr.href": "url", "attr.title": "viewModel?.text" } }, ngImport: i0, template: "@if (viewModel) {\n  <img [src]=\"src\" [alt]=\"viewModel.description\" [title]=\"viewModel.text\">\n  <div class=\"title\">{{ viewModel.text }}</div>\n  <div class=\"description\">{{ viewModel.description }}</div>\n}\n\n\n\n", styles: [":host{display:block;border-radius:4px;background-color:var(--soft-background);padding:24px;width:100%;text-decoration:none!important;color:inherit!important;line-height:24px;font-size:14px;cursor:pointer}:host:hover img{transform:scale(1.1)}:host img{display:block;margin-bottom:16px;width:100%;height:180px;border-radius:4px;object-fit:cover;transition:transform .3s}:host .title{line-height:inherit;font-weight:600;text-transform:uppercase;color:var(--primary-text)}:host .description{margin:8px 0!important;line-height:inherit;color:var(--secondary-text);width:100%;word-wrap:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (min-width: 640px){:host{width:calc((100% - 32px)/2)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[f-preview]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.href]': 'url',
+                        '[attr.title]': 'viewModel?.text',
+                    }, template: "@if (viewModel) {\n  <img [src]=\"src\" [alt]=\"viewModel.description\" [title]=\"viewModel.text\">\n  <div class=\"title\">{{ viewModel.text }}</div>\n  <div class=\"description\">{{ viewModel.description }}</div>\n}\n\n\n\n", styles: [":host{display:block;border-radius:4px;background-color:var(--soft-background);padding:24px;width:100%;text-decoration:none!important;color:inherit!important;line-height:24px;font-size:14px;cursor:pointer}:host:hover img{transform:scale(1.1)}:host img{display:block;margin-bottom:16px;width:100%;height:180px;border-radius:4px;object-fit:cover;transition:transform .3s}:host .title{line-height:inherit;font-weight:600;text-transform:uppercase;color:var(--primary-text)}:host .description{margin:8px 0!important;line-height:inherit;color:var(--secondary-text);width:100%;word-wrap:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (min-width: 640px){:host{width:calc((100% - 32px)/2)}}\n"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: FStateService }, { type: i1.Router }, { type: i0.ChangeDetectorRef }] });
+
+class FNavigationGroupComponent {
+    constructor() {
+        this.isCollapsed = false;
+    }
+    toggle() {
+        this.isCollapsed = !this.isCollapsed;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FNavigationGroupComponent, isStandalone: true, selector: "f-navigation-group", inputs: { title: "title" }, host: { properties: { "class.collapsed": "isCollapsed", "class.no-title": "!title" } }, ngImport: i0, template: "@if (title) {\n  <header (click)=\"toggle()\">\n    <span>{{ title }}</span>\n    <div class=\"flex-space\"></div>\n    <div class=\"caret\">\n      <span class=\"chevron-right caret-icon\"></span>\n    </div>\n  </header>\n}\n@if (!isCollapsed) {\n  <ng-content></ng-content>\n}\n\n\n\n", styles: [":host{padding-top:10px;padding-bottom:24px;border-top:1px solid var(--divider-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:240px;margin-left:auto}:host.collapsed,:host.no-title{padding-top:10px;padding-bottom:10px}header{font-weight:600;color:var(--primary-text);flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;width:100%}.caret{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--tertiary-text);cursor:pointer;transition:color .25s;flex-shrink:0}:host:hover .caret{color:var(--secondary-text)}:host:hover .caret:hover{color:var(--primary-text)}:host .caret-icon{font-size:18px;transform:rotate(90deg);transition:transform .25s;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:18px;height:18px}:host.collapsed .caret-icon{transform:rotate(0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-navigation-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.collapsed]': 'isCollapsed',
+                        '[class.no-title]': '!title'
+                    }, template: "@if (title) {\n  <header (click)=\"toggle()\">\n    <span>{{ title }}</span>\n    <div class=\"flex-space\"></div>\n    <div class=\"caret\">\n      <span class=\"chevron-right caret-icon\"></span>\n    </div>\n  </header>\n}\n@if (!isCollapsed) {\n  <ng-content></ng-content>\n}\n\n\n\n", styles: [":host{padding-top:10px;padding-bottom:24px;border-top:1px solid var(--divider-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:240px;margin-left:auto}:host.collapsed,:host.no-title{padding-top:10px;padding-bottom:10px}header{font-weight:600;color:var(--primary-text);flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;width:100%}.caret{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--tertiary-text);cursor:pointer;transition:color .25s;flex-shrink:0}:host:hover .caret{color:var(--secondary-text)}:host:hover .caret:hover{color:var(--primary-text)}:host .caret-icon{font-size:18px;transform:rotate(90deg);transition:transform .25s;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:18px;height:18px}:host.collapsed .caret-icon{transform:rotate(0)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }] } });
+
+class FNavigationHeaderComponent {
+    constructor(router, fEnvironmentService) {
+        this.router = router;
+        this.fEnvironmentService = fEnvironmentService;
+        this.title = '';
+        this.image = '';
+        this.title = this.fEnvironmentService.getTitle();
+        this.image = this.fEnvironmentService.getLogo();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationHeaderComponent, deps: [{ token: i1.Router }, { token: FEnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FNavigationHeaderComponent, isStandalone: true, selector: "a[f-navigation-header]", ngImport: i0, template: "<img [src]=\"image\" width=\"24\" height=\"24\" alt=\"logo\" class=\"logo\"/> {{ title }}\n\n\n\n", styles: [":host{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}:host img{margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[f-navigation-header]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        RouterLink
+                    ], template: "<img [src]=\"image\" width=\"24\" height=\"24\" alt=\"logo\" class=\"logo\"/> {{ title }}\n\n\n\n", styles: [":host{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}:host img{margin-right:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: FEnvironmentService }] });
+
+class FNavigationItemComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FNavigationItemComponent, isStandalone: true, selector: "a[f-navigation-item]", ngImport: i0, template: "<ng-content></ng-content>\n\n\n\n", styles: [":host{font-weight:500;color:var(--secondary-text);flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:2px}:host:hover{text-decoration:none;color:var(--primary-1)}:host.active{color:var(--primary-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[f-navigation-item]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n\n\n", styles: [":host{font-weight:500;color:var(--secondary-text);flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:2px}:host:hover{text-decoration:none;color:var(--primary-1)}:host.active{color:var(--primary-1)}\n"] }]
+        }] });
+
+class FNavigationPanelComponent {
+    constructor(fEnvironmentService, fDocumentation, router, injector, changeDetectorRef) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.fDocumentation = fDocumentation;
+        this.router = router;
+        this.injector = injector;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscription = new Subscription();
+        this.navigation = [];
+        this.navigation = this.fEnvironmentService.getNavigation();
+    }
+    ngOnInit() {
+        const currentPath = this.router.url;
+        const prefix = currentPath.substring(0, currentPath.lastIndexOf('/'));
+        const navigation = deepClone(this.fEnvironmentService.getNavigation());
+        navigation.forEach((group) => {
+            group.items.forEach((item) => {
+                this.normalizeLink(item, prefix);
+            });
+        });
+        this.navigation = navigation;
+    }
+    normalizeLink(item, prefix) {
+        if (item.link && !this.isExternalLink(item.link)) {
+            item.link = item.link.startsWith('/') ? `${prefix}${item.link}` : `${prefix}/${item.link}`;
+        }
+    }
+    isExternalLink(href) {
+        return href.startsWith('www') || href.startsWith('http');
+    }
+    ngAfterViewInit() {
+        this.subscription.add(this.subscribeOnRouteChanges());
+    }
+    subscribeOnRouteChanges() {
+        return this.router.events.pipe(startWith(new NavigationEnd(1, '', '')), filter$1(event => event instanceof NavigationEnd)).subscribe(() => {
+            this.highlightLink(this.router.url);
+            this.fDocumentation.onToggleNavigation(false);
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    highlightLink(url) {
+        this.value = undefined;
+        this.navigation.forEach((group) => {
+            this.value = group.items.find((x) => {
+                return url.endsWith(x.link);
+            })?.link || this.value;
+        });
+    }
+    onDocumentClick(event) {
+        this.injector.get(HandleNavigationLinksHandler).handle(new HandleNavigationLinksRequest(event));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationPanelComponent, deps: [{ token: FEnvironmentService }, { token: F_DOCUMENTATION_COMPONENT }, { token: i1.Router }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FNavigationPanelComponent, isStandalone: true, selector: "f-navigation-panel", host: { listeners: { "click": "onDocumentClick($event)" } }, providers: [
+            HandleNavigationLinksHandler
+        ], viewQueries: [{ propertyName: "items", predicate: FNavigationItemComponent, descendants: true }], ngImport: i0, template: "<a f-navigation-header routerLink></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 f-badge [text]=\"item.badge.text\" [type]=\"item.badge.type\"></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))}\n"], dependencies: [{ kind: "component", type: FNavigationHeaderComponent, selector: "a[f-navigation-header]" }, { kind: "component", type: FNavigationItemComponent, selector: "a[f-navigation-item]" }, { kind: "component", type: FNavigationGroupComponent, selector: "f-navigation-group", inputs: ["title"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: FBadgeComponent, selector: "span[f-badge]", inputs: ["text", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FNavigationPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-navigation-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        HandleNavigationLinksHandler
+                    ], imports: [
+                        FNavigationHeaderComponent,
+                        FNavigationItemComponent,
+                        FNavigationGroupComponent,
+                        RouterLink,
+                        FBadgeComponent,
+                    ], template: "<a f-navigation-header routerLink></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 f-badge [text]=\"item.badge.text\" [type]=\"item.badge.type\"></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))}\n"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [F_DOCUMENTATION_COMPONENT]
+                }] }, { type: i1.Router }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { items: [{
+                type: ViewChildren,
+                args: [FNavigationItemComponent]
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class GetAbsoluteTopToContainerHandler {
+    handle(request) {
+        let element = request.element;
+        let result = 0;
+        while (element !== request.container) {
+            if (!element)
+                return NaN;
+            result += element.offsetTop;
+            element = element.offsetParent;
+        }
+        return result;
+    }
+}
+
+class GetAbsoluteTopToContainerRequest {
+    constructor(element, container) {
+        this.element = element;
+        this.container = container;
+    }
+}
+
+class TableOfContentData {
+    constructor(flat, tree) {
+        this.flat = flat;
+        this.tree = tree;
+    }
+}
+
+class GetTableOfContentDataHandler {
+    handle(request) {
+        const flat = [];
+        const tree = [];
+        const stack = [];
+        this.getNavigationSelectors(request.fMarkdownPage, request.tocRange).forEach((element) => {
+            const tocItem = this.createItem(element);
+            this.insertItemIntoTree(tocItem, tree, stack);
+            flat.push(tocItem);
+        });
+        return new TableOfContentData(flat, tree);
+    }
+    getNavigationSelectors(fMarkdownPage, tocRange) {
+        if (!tocRange || tocRange.start < 1 || tocRange.end > 6) {
+            tocRange = { start: 1, end: 6 };
+        }
+        let selectors = [];
+        for (let i = tocRange.start; i <= tocRange.end; i++) {
+            selectors.push(`h${i}`);
+        }
+        return Array.from(fMarkdownPage.querySelectorAll(selectors.join(', ')));
+    }
+    createItem(element) {
+        element.id = this.createNavigationId(element);
+        return {
+            hash: `#${element.id}`,
+            title: element.innerHTML,
+            element,
+            children: []
+        };
+    }
+    createNavigationId(element) {
+        return element.innerHTML.toLowerCase().replaceAll(' ', '-');
+    }
+    getLevel(element) {
+        return parseInt(element.tagName.substring(1));
+    }
+    insertItemIntoTree(tocItem, tree, stack) {
+        while (stack.length > 0 && this.getLevel(stack[stack.length - 1].element) >= this.getLevel(tocItem.element)) {
+            stack.pop();
+        }
+        if (stack.length === 0) {
+            tree.push(tocItem);
+        }
+        else {
+            stack[stack.length - 1].children.push(tocItem);
+        }
+        stack.push(tocItem);
+    }
+}
+
+class GetTableOfContentDataRequest {
+    constructor(fMarkdownPage, tocRange) {
+        this.fMarkdownPage = fMarkdownPage;
+        this.tocRange = tocRange;
+    }
+}
+
+class CalculateHashFromScrollPositionHandler {
+    constructor(scrollableContainer, fBrowser) {
+        this.scrollableContainer = scrollableContainer;
+        this.fBrowser = fBrowser;
+    }
+    handle(request) {
+        let result;
+        const containerScrollTop = this.getContainerScrollTop();
+        const elementsWithTopPosition = this.calculateElementsTopPositions(request.tocData);
+        if (elementsWithTopPosition.length) {
+            if (this.isScrollAtBottom(containerScrollTop)) {
+                result = elementsWithTopPosition[elementsWithTopPosition.length - 1].hash;
+            }
+            else {
+                result = this.findTargetHashByPosition(containerScrollTop, elementsWithTopPosition);
+            }
+        }
+        return result;
+    }
+    getContainerScrollTop() {
+        return this.scrollableContainer.scrollTop + this.getHeaderHeight();
+    }
+    getHeaderHeight() {
+        return parseInt(this.fBrowser.window.getComputedStyle(this.fBrowser.document.documentElement).getPropertyValue('--header-height'), 10);
+    }
+    calculateElementsTopPositions(items) {
+        return items.map((x) => {
+            return {
+                hash: x.hash,
+                top: this.getAbsoluteTopToContainer(x.element)
+            };
+        }).filter((x) => !Number.isNaN(x.top));
+    }
+    getAbsoluteTopToContainer(element) {
+        return new GetAbsoluteTopToContainerHandler().handle(new GetAbsoluteTopToContainerRequest(element, this.scrollableContainer));
+    }
+    isScrollAtBottom(containerScrollTop) {
+        return Math.abs(containerScrollTop - this.getHeaderHeight() + this.scrollableContainer.clientHeight - this.scrollableContainer.scrollHeight) < 1;
+    }
+    findTargetHashByPosition(containerScrollTop, elementsWithTopPosition) {
+        let result = elementsWithTopPosition[0].hash;
+        for (const { hash, top } of elementsWithTopPosition) {
+            if (top > containerScrollTop)
+                break;
+            result = hash;
+        }
+        return result;
+    }
+}
+
+class CalculateHashFromScrollPositionRequest {
+    constructor(tocData) {
+        this.tocData = tocData;
+    }
+}
+
+class ScrollToElementInContainer {
+    constructor(container) {
+        this.container = container;
+    }
+    handle(hash) {
+        this.container.scrollTo({
+            top: this.getScrollTo(this.getScrollToElement(hash)) - 64,
+            behavior: 'smooth'
+        });
+    }
+    getScrollToElement(hash) {
+        const element = this.container.querySelector(hash);
+        if (!element) {
+            throw new Error(`Element ${hash} not found`);
+        }
+        return element;
+    }
+    getScrollTo(element) {
+        return this.isFirstElementInContainer(element) ? 0 : this.calculateScrollTo(element);
+    }
+    isFirstElementInContainer(element) {
+        return element.parentElement.children[0] === element;
+    }
+    calculateScrollTo(element) {
+        return this.getElementTop(element) - this.getContainerTop() + this.container.scrollTop;
+    }
+    getElementTop(element) {
+        return element.getBoundingClientRect().top;
+    }
+    getContainerTop() {
+        return this.container.getBoundingClientRect().top;
+    }
+}
+
+class FScrollableService {
+    get onToc$() {
+        return this.onTocChanged$.asObservable().pipe(map(() => this.tocData));
+    }
+    constructor(fEnvironmentService, fBrowser) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.fBrowser = fBrowser;
+        this.tocData = new TableOfContentData([], []);
+        this.onTocChanged$ = new Subject();
+        this.onScrollSubscription$ = Subscription.EMPTY;
+    }
+    setContainer(fScrollableContainer) {
+        this.fScrollableContainer = fScrollableContainer;
+        this.onScrollSubscription$ = this.subscribeOnScroll();
+    }
+    subscribeOnScroll() {
+        return fromEvent(this.fScrollableContainer, 'scroll').pipe(debounceTime(100)).subscribe((event) => {
+            this.calculateHashAndActivate();
+        });
+    }
+    scrollTo(hash) {
+        if (!this.fScrollableContainer) {
+            throw new Error('Scrollable container is not set');
+        }
+        this.activateHash(hash);
+        new ScrollToElementInContainer(this.fScrollableContainer).handle(hash);
+    }
+    setOnPageNavigation(fMarkdownPage) {
+        this.tocData = new GetTableOfContentDataHandler().handle(new GetTableOfContentDataRequest(fMarkdownPage, this.fEnvironmentService.getToC().range));
+        this.calculateHashAndActivate();
+    }
+    calculateHashAndActivate() {
+        this.activateHash(this.calculateHashFromScrollPosition());
+    }
+    calculateHashFromScrollPosition() {
+        return new CalculateHashFromScrollPositionHandler(this.fScrollableContainer, this.fBrowser).handle(new CalculateHashFromScrollPositionRequest(this.tocData.flat));
+    }
+    activateHash(hash) {
+        this.tocData.flat.forEach(x => x.isActive = x.hash === hash);
+        this.onTocChanged$.next();
+    }
+    dispose() {
+        this.onScrollSubscription$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FScrollableService, deps: [{ token: FEnvironmentService }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FScrollableService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FScrollableService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: i2.BrowserService }] });
+
+class FScrollableContainerComponent {
+    get hostElement() {
+        return this.elementRef.nativeElement;
+    }
+    constructor(elementRef, fScrollableService) {
+        this.elementRef = elementRef;
+        this.fScrollableService = fScrollableService;
+    }
+    ngOnInit() {
+        this.fScrollableService.setContainer(this.hostElement);
+    }
+    ngOnDestroy() {
+        this.fScrollableService.dispose();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FScrollableContainerComponent, deps: [{ token: i0.ElementRef }, { token: FScrollableService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FScrollableContainerComponent, isStandalone: true, selector: "f-scrollable-container", providers: [
+            FScrollableService
+        ], ngImport: i0, template: "<ng-content></ng-content>\n\n\n\n", styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FScrollableContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-scrollable-container', providers: [
+                        FScrollableService
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n\n\n", styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FScrollableService }] });
+
+class FDocumentationComponent {
+    constructor(fPopoverService, changeDetectorRef) {
+        this.fPopoverService = fPopoverService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscriptions$ = new Subscription();
+        this.isNavigationVisible = false;
+        this.popoverMessage = null;
+    }
+    ngOnInit() {
+        this.subscriptions$.add(this.subscribeOnPopover());
+    }
+    subscribeOnPopover() {
+        return this.fPopoverService.popover$.subscribe((x) => {
+            this.popoverMessage = x;
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    onToggleNavigation(value) {
+        this.isNavigationVisible = value;
+        this.changeDetectorRef.markForCheck();
+    }
+    ngOnDestroy() {
+        this.fPopoverService.dispose();
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FDocumentationComponent, deps: [{ token: FPopoverService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FDocumentationComponent, isStandalone: true, selector: "f-documentation", providers: [
+            FEnvironmentService,
+            FPopoverService,
+            { provide: F_DOCUMENTATION_COMPONENT, useExisting: FDocumentationComponent }
+        ], ngImport: i0, 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"], dependencies: [{ kind: "component", type: FNavigationPanelComponent, selector: "f-navigation-panel" }, { kind: "component", type: FHeaderComponent, selector: "f-header" }, { kind: "component", type: FScrollableContainerComponent, selector: "f-scrollable-container" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FDocumentationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-documentation', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        FEnvironmentService,
+                        FPopoverService,
+                        { provide: F_DOCUMENTATION_COMPONENT, useExisting: FDocumentationComponent }
+                    ], imports: [
+                        FNavigationPanelComponent,
+                        FHeaderComponent,
+                        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 }] });
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CookiePopup: CookiePopup,
+    FBadgeComponent: FBadgeComponent,
+    FCheckboxComponent: FCheckboxComponent,
+    FDocumentationComponent: FDocumentationComponent,
+    FHamburgerButtonComponent: FHamburgerButtonComponent,
+    FHeaderComponent: FHeaderComponent,
+    FHeaderMenuComponent: FHeaderMenuComponent,
+    FPreviewComponent: FPreviewComponent,
+    FSocialLinksComponent: FSocialLinksComponent,
+    FThemeButtonComponent: FThemeButtonComponent,
+    FVersionComponent: FVersionComponent,
+    F_DOCUMENTATION_COMPONENT: F_DOCUMENTATION_COMPONENT
+});
+
+class HandleDynamicComponentsHandler {
+    constructor(fEnvironmentService, injector) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.injector = injector;
+        this.componentRefs = [];
+    }
+    handle(request) {
+        this.dispose();
+        const components = [
+            {
+                tag: 'f-preview', component: FPreviewComponent
+            },
+            ...this.fEnvironmentService.getComponents()
+        ];
+        components.forEach((data) => {
+            const elements = this.getDynamicElements(request.hostElement, data.tag);
+            if (elements.length) {
+                if (this.isPromise(data.component)) {
+                    data.component.then(module => {
+                        const component = this.extractComponent(module);
+                        if (component) {
+                            this.replaceElementsWithComponent(elements, component, data.tag);
+                        }
+                        else {
+                            this.logComponentResolutionError(data.tag);
+                        }
+                    }).catch(error => this.logComponentLoadingError(data.tag, error));
+                }
+                else {
+                    this.replaceElementsWithComponent(elements, data.component, data.tag);
+                }
+            }
+        });
+    }
+    getDynamicElements(hostElement, tag) {
+        return Array.from(hostElement.querySelectorAll(tag));
+    }
+    isPromise(value) {
+        return value && typeof value.then === 'function';
+    }
+    extractComponent(module) {
+        return module && module.default ? module.default : Object.values(module)[0];
+    }
+    replaceElementsWithComponent(elements, component, tag) {
+        elements.forEach((x) => {
+            try {
+                this.changeElementToComponent(x, component);
+            }
+            catch (error) {
+                this.logComponentInsertionError(tag, error);
+            }
+        });
+    }
+    changeElementToComponent(element, component) {
+        try {
+            const componentRef = this.getComponentReference(component);
+            this.componentRefs.push(componentRef);
+            if (!element.dataset) {
+                return;
+            }
+            Object.keys(element.dataset).forEach((key) => componentRef.instance[key] = element.dataset[key]);
+            componentRef.instance?.initialize?.();
+            element.parentElement.replaceChild(this.getComponentElement(componentRef), element);
+        }
+        catch (error) {
+            console.error(`Error while inserting component: ${component.name}`, error);
+        }
+    }
+    getComponentReference(component) {
+        return this.injector.get(ViewContainerRef).createComponent(component);
+    }
+    getComponentElement(componentRef) {
+        this.requestComponentRedraw(componentRef);
+        return componentRef.hostView.rootNodes[0];
+    }
+    requestComponentRedraw(componentRef) {
+        componentRef.changeDetectorRef.markForCheck();
+    }
+    logComponentResolutionError(tag, error) {
+        console.error(`Component for tag "${tag}" could not be resolved.`, error);
+    }
+    logComponentLoadingError(tag, error) {
+        console.error(`Error while loading component for tag "${tag}":`, error);
+    }
+    logComponentInsertionError(tag, error) {
+        console.error(`Error while inserting component for tag "${tag}":`, error);
+    }
+    dispose() {
+        this.componentRefs.forEach((ref) => ref.destroy());
+        this.componentRefs = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleDynamicComponentsHandler, deps: [{ token: FEnvironmentService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleDynamicComponentsHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleDynamicComponentsHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: i0.Injector }] });
+
+class HandleDynamicComponentsRequest {
+    constructor(hostElement) {
+        this.hostElement = hostElement;
+    }
+}
+
+function copyToClipboard(value) {
+    const blob = new Blob([value], { type: 'text/plain' });
+    const data = [new ClipboardItem({ [blob.type]: blob })];
+    // @ts-ignore
+    return from(window?.navigator.permissions.query({ name: 'clipboard-write' })).pipe(map((permission) => {
+        return permission.state !== 'denied';
+    }), switchMap((isGranted) => {
+        if (isGranted) {
+            return from(navigator.clipboard.write(data));
+        }
+        return of(undefined);
+    }));
+}
+
+//To prevent replacing the focus syntax (Prism) in the code blocks, we need to change from the default syntax to a custom one.
+class ChangeCodeFocusedSyntaxPreProcessor {
+    handle(element) {
+        this.getCodeBlocks(element).forEach((block) => {
+            block.innerHTML = this.replaceFocus(block.innerHTML);
+        });
+        return of(element);
+    }
+    getCodeBlocks(element) {
+        return Array.from(element.querySelectorAll('pre code'));
+    }
+    replaceFocus(text) {
+        return text.replace(RULE$2.regex, RULE$2.replacer);
+    }
+}
+const RULE$2 = {
+    regex: /\|:\|(.*?)\|:\|/g,
+    replacer: (match, p1) => {
+        return `|foc-|${p1}|-foc|`;
+    }
+};
+
+class SeparateCodeByLinesPostProcessor {
+    handle(element) {
+        element.querySelectorAll("pre code").forEach((code) => {
+            code.innerHTML = this.getCodeDividedByLines(code);
+        });
+        return of(element);
+    }
+    getCodeDividedByLines(code) {
+        let result = '';
+        this.getLines(code).forEach(line => {
+            if (!this.isLineEmpty(line)) {
+                result += this.getLine(line);
+            }
+        });
+        return result;
+    }
+    getLines(code) {
+        return code.innerHTML.split('\n');
+    }
+    isLineEmpty(line) {
+        return line.trim() === '';
+    }
+    getLine(content) {
+        return `<line class="line">${content}</line>\n`;
+    }
+}
+
+class ModifyPunctuationHighlightPostProcessor {
+    handle(element) {
+        element.querySelectorAll('span.token.attr-name').forEach((node) => {
+            const text = node.textContent;
+            if (text && text.startsWith('[') && text.endsWith(']')) {
+                node.innerHTML = this.replacePunctuation(text);
+            }
+        });
+        return of(element);
+    }
+    replacePunctuation(text) {
+        return text.replace(RULE$1.regex, RULE$1.replacer);
+    }
+}
+const RULE$1 = {
+    regex: /(\[|\])/g,
+    replacer: (match) => {
+        return `<span class="token punctuation">${match}</span>`;
+    }
+};
+
+class MarkCodeFocusedBlocksPostProcessor {
+    constructor(fBrowser) {
+        this.fBrowser = fBrowser;
+    }
+    handle(element) {
+        this.getCodeBlocks(element).forEach((block) => {
+            block.innerHTML = this.replaceFocus(block.innerHTML);
+            if (block.querySelector('.focused')) {
+                this.applyOpacity(block.parentElement);
+            }
+        });
+        return of(element);
+    }
+    getCodeBlocks(element) {
+        return Array.from(element.querySelectorAll('pre code'));
+    }
+    replaceFocus(text) {
+        return text.replace(RULE.regex, RULE.replacer);
+    }
+    applyOpacity(element) {
+        if (!element.classList.contains('focused')) {
+            element.style.color = this.createRgbaString(this.getElementColor(element), 0.5);
+            element.childNodes.forEach((child) => {
+                if (child.nodeType === Node.ELEMENT_NODE) {
+                    this.applyOpacity(child);
+                }
+            });
+        }
+        else {
+            element.style.color = this.createRgbaString(this.getElementColor(element), 1, true);
+        }
+    }
+    getElementColor(element) {
+        return this.fBrowser.window.getComputedStyle(element).color;
+    }
+    createRgbaString(color, opacity, isRgb = false) {
+        const [r, g, b, a] = this.getRgbValues(color);
+        const alpha = Number(a) || 1;
+        return isRgb ? `rgb(${r}, ${g}, ${b})` : `rgba(${r}, ${g}, ${b}, ${opacity * alpha})`;
+    }
+    getRgbValues(color) {
+        return color.match(/\d+/g);
+    }
+}
+const RULE = {
+    regex: /\|foc-\|(.*?)\|-foc\|/g,
+    replacer: (match, p1) => {
+        return `<focus class="focused">${p1}</focus>`;
+    }
+};
+
+class HighlightService {
+    constructor(fBrowser) {
+        this.fBrowser = fBrowser;
+    }
+    highlight(element) {
+        return this.fBrowser.isBrowser() ? this.markNoneLanguage(element).pipe(switchMap((x) => new ChangeCodeFocusedSyntaxPreProcessor().handle(x)), switchMap((x) => this.highlightCodeWithPrism(x)), switchMap((x) => new ModifyPunctuationHighlightPostProcessor().handle(x)), switchMap((x) => new SeparateCodeByLinesPostProcessor().handle(x)), switchMap((x) => new MarkCodeFocusedBlocksPostProcessor(this.fBrowser).handle(x))) : of(element);
+    }
+    highlightCodeWithPrism(element) {
+        return new Observable((observer) => {
+            setTimeout(() => {
+                this.loadPrism().then((x) => {
+                    this.highlightAllUnder(x, observer, element);
+                });
+            });
+        });
+    }
+    highlightAllUnder(prism, observer, element) {
+        try {
+            prism?.highlightAllUnder(element);
+        }
+        catch (e) {
+        }
+        observer.next(element);
+        observer.complete();
+    }
+    async loadPrism() {
+        if (!this.Prism) {
+            this.Prism = await import('prismjs');
+            await Promise.all([
+                // @ts-ignore
+                import('prismjs/components/prism-bash'), import('prismjs/components/prism-css'), import('prismjs/components/prism-typescript')
+            ]);
+        }
+        return this.Prism;
+    }
+    markNoneLanguage(element) {
+        element.querySelectorAll('pre code:not([class*="language-"])').forEach((x) => x.classList.add('language-none'));
+        return of(element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HighlightService, deps: [{ token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HighlightService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HighlightService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i2.BrowserService }] });
+
+class FCodeViewHandler {
+    constructor(element, injector) {
+        this.element = element;
+        this.injector = injector;
+        this.subscriptions$ = new Subscription();
+        this.fDocument = this.injector.get(DOCUMENT);
+        this.initialize();
+    }
+    initialize() {
+        if (this.isServer())
+            return;
+        this.createCopyButton();
+        this.createLanguageBadge();
+        this.injector.get(HighlightService).highlight(this.element).pipe(take(1)).subscribe(() => {
+            this.subscriptions$.add(this.subscribeOnCopyButtonClick());
+        });
+    }
+    isServer() {
+        return typeof window === 'undefined';
+    }
+    createCopyButton() {
+        const button = this.fDocument.createElement('button');
+        button.classList.add('f-copy-button');
+        this.element.appendChild(button);
+        return button;
+    }
+    createLanguageBadge() {
+        const badge = this.fDocument.createElement('span');
+        badge.classList.add('f-code-language');
+        badge.textContent = this.getLanguage();
+        this.element.appendChild(badge);
+    }
+    getLanguage() {
+        return this.getCodeBlock().classList[0].replace('language-', '');
+    }
+    getCopyButton() {
+        return this.element.querySelector('.f-copy-button');
+    }
+    getCodeBlock() {
+        return this.element.querySelector('code');
+    }
+    setDisplay(value) {
+        this.element.style.display = value;
+    }
+    subscribeOnCopyButtonClick() {
+        return fromEvent(this.getCopyButton(), 'click').pipe(switchMap(() => copyToClipboard(this.getCodeBlock().textContent))).subscribe(() => {
+            this.injector.get(FPopoverService).show('Copied!');
+        });
+    }
+    dispose() {
+        this.subscriptions$.unsubscribe();
+    }
+}
+
+class FExampleViewHandler {
+    constructor(element) {
+        this.element = element;
+    }
+    setDisplay(value) {
+        this.element.style.display = value;
+    }
+}
+
+class FAsyncCodeViewHandler extends FCodeViewHandler {
+    constructor(element, injector) {
+        super(element, injector);
+    }
+    initialize() {
+        if (this.isServer())
+            return;
+        const language = this.getFileExtension(this.element.innerHTML);
+        this.subscribeOnLoadFile(this.element.innerHTML).pipe(take(1), catchError((err, data) => of(''))).subscribe((content) => {
+            this.element.innerHTML = '';
+            this.element.appendChild(this.createPreView(language));
+            this.getCodeBlock().textContent = content;
+            super.initialize();
+        });
+    }
+    getFileExtension(url) {
+        const match = url.match(/\.([0-9a-z]+)(?:[\?#]|$)/i);
+        if (match) {
+            let extension = match[1];
+            if (extension === 'scss') {
+                extension = 'css';
+            }
+            return extension;
+        }
+        return '';
+    }
+    subscribeOnLoadFile(src) {
+        return this.injector.get(HttpClient).get(src, { responseType: 'text' });
+    }
+    createCodeView(container, language) {
+        const code = document.createElement('code');
+        code.classList.add(`language-${language}`);
+        container.appendChild(code);
+    }
+    createPreView(language) {
+        const pre = document.createElement('pre');
+        this.element.appendChild(pre);
+        this.createCodeView(pre, language);
+        return pre;
+    }
+}
+
+class FCodeGroupBodyHandler {
+    constructor(element, injector) {
+        this.element = element;
+        this.injector = injector;
+        this.fContainerHandlers = this.getCodeViews();
+        this.initialize();
+    }
+    initialize() {
+        this.toggle(0);
+    }
+    getCodeViews() {
+        return this.getGroupBodyChildren().map((x) => {
+            if (this.isCodeView(x)) {
+                return new FCodeViewHandler(x, this.injector);
+            }
+            else if (this.isAsyncCodeView(x)) {
+                return new FAsyncCodeViewHandler(x, this.injector);
+            }
+            else {
+                return new FExampleViewHandler(x);
+            }
+        });
+    }
+    getGroupBodyChildren() {
+        return Array.from(this.element.querySelector('.f-code-group-body').children);
+    }
+    isCodeView(element) {
+        return element.classList.contains('f-code-view');
+    }
+    isAsyncCodeView(element) {
+        return element.classList.contains('f-async-code-view');
+    }
+    toggle(index) {
+        this.fContainerHandlers.forEach((fContainer, tabIndex) => {
+            fContainer.setDisplay(tabIndex === index ? 'block' : 'none');
+        });
+    }
+    dispose() {
+        this.fContainerHandlers.forEach((x) => x.dispose?.());
+    }
+}
+
+class FCodeGroupHandler {
+    get tabs() {
+        return Array.from(this.element.querySelectorAll('.f-tab-button'));
+    }
+    get firstTab() {
+        const tabs = this.tabs;
+        if (!tabs.length) {
+            return undefined;
+        }
+        return tabs[0];
+    }
+    constructor(element, injector) {
+        this.element = element;
+        this.injector = injector;
+        this.subscriptions$ = new Subscription();
+        this.body = new FCodeGroupBodyHandler(this.element, this.injector);
+        this.initialize();
+    }
+    initialize() {
+        this.subscribeOnTabsClick();
+        this.onTabClick(this.firstTab);
+    }
+    subscribeOnTabsClick() {
+        this.tabs.forEach((tab) => {
+            this.subscriptions$.add(this.subscribeOnTabClick(tab));
+        });
+    }
+    subscribeOnTabClick(tab) {
+        return fromEvent(tab, 'click').subscribe(() => this.onTabClick(tab));
+    }
+    onTabClick(targetTab) {
+        if (targetTab) {
+            this.markActiveTab(targetTab);
+            this.body.toggle(this.getTargetTabIndex(targetTab));
+        }
+    }
+    markActiveTab(target) {
+        this.tabs.forEach(tab => tab.classList.remove('active'));
+        target.classList.add('active');
+    }
+    getTargetTabIndex(target) {
+        return this.tabs.indexOf(target);
+    }
+    dispose() {
+        this.body.dispose();
+        this.subscriptions$.unsubscribe();
+    }
+}
+
+class HandleParsedContainersHandler {
+    constructor(injector) {
+        this.injector = injector;
+        this.fCodeGroupHandler = [];
+        this.fCodeViewHandler = [];
+    }
+    handle(request) {
+        this.dispose();
+        this.fCodeGroupHandler = this.getCodeGroups(request.hostElement);
+        this.fCodeViewHandler = this.getCodeViews(request.hostElement);
+    }
+    getCodeGroups(hostElement) {
+        return Array.from(hostElement.querySelectorAll('.f-code-group'))
+            .map((x) => new FCodeGroupHandler(x, this.injector));
+    }
+    getCodeViews(hostElement) {
+        return Array.from(hostElement.querySelectorAll('.f-code-view'))
+            .filter((x) => !x.parentElement?.classList.contains('f-code-group-body'))
+            .map((x) => new FCodeViewHandler(x, this.injector));
+    }
+    dispose() {
+        this.fCodeGroupHandler.forEach((x) => x.dispose?.());
+        this.fCodeViewHandler.forEach((x) => x.dispose?.());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleParsedContainersHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleParsedContainersHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HandleParsedContainersHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class HandleParsedContainersRequest {
+    constructor(hostElement) {
+        this.hostElement = hostElement;
+    }
+}
+
+var EMarkdownContainerType;
+(function (EMarkdownContainerType) {
+    EMarkdownContainerType["CODE_GROUP"] = "code-group";
+    EMarkdownContainerType["EXAMPLE_GROUP"] = "ng-component";
+    EMarkdownContainerType["PREVIEW_GROUP"] = "preview-group";
+    EMarkdownContainerType["CODE_VIEW"] = "code-view";
+    EMarkdownContainerType["ALERT_TIP"] = "tip";
+    EMarkdownContainerType["ALERT_INFO"] = "info";
+    EMarkdownContainerType["ALERT_WARNING"] = "warning";
+    EMarkdownContainerType["ALERT_DANGER"] = "danger";
+    EMarkdownContainerType["ALERT_SUCCESS"] = "success";
+})(EMarkdownContainerType || (EMarkdownContainerType = {}));
+
+class ParseAlerts {
+    render(type, markdown) {
+        return [container, type, {
+                render: (tokens, index) => {
+                    const token = tokens[index];
+                    const info = token.info.trim().slice(type.length).trim();
+                    if (token.nesting === 1) {
+                        const title = markdown.renderInline(info);
+                        return `<div class="f-alert ${type}"><p class="f-alert-title">${title}</p>\n`;
+                    }
+                    else {
+                        return `</div>\n`;
+                    }
+                }
+            }];
+    }
+}
+
+const F_CONTAINER_CLOSE_TAG = 'container_code-group_close';
+class ParseCodeGroup {
+    render() {
+        return [container, EMarkdownContainerType.CODE_GROUP, {
+                render: (tokens, index) => {
+                    if (this.isOpeningToken(tokens, index)) {
+                        return this.openingGroupHTML(this.generateTabs(tokens, index));
+                    }
+                    return this.closingGroupHTML();
+                }
+            }];
+    }
+    isOpeningToken(tokens, index) {
+        return tokens[index].nesting === 1;
+    }
+    generateTabs(tokens, index) {
+        let result = '';
+        for (let i = index + 1; !this.isClosingToken(tokens, i); i++) {
+            if (this.isCodeFenceToken(tokens[i])) {
+                const title = this.getCodeBlockTitle(tokens[i].info);
+                if (title) {
+                    result += this.generateTabButton(title);
+                }
+            }
+        }
+        return result;
+    }
+    isClosingToken(token, index) {
+        return token[index].nesting === -1 && token[index].type === F_CONTAINER_CLOSE_TAG;
+    }
+    isCodeFenceToken(token) {
+        return token.type === 'fence' && token.tag === 'code';
+    }
+    generateTabButton(title) {
+        return `<button class="f-tab-button">${title}</button>`;
+    }
+    openingGroupHTML(tabs) {
+        return `<div class="f-code-group"><div class="f-code-group-tabs">${tabs}</div><div class="f-code-group-body">\n`;
+    }
+    closingGroupHTML() {
+        return `</div></div>\n`;
+    }
+    getCodeBlockTitle(data) {
+        return data.match(/\[(.*)\]/)?.[1] || this.getCodeLanguage(data) || 'txt';
+    }
+    getCodeLanguage(data) {
+        return data.trim()
+            .replace(/=(\d*)/, '')
+            .replace(/^ansi$/, '');
+    }
+}
+
+class ParseCodeView {
+    render(markdown) {
+        const fence = markdown.renderer.rules.fence;
+        if (!fence) {
+            throw new Error('Markdown renderer does not have a fence rule.');
+        }
+        markdown.renderer.rules.fence = (tokens, index, ...rest) => {
+            return (`<div class="f-code-view">${fence(tokens, index, ...rest)}</div>`);
+        };
+    }
+    cleanTokenInfo(info) {
+        return info.replace(/\[.*\]/, '');
+    }
+}
+
+function getContent(tokens, index, eContainerType) {
+    let result;
+    for (let i = index + 1; i < tokens.length; i++) {
+        if (tokens[i].type === `container_${eContainerType}_close`) {
+            break;
+        }
+        if (isInlineToken(tokens[i])) {
+            result = tokens[i].content;
+            break;
+        }
+    }
+    return result;
+}
+function isInlineToken(token) {
+    return token.type === 'inline' && !token.tag;
+}
+
+class ParseExampleGroup {
+    render() {
+        return [container, EMarkdownContainerType.EXAMPLE_GROUP, {
+                render: (tokens, index) => {
+                    if (this.isOpeningToken(tokens, index)) {
+                        return this.openingExampleGroupHTML(this.generateData(tokens, index));
+                    }
+                    return this.closingExampleGroupHTML();
+                }
+            }];
+    }
+    isNgComponent(token) {
+        return token.info.trim().startsWith(EMarkdownContainerType.EXAMPLE_GROUP);
+    }
+    isOpeningToken(tokens, index) {
+        return tokens[index].nesting === 1;
+    }
+    generateData(tokens, index) {
+        let tabs = '';
+        let views = '';
+        const component = this.parseComponentTags(tokens[index]);
+        if (component) {
+            tabs += this.generateTabButton('Example');
+            views += this.generateExampleView(component);
+        }
+        const content = getContent(tokens, index, EMarkdownContainerType.EXAMPLE_GROUP);
+        if (content) {
+            this.parseData(content).forEach((x) => {
+                tabs += this.generateTabButton(x.fileName);
+                views += this.generateAsyncCodeView(x.url);
+            });
+        }
+        else {
+            tabs = '';
+        }
+        return { tabs, views };
+    }
+    parseComponentTags(token) {
+        if (!this.isNgComponent(token)) {
+            return { tag: '', height: '' };
+        }
+        let cleanedInput = token.info.replace(/ng-component\s*/, '');
+        const tagMatch = cleanedInput.match(/<([a-zA-Z0-9-]+)>.*<\/\1>/);
+        const heightMatch = cleanedInput.match(/\[height\]="(\d+)"/);
+        if (!tagMatch) {
+            throw new Error("Invalid input: no valid tag found");
+        }
+        const tag = tagMatch[0];
+        const height = heightMatch ? heightMatch[1] : undefined;
+        return { tag, height };
+    }
+    parseData(data) {
+        return data.split('\n').map(this.extractFileData).filter(Boolean);
+    }
+    extractFileData(line) {
+        const match = line.match(/\[(.+?)\] <<< (.+)/);
+        return match ? { fileName: match[1], url: match[2] } : null;
+    }
+    openingExampleGroupHTML(data) {
+        return `<div class="f-code-group">${this.groupTabsHTML(data.tabs)}${this.groupBodyHTML(data.views)}`;
+    }
+    groupTabsHTML(content) {
+        let result = `<div class="f-code-group-tabs">${content}</div>`;
+        if (!content) {
+            result = '';
+        }
+        return result;
+    }
+    generateTabButton(content) {
+        return `<button class="f-tab-button">${content}</button>`;
+    }
+    groupBodyHTML(content) {
+        return `<div class="f-code-group-body">${content}`;
+    }
+    generateExampleView(content) {
+        let height = '';
+        if (content.height) {
+            height = `style="height: ${content.height}px"`;
+        }
+        return `<div class="f-example-view" ${height}>${content.tag}</div>`;
+    }
+    generateAsyncCodeView(content) {
+        return `<div class="f-async-code-view">${content}</div>`;
+    }
+    closingExampleGroupHTML() {
+        return `</div></div>\n`;
+    }
+}
+
+class ParsePreviewGroup {
+    constructor(navigation) {
+        this.navigation = navigation;
+    }
+    render() {
+        return [container, EMarkdownContainerType.PREVIEW_GROUP, {
+                render: (tokens, index) => {
+                    if (this.isOpeningToken(tokens, index)) {
+                        return this.getGroupsHTML(this.generateData(tokens, index));
+                    }
+                    return '';
+                }
+            }];
+    }
+    isOpeningToken(tokens, index) {
+        return tokens[index].nesting === 1;
+    }
+    generateData(tokens, index) {
+        const groups = [];
+        this.parseData(getContent(tokens, index, EMarkdownContainerType.PREVIEW_GROUP) || '').forEach((x) => {
+            const group = this.navigation.find((g) => g.text === x);
+            if (group) {
+                groups.push(group);
+            }
+        });
+        return groups;
+    }
+    parseData(data) {
+        return data.split('\n').map(this.extractFileData).filter(Boolean);
+    }
+    extractFileData(line) {
+        const match = line.match(/\[(.+?)\]/);
+        return match ? match[1] : null;
+    }
+    getGroupsHTML(groups) {
+        return (groups || []).map((x) => {
+            return `<h2>${x.text}</h2><div class="f-preview-group">${this.getItemsHTML(x)}</div>`;
+        }).join('');
+    }
+    getItemsHTML(group) {
+        return group.items.map((item) => {
+            return `<f-preview data-group="${group.text}" data-item="${item.link}"></f-preview>`;
+        }).join('');
+    }
+}
+
+class MarkdownService {
+    constructor(httpClient, domSanitizer, fEnvironment, router) {
+        this.httpClient = httpClient;
+        this.domSanitizer = domSanitizer;
+        this.fEnvironment = fEnvironment;
+        this.router = router;
+        this.markdown = new MarkdownIt({ html: true, linkify: true });
+        this.markdown
+            .use((x) => new ParseCodeView().render(x))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_TIP, this.markdown))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_INFO, this.markdown))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_WARNING, this.markdown))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_DANGER, this.markdown))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_DANGER, this.markdown))
+            .use(...new ParseAlerts().render(EMarkdownContainerType.ALERT_SUCCESS, this.markdown))
+            .use(...new ParseCodeGroup().render())
+            .use(...new ParsePreviewGroup(this.fEnvironment.getNavigation()).render())
+            .use(...new ParseExampleGroup().render());
+    }
+    parse(src) {
+        return this.httpClient.get(src, { responseType: 'text' }).pipe(take(1), catchError(() => of(''))).pipe(switchMap((text) => of(this.markdown.render(text))), switchMap((x) => of(this.cleanupEmptyParagraphs(x))), switchMap((x) => of(this.cleanupWasteParagraphFromExampleView(x))), switchMap((x) => of(this.cleanupWasteParagraphFromPreviewGroup(x))), switchMap((x) => of(this.normalizeLinks(x))), switchMap((x) => of(this.domSanitizer.bypassSecurityTrustHtml(x))));
+    }
+    normalizeLinks(html) {
+        const currentPath = this.router.url;
+        const prefix = currentPath.substring(0, currentPath.lastIndexOf('/'));
+        return html.replace(/<a\s+href="([^"]*)"/g, (match, href) => {
+            if (!this.isExternalLink(href)) {
+                let newHref = href.substring(0);
+                if (!href.startsWith('./')) {
+                    newHref = href.startsWith('/') ? `${prefix}${href}` : `${prefix}/${href}`;
+                }
+                return `<a href="${newHref}"`;
+            }
+            return match;
+        });
+    }
+    isExternalLink(href) {
+        return href.startsWith('www') || href.startsWith('http');
+    }
+    cleanupEmptyParagraphs(html) {
+        return html.replace(/<p>\s*<\/p>/g, '');
+    }
+    cleanupWasteParagraphFromExampleView(html) {
+        return html.replace(/<div class="f-code-group-body">\s*<p>[^<]*<\/p>/g, '<div class="f-code-group-body">');
+    }
+    cleanupWasteParagraphFromPreviewGroup(html) {
+        return html.replace(/<p>(\[[^\]]+\](\s*\[[^\]]+\])*)<\/p>/g, '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MarkdownService, deps: [{ token: i1$1.HttpClient }, { token: i2$1.DomSanitizer }, { token: FEnvironmentService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MarkdownService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MarkdownService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i2$1.DomSanitizer }, { type: FEnvironmentService }, { type: i1.Router }] });
+
+class GetPreviousNextPageNavigationResponse {
+    constructor(previousLink, nextLink) {
+        this.previousLink = previousLink;
+        this.nextLink = nextLink;
+    }
+}
+
+class GetPreviousNextPageNavigationHandler {
+    constructor(fEnvironmentService) {
+        this.fEnvironmentService = fEnvironmentService;
+    }
+    handle(request) {
+        let previous = undefined;
+        let next = undefined;
+        this.fEnvironmentService.getNavigation().forEach((group, groupIndex) => {
+            (group.items || []).forEach((item, index) => {
+                if (item.link === request.currentLink) {
+                    if (index > 0) {
+                        previous = { ...group.items[index - 1] };
+                    }
+                    else {
+                        if (groupIndex > 0) {
+                            const previousGroup = this.fEnvironmentService.getNavigation()[groupIndex - 1];
+                            previous = { ...previousGroup.items[previousGroup.items.length - 1] };
+                        }
+                    }
+                    if (index < group.items.length - 1) {
+                        next = { ...group.items[index + 1] };
+                    }
+                    else {
+                        if (groupIndex < this.fEnvironmentService.getNavigation().length - 1) {
+                            const nextGroup = this.fEnvironmentService.getNavigation()[groupIndex + 1];
+                            next = { ...nextGroup.items[0] };
+                        }
+                    }
+                }
+            });
+        });
+        return new GetPreviousNextPageNavigationResponse(previous, next);
+    }
+}
+
+class GetPreviousNextPageNavigationRequest {
+    constructor(currentLink) {
+        this.currentLink = currentLink;
+    }
+}
+
+class FFooterEditInformationComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterEditInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FFooterEditInformationComponent, isStandalone: true, selector: "f-footer-edit-information", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{padding-bottom:18px}@media (min-width: 640px){:host{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterEditInformationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-footer-edit-information', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{padding-bottom:18px}@media (min-width: 640px){:host{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}\n"] }]
+        }] });
+
+class FFooterNavigationButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterNavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FFooterNavigationButtonComponent, isStandalone: true, selector: "a[f-footer-navigation-button]", inputs: { description: "description", link: "link" }, ngImport: i0, template: "<span class=\"description\">{{ description }}</span>\n<span class=\"page-title\">{{ link.text }}</span>\n", styles: [":host{display:block;border:1px solid var(--divider-color);border-radius:2px;padding:12px 16px;flex:1;max-width:50%;min-width:260px;text-decoration:none!important;cursor:pointer;pointer-events:all}:host:hover{border-color:var(--dark-divider-color)}:host:active{border-color:var(--primary-1)}:host.next{margin-left:auto;text-align:right}:host .description{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--secondary-text);pointer-events:none}:host .page-title{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--primary-1);pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterNavigationButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[f-footer-navigation-button]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<span class=\"description\">{{ description }}</span>\n<span class=\"page-title\">{{ link.text }}</span>\n", styles: [":host{display:block;border:1px solid var(--divider-color);border-radius:2px;padding:12px 16px;flex:1;max-width:50%;min-width:260px;text-decoration:none!important;cursor:pointer;pointer-events:all}:host:hover{border-color:var(--dark-divider-color)}:host:active{border-color:var(--primary-1)}:host.next{margin-left:auto;text-align:right}:host .description{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--secondary-text);pointer-events:none}:host .page-title{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--primary-1);pointer-events:none}\n"] }]
+        }], propDecorators: { description: [{
+                type: Input,
+                args: [{ required: true }]
+            }], link: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class FFooterNavigationComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FFooterNavigationComponent, isStandalone: true, selector: "nav[f-footer-navigation]", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{border-top:1px solid var(--divider-color);padding-top:24px;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav[f-footer-navigation]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{border-top:1px solid var(--divider-color);padding-top:24px;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:16px}\n"] }]
+        }] });
+
+class FFooterEditLinkComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterEditLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FFooterEditLinkComponent, isStandalone: true, selector: "a[f-footer-edit-link]", ngImport: i0, template: "<span class=\"edit-link-icon f-icon edit\"></span>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--primary-1);cursor:pointer}:host .edit-link-icon{margin-right:8px;width:14px;height:14px;color:inherit}:host:hover{color:var(--primary-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterEditLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[f-footer-edit-link]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<span class=\"edit-link-icon f-icon edit\"></span>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--primary-1);cursor:pointer}:host .edit-link-icon{margin-right:8px;width:14px;height:14px;color:inherit}:host:hover{color:var(--primary-2)}\n"] }]
+        }] });
+
+class FFooterLastUpdatedComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterLastUpdatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FFooterLastUpdatedComponent, isStandalone: true, selector: "f-footer-last-updated", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{line-height:24px;font-size:14px;font-weight:500;color:var(--secondary-text)}@media (min-width: 640px){:host{line-height:32px;font-size:14px;font-weight:500}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FFooterLastUpdatedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-footer-last-updated', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{line-height:24px;font-size:14px;font-weight:500;color:var(--secondary-text)}@media (min-width: 640px){:host{line-height:32px;font-size:14px;font-weight:500}}\n"] }]
+        }] });
+
+class FMarkdownFooterComponent {
+    constructor(injector, fEnvironmentService, router, changeDetectorRef) {
+        this.injector = injector;
+        this.fEnvironmentService = fEnvironmentService;
+        this.router = router;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscriptions$ = new Subscription();
+        this.navigation = {};
+    }
+    ngOnInit() {
+        this.subscriptions$.add(this.subscribeOnRouteChanges());
+    }
+    subscribeOnRouteChanges() {
+        return this.getRouterEvents().pipe(startWith(null), debounceTime(10)).subscribe(() => this.updateData());
+    }
+    getRouterEvents() {
+        return this.injector.get(Router).events;
+    }
+    updateData() {
+        const currentPath = this.router.url;
+        const prefix = currentPath.substring(0, currentPath.lastIndexOf('/'));
+        this.navigation = JSON.parse(JSON.stringify(this.fEnvironmentService.getFooterNavigation()));
+        if (this.navigation.editLink) {
+            this.editLink = this.getEditLink();
+        }
+        const previousNext = new GetPreviousNextPageNavigationHandler(this.fEnvironmentService).handle(new GetPreviousNextPageNavigationRequest(this.getCurrentLink()));
+        this.previousLink = previousNext.previousLink;
+        this.normalizeLink(this.previousLink, prefix);
+        this.nextLink = previousNext.nextLink;
+        this.normalizeLink(this.nextLink, prefix);
+        this.changeDetectorRef.markForCheck();
+    }
+    normalizeLink(item, prefix) {
+        if (item?.link && !this.isExternalLink(item.link)) {
+            item.link = item.link.startsWith('/') ? `${prefix}${item.link}` : `${prefix}/${item.link}`;
+        }
+    }
+    isExternalLink(href) {
+        return href.startsWith('www') || href.startsWith('http');
+    }
+    getEditLink() {
+        return this.navigation.editLink.pattern + this.getCurrentLink() + '.md';
+    }
+    getCurrentLink() {
+        return this.injector.get(ActivatedRoute).snapshot.url.map((x) => x.path).join('/');
+    }
+    onDocumentClick(event) {
+        this.injector.get(HandleNavigationLinksHandler).handle(new HandleNavigationLinksRequest(event));
+    }
+    ngOnDestroy() {
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMarkdownFooterComponent, deps: [{ token: i0.Injector }, { token: FEnvironmentService }, { token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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>{{ lastUpdated.datetime }}</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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMarkdownFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'footer [f-markdown-footer]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FFooterNavigationComponent,
+                        FFooterNavigationButtonComponent,
+                        FFooterEditInformationComponent,
+                        FFooterEditLinkComponent,
+                        FFooterLastUpdatedComponent,
+                        RouterLink,
+                    ], standalone: true, 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>{{ lastUpdated.datetime }}</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"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: FEnvironmentService }, { type: i1.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class FMarkdownRendererComponent {
+    constructor(injector, changeDetectorRef) {
+        this.injector = injector;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscriptions$ = new Subscription();
+        this.hostElement = inject(ElementRef).nativeElement;
+        this.fScrollableService = inject(FScrollableService);
+        this.fContainersHandler = inject(HandleParsedContainersHandler);
+        this.fDynamicComponentsHandler = inject(HandleDynamicComponentsHandler);
+        this.isMarkdownChanged = false;
+    }
+    ngOnInit() {
+        this.subscriptions$.add(this.subscribeOnRouteChanges());
+    }
+    subscribeOnRouteChanges() {
+        return this.getRouterEvents().pipe(startWith(null), debounceTime(50), switchMap(() => this.injector.get(MarkdownService).parse(this.injector.get(FEnvironmentService).getMarkdownUrl(this.markdownPath))), tap((x) => this.renderMarkdown(x)), catchError((e, data) => data)).subscribe();
+    }
+    getRouterEvents() {
+        return this.injector.get(Router).events;
+    }
+    get markdownPath() {
+        return this.injector.get(ActivatedRoute).snapshot.url.map((x) => x.path).join('/');
+    }
+    renderMarkdown(value) {
+        this.value = value;
+        this.isMarkdownChanged = true;
+        this.changeDetectorRef.markForCheck();
+    }
+    ngAfterViewChecked() {
+        if (this.isMarkdownChanged) {
+            this.isMarkdownChanged = false;
+            this.fScrollableService.setOnPageNavigation(this.hostElement);
+            this.fContainersHandler.handle(new HandleParsedContainersRequest(this.hostElement));
+            this.fDynamicComponentsHandler.handle(new HandleDynamicComponentsRequest(this.hostElement));
+        }
+    }
+    onDocumentClick(event) {
+        this.injector.get(HandleNavigationLinksHandler).handle(new HandleNavigationLinksRequest(event));
+    }
+    ngOnDestroy() {
+        this.fContainersHandler.dispose();
+        this.fDynamicComponentsHandler.dispose();
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMarkdownRendererComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FMarkdownRendererComponent, isStandalone: true, selector: "f-markdown-renderer", host: { listeners: { "click": "onDocumentClick($event)" }, classAttribute: "m-render" }, providers: [
+            MarkdownService,
+            HighlightService,
+            HandleNavigationLinksHandler,
+            HandleParsedContainersHandler,
+            HandleDynamicComponentsHandler
+        ], ngImport: i0, template: "<div [innerHTML]=\"value\"></div>\n<footer f-markdown-footer></footer>\n", styles: [":host{display:block;width:100%}@media (min-width: 1280px){:host{width:calc(100% - var(--on-page-navigation-width) - var(--page-padding))}}\n"], dependencies: [{ kind: "component", type: FMarkdownFooterComponent, selector: "footer [f-markdown-footer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FMarkdownRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-markdown-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        MarkdownService,
+                        HighlightService,
+                        HandleNavigationLinksHandler,
+                        HandleParsedContainersHandler,
+                        HandleDynamicComponentsHandler
+                    ], imports: [
+                        FMarkdownFooterComponent
+                    ], host: {
+                        class: 'm-render'
+                    }, template: "<div [innerHTML]=\"value\"></div>\n<footer f-markdown-footer></footer>\n", styles: [":host{display:block;width:100%}@media (min-width: 1280px){:host{width:calc(100% - var(--on-page-navigation-width) - var(--page-padding))}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class FTableOfContentItemsComponent {
+    constructor() {
+        this.items = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FTableOfContentItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FTableOfContentItemsComponent, isStandalone: true, selector: "ul[f-table-of-content-items]", inputs: { items: "items" }, ngImport: i0, 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"], dependencies: [{ kind: "component", type: FTableOfContentItemsComponent, selector: "ul[f-table-of-content-items]", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FTableOfContentItemsComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class FTableOfContentComponent {
+    get onToc$() {
+        return this.fScrollableService.onToc$;
+    }
+    constructor(fEnvironmentService, elementRef, fScrollableService, changeDetectorRef, fBrowser) {
+        this.fEnvironmentService = fEnvironmentService;
+        this.elementRef = elementRef;
+        this.fScrollableService = fScrollableService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.fBrowser = fBrowser;
+        this.subscriptions$ = new Subscription();
+        this.tocData = new TableOfContentData([], []);
+        this.activeMarkerPosition = 0;
+        this.title = this.fEnvironmentService.getToC().title;
+    }
+    ngOnInit() {
+        this.subscriptions$.add(this.subscribeOnPageNavigation());
+    }
+    subscribeOnPageNavigation() {
+        return this.onToc$.subscribe((data) => {
+            this.tocData = data;
+            this.activeMarkerPosition = this.getActiveMarkerPosition();
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    getActiveMarkerPosition() {
+        const index = this.tocData.flat.findIndex((x) => x.isActive) || 0;
+        const itemHeight = parseInt(this.getComputedStyle(this.elementRef.nativeElement).getPropertyValue('--on-page-navigation-item-height'));
+        return (index + 1) * itemHeight + itemHeight / 4;
+    }
+    getComputedStyle(element) {
+        return this.fBrowser.window.getComputedStyle(element);
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target.tagName === 'A') {
+            event.preventDefault();
+            this.fScrollableService.scrollTo(target.getAttribute('href'));
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FTableOfContentComponent, deps: [{ token: FEnvironmentService }, { token: i0.ElementRef }, { token: FScrollableService }, { token: i0.ChangeDetectorRef }, { token: i2.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FTableOfContentComponent, isStandalone: true, selector: "aside[f-table-of-content]", host: { listeners: { "click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"title\">{{ title || 'In this article' }}</div>\n<ul f-table-of-content-items [items]=\"tocData.tree\"></ul>\n<div class=\"active-marker\" [style.top]=\"activeMarkerPosition + 'px'\"></div>\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: FTableOfContentItemsComponent, selector: "ul[f-table-of-content-items]", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FTableOfContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aside[f-table-of-content]', standalone: true, imports: [AsyncPipe, JsonPipe, FTableOfContentItemsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title\">{{ title || 'In this article' }}</div>\n<ul f-table-of-content-items [items]=\"tocData.tree\"></ul>\n<div class=\"active-marker\" [style.top]=\"activeMarkerPosition + 'px'\"></div>\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"] }]
+        }], ctorParameters: () => [{ type: FEnvironmentService }, { type: i0.ElementRef }, { type: FScrollableService }, { type: i0.ChangeDetectorRef }, { type: i2.BrowserService }], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class FPageComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FPageComponent, isStandalone: true, selector: "f-page", host: { attributes: { "ngSkipHydration": "" } }, ngImport: i0, template: "<f-markdown-renderer></f-markdown-renderer>\n<aside f-table-of-content></aside>\n\n", styles: [":host{display:block;width:100%;padding:48px var(--page-padding) 140px}:host [fMarkdownRenderer]{width:100%}@media (min-width: 1280px){:host{padding-right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 2);padding-left:max(var(--page-padding),(100vw - var(--layout-max-width)) / 4)}:host [fMarkdownRenderer]{width:calc(100% - var(--on-page-navigation-width) - var(--page-padding))}}\n"], dependencies: [{ kind: "component", type: FTableOfContentComponent, selector: "aside[f-table-of-content]" }, { kind: "component", type: FMarkdownRendererComponent, selector: "f-markdown-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-page', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FTableOfContentComponent,
+                        FMarkdownRendererComponent
+                    ], host: {
+                        'ngSkipHydration': ''
+                    }, template: "<f-markdown-renderer></f-markdown-renderer>\n<aside f-table-of-content></aside>\n\n", styles: [":host{display:block;width:100%;padding:48px var(--page-padding) 140px}:host [fMarkdownRenderer]{width:100%}@media (min-width: 1280px){:host{padding-right:max(var(--page-padding),(100vw - var(--layout-max-width)) / 2);padding-left:max(var(--page-padding),(100vw - var(--layout-max-width)) / 4)}:host [fMarkdownRenderer]{width:calc(100% - var(--on-page-navigation-width) - var(--page-padding))}}\n"] }]
+        }] });
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ChangeCodeFocusedSyntaxPreProcessor: ChangeCodeFocusedSyntaxPreProcessor,
+    get EMarkdownContainerType () { return EMarkdownContainerType; },
+    FAsyncCodeViewHandler: FAsyncCodeViewHandler,
+    FCodeGroupBodyHandler: FCodeGroupBodyHandler,
+    FCodeGroupHandler: FCodeGroupHandler,
+    FCodeViewHandler: FCodeViewHandler,
+    FExampleViewHandler: FExampleViewHandler,
+    FFooterEditInformationComponent: FFooterEditInformationComponent,
+    FFooterNavigationButtonComponent: FFooterNavigationButtonComponent,
+    FFooterNavigationComponent: FFooterNavigationComponent,
+    FMarkdownFooterComponent: FMarkdownFooterComponent,
+    FMarkdownRendererComponent: FMarkdownRendererComponent,
+    FPageComponent: FPageComponent,
+    FTableOfContentComponent: FTableOfContentComponent,
+    FTableOfContentItemsComponent: FTableOfContentItemsComponent,
+    GetPreviousNextPageNavigationHandler: GetPreviousNextPageNavigationHandler,
+    GetPreviousNextPageNavigationRequest: GetPreviousNextPageNavigationRequest,
+    GetPreviousNextPageNavigationResponse: GetPreviousNextPageNavigationResponse,
+    HandleDynamicComponentsHandler: HandleDynamicComponentsHandler,
+    HandleDynamicComponentsRequest: HandleDynamicComponentsRequest,
+    HandleParsedContainersHandler: HandleParsedContainersHandler,
+    HandleParsedContainersRequest: HandleParsedContainersRequest,
+    HighlightService: HighlightService,
+    MarkCodeFocusedBlocksPostProcessor: MarkCodeFocusedBlocksPostProcessor,
+    MarkdownService: MarkdownService,
+    ModifyPunctuationHighlightPostProcessor: ModifyPunctuationHighlightPostProcessor,
+    ParseAlerts: ParseAlerts,
+    ParseCodeGroup: ParseCodeGroup,
+    ParseCodeView: ParseCodeView,
+    ParseExampleGroup: ParseExampleGroup,
+    ParsePreviewGroup: ParsePreviewGroup,
+    SeparateCodeByLinesPostProcessor: SeparateCodeByLinesPostProcessor,
+    copyToClipboard: copyToClipboard,
+    getContent: getContent
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CalculateHashFromScrollPositionHandler, CalculateHashFromScrollPositionRequest, ChangeCodeFocusedSyntaxPreProcessor, CookiePopup, EMarkdownContainerType, FAnalyticsService, FAsyncCodeViewHandler, FBadgeComponent, FCheckboxComponent, FCodeGroupBodyHandler, FCodeGroupHandler, FCodeViewHandler, FDocumentationComponent, FEnvironmentService, FExampleViewHandler, FFooterEditInformationComponent, FFooterNavigationButtonComponent, FFooterNavigationComponent, FHamburgerButtonComponent, FHeadTagService, FHeaderComponent, FHeaderMenuComponent, FJsonLdService, FMarkdownFooterComponent, FMarkdownRendererComponent, FMetaService, FNavigationGroupComponent, FNavigationHeaderComponent, FNavigationItemComponent, FNavigationPanelComponent, FPageComponent, FPopoverService, FPreviewComponent, FScrollableContainerComponent, FSocialLinksComponent, FTableOfContentComponent, FTableOfContentItemsComponent, FThemeButtonComponent, FVersionComponent, F_ACCEPT_COOKIES_KEY, F_DOCUMENTATION_COMPONENT, F_DOCUMENTATION_ROUTES, F_ENVIRONMENT, GetAbsoluteTopToContainerHandler, GetAbsoluteTopToContainerRequest, GetPreviousNextPageNavigationHandler, GetPreviousNextPageNavigationRequest, GetPreviousNextPageNavigationResponse, GetTableOfContentDataHandler, GetTableOfContentDataRequest, GetVersionHandler, GetVersionRequest, HandleDynamicComponentsHandler, HandleDynamicComponentsRequest, HandleNavigationLinksHandler, HandleNavigationLinksRequest, HandleParsedContainersHandler, HandleParsedContainersRequest, HighlightService, MarkCodeFocusedBlocksPostProcessor, MarkdownService, ModifyPunctuationHighlightPostProcessor, ParseAlerts, ParseCodeGroup, ParseCodeView, ParseExampleGroup, ParsePreviewGroup, ScrollToElementInContainer, SeparateCodeByLinesPostProcessor, TableOfContentData, copyToClipboard, getContent, setCookieConsent };
+//# sourceMappingURL=foblex-m-render.mjs.map