@foblex/m-render 2.6.6 → 2.6.8

package/fesm2022/foblex-m-render.mjs

@@ -8,13 +8,13 @@ import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Overlay, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { Router, RouterLink, NavigationEnd, ActivatedRoute, RouterOutlet } from '@angular/router';
 import { DOCUMENT, TitleCasePipe } from '@angular/common';
-import { __decorate } from 'tslib';
-import { FExecutionRegister, FMediator } from '@foblex/mediator';
 import { deepClone } from '@foblex/utils';
 import { createHighlighter } from 'shiki';
 import MarkdownIt from 'markdown-it';
 import { DomSanitizer } from '@angular/platform-browser';
 import container from 'markdown-it-container';
+import { __decorate } from 'tslib';
+import { FExecutionRegister, FMediator } from '@foblex/mediator';
 
 let uniqueId$1 = 0;
 class FCheckboxComponent {
@@ -583,34 +583,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-class HandleNavigationLinksRequest {
-    event;
-    constructor(event) {
-        this.event = event;
-    }
-}
-
-let HandleNavigationLinksHandler = class HandleNavigationLinksHandler {
-    _router = inject(Router);
-    _browser = inject(BrowserService);
+class HandleNavigationLinksHandler {
     handle(request) {
         const target = this._getClosestAnchorTag(this._getTargetElement(request.event));
         if (target && this._hasHref(target)) {
             request.event.preventDefault();
             const href = target.getAttribute('href');
             if (!this._isExternalLink(href)) {
-                this._navigateInternalLink(href);
+                this._navigateInternalLink(href, request.router);
             }
             else {
-                this._navigateExternalLink(href);
+                this._navigateExternalLink(href, request.browser);
             }
         }
     }
     _getTargetElement(event) {
-        return event.target;
+        return event?.target;
     }
     _getClosestAnchorTag(element) {
-        return element.closest('a');
+        return element?.closest('a');
     }
     _hasHref(element) {
         return element.hasAttribute('href');
@@ -618,24 +609,27 @@ let HandleNavigationLinksHandler = class HandleNavigationLinksHandler {
     _isExternalLink(href) {
         return href.startsWith('www') || href.startsWith('http');
     }
-    _navigateInternalLink(href) {
+    _navigateInternalLink(href, router) {
         if (href.startsWith('/')) {
             href = href.substring(1);
         }
-        this._router.navigate([href]).then();
+        router.navigate([href]).then();
     }
-    _navigateExternalLink(href) {
-        this._browser.window.open(href, '_blank');
+    _navigateExternalLink(href, browser) {
+        browser.window.open(href, '_blank');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler });
-};
-HandleNavigationLinksHandler = __decorate([
-    FExecutionRegister(HandleNavigationLinksRequest)
-], HandleNavigationLinksHandler);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HandleNavigationLinksHandler, decorators: [{
-            type: Injectable
-        }] });
+}
+
+class HandleNavigationLinksRequest {
+    event;
+    browser;
+    router;
+    constructor(event, browser, router) {
+        this.event = event;
+        this.browser = browser;
+        this.router = router;
+    }
+}
 
 function provide404Markdown(notFoundMarkdown) {
     return {
@@ -656,7 +650,7 @@ function provideComponents(components) {
 }
 function extractComponent(loader) {
     return loader().then(module => {
-        const component = Object.values(module).find((v) => typeof v === 'function' && v.ɵcmp);
+        const component = Object.values(module).find((v) => typeof v === 'function' && Object.prototype.hasOwnProperty.call(v, 'ɵcmp'));
         if (!component) {
             throw new Error('Component not found');
         }
@@ -924,9 +918,9 @@ class NavigationPanelComponent {
         optional: true,
     });
     _router = inject(Router);
-    _mediator = inject(FMediator);
     _changeDetectorRef = inject(ChangeDetectorRef);
     _destroyRef = inject(DestroyRef);
+    _browser = inject(BrowserService);
     value;
     navigation = this._provider.getNavigation();
     title = this._provider.getTitle();
@@ -972,7 +966,7 @@ class NavigationPanelComponent {
         });
     }
     _onDocumentClick(event) {
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NavigationPanelComponent, isStandalone: true, selector: "f-navigation-panel", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "<a routerLink class=\"navigation-header\">\n  <img [src]=\"image\" width=\"24\" height=\"24\" alt=\"logo\" class=\"logo\"/> {{ title }}\n</a>\n\n@for (group of navigation; track group) {\n  <f-navigation-group [title]=\"group.text\">\n    @for (item of group.items; track item.link) {\n      <a f-navigation-item [href]=\"item.link\" [class.active]=\"item.link === value\">\n        <div class=\"text-ellipsis\">{{ item.text }}</div>\n        @if (item.badge) {\n          <span class=\"f-badge {{ item.badge.type }}\">{{ item.badge.text }}</span>\n        }\n      </a>\n    }\n  </f-navigation-group>\n}\n", styles: [":host{height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 var(--navigation-panel-padding);background-color:var(--navigation-panel-background);overflow:hidden;overflow-y:auto;position:fixed;width:var(--navigation-panel-width);top:0;left:calc(-1 * var(--navigation-panel-width));transition:transform .2s ease-in-out;z-index:var(--z-index-navigation);transform:none}@media (min-width: 960px){:host{position:unset;display:flex;min-width:var(--navigation-panel-width);width:fit-content;transform:none!important}}@media (min-width: 1440px){:host{min-width:calc((100% - (var(--layout-max-width) - 64px)) / 3 + var(--navigation-panel-width) - var(--navigation-panel-padding))}}:host.visible{transform:translate(var(--navigation-panel-width))}.navigation-header{display:flex;justify-content:flex-start;align-items:center;padding:20px 0;font-weight:600;color:var(--primary-text);height:var(--header-height);width:100%;max-width:240px;margin-left:auto;cursor:pointer}.navigation-header img{margin-right:8px}\n"], dependencies: [{ kind: "component", type: FNavigationItemComponent, selector: "a[f-navigation-item]" }, { kind: "component", type: NavigationGroupComponent, selector: "f-navigation-group", inputs: ["title"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -2031,12 +2025,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         }] });
 
 class FMarkdownFooterComponent {
-    _mediator = inject(FMediator);
     _provider = inject(DocumentationStore);
     _router = inject(Router);
     _activatedRoute = inject(ActivatedRoute);
     _changeDetectorRef = inject(ChangeDetectorRef);
     _destroyRef = inject(DestroyRef);
+    _browser = inject(BrowserService);
     navigation = {};
     editLink;
     previousLink;
@@ -2077,7 +2071,7 @@ class FMarkdownFooterComponent {
         return this._activatedRoute.snapshot.url.map((x) => x.path).join('/');
     }
     _onDocumentClick(event) {
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FMarkdownFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: FMarkdownFooterComponent, isStandalone: true, selector: "footer [f-markdown-footer]", host: { listeners: { "click": "_onDocumentClick($event)" } }, ngImport: i0, template: "@if (editLink) {\n  <f-footer-edit-information>\n    <a f-footer-edit-link [href]=\"editLink\">\n      {{ navigation.editLink?.text || 'Edit this page on GitHub' }}\n    </a>\n\n<!--      <f-footer-last-updated>-->\n<!--        Last updated: <span>111</span>-->\n<!--      </f-footer-last-updated>-->\n  </f-footer-edit-information>\n}\n\n@if (previousLink || nextLink) {\n  <nav f-footer-navigation>\n    @if (previousLink) {\n      <a f-footer-navigation-button\n         [href]=\"previousLink.link\"\n         [description]=\"navigation.previous\"\n         [link]=\"previousLink\">\n      </a>\n    }\n    @if (nextLink) {\n      <a f-footer-navigation-button class=\"next\"\n         [href]=\"nextLink.link\"\n         [description]=\"navigation.next\"\n         [link]=\"nextLink\">\n      </a>\n    }\n  </nav>\n}\n\n", styles: [":host{display:block;margin-top:64px}\n"], dependencies: [{ kind: "component", type: FFooterNavigationComponent, selector: "nav[f-footer-navigation]" }, { kind: "component", type: FFooterNavigationButtonComponent, selector: "a[f-footer-navigation-button]", inputs: ["description", "link"] }, { kind: "component", type: FFooterEditInformationComponent, selector: "f-footer-edit-information" }, { kind: "component", type: FFooterEditLinkComponent, selector: "a[f-footer-edit-link]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -2734,7 +2728,10 @@ class FMarkdownRendererComponent {
     }
     _subscribeOnRouteChanges() {
         this._router.events
-            .pipe(startWith(null), debounceTime(50), switchMap(() => this._markdown.parse(this._provider.getMarkdownUrl(this._markdownPath))), tap((x) => this.value.set(x)), catchError((e, data) => data), takeUntilDestroyed(this._destroyRef))
+            .pipe(startWith(null), debounceTime(50), switchMap(() => this._markdown.parse(this._provider.getMarkdownUrl(this._markdownPath))), tap((x) => this.value.set(x)), catchError((e, data) => {
+            console.error('[MarkdownRenderer] parse error:', e);
+            return of(data);
+        }), takeUntilDestroyed(this._destroyRef))
             .subscribe();
     }
     _updateRenderDependencies() {
@@ -2742,7 +2739,7 @@ class FMarkdownRendererComponent {
             const html = this.value();
             if (html && this._browser.isBrowser()) {
                 untracked(() => {
-                    requestAnimationFrame(() => {
+                    raf(() => {
                         this._mediator.execute(new RenderDynamicComponentsRequest(this._hostElement));
                         this._mediator.execute(new CalculateTableOfContentDataRequest(this._hostElement));
                     });
@@ -2751,7 +2748,7 @@ class FMarkdownRendererComponent {
         }, { injector: this._injector });
     }
     _onDocumentClick(event) {
-        this._mediator.execute(new HandleNavigationLinksRequest(event));
+        new HandleNavigationLinksHandler().handle(new HandleNavigationLinksRequest(event, this._browser, this._router));
     }
     ngOnDestroy() {
         this._provider.disposeDComponents();
@@ -2772,6 +2769,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
+const raf = typeof requestAnimationFrame === 'function'
+    ? requestAnimationFrame
+    : (fn) => setTimeout(fn);
 
 class MarkdownContainerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MarkdownContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -2958,7 +2958,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     GetPreviousNextPageNavigationRequest: GetPreviousNextPageNavigationRequest,
     GetPreviousNextPageNavigationResponse: GetPreviousNextPageNavigationResponse,
     HamburgerButtonComponent: HamburgerButtonComponent,
-    get HandleNavigationLinksHandler () { return HandleNavigationLinksHandler; },
+    HandleNavigationLinksHandler: HandleNavigationLinksHandler,
     HandleNavigationLinksRequest: HandleNavigationLinksRequest,
     HeaderComponent: HeaderComponent,
     HighlightComponent: HighlightComponent,