@mmstack/router-core 20.0.1 → 20.0.3

package/fesm2022/mmstack-router-core.mjs

@@ -139,15 +139,15 @@ function leafRoutes() {
     const leafRoutes = computed(() => {
         currentUrl();
         return getLeafRoutes(router.routerState.snapshot);
-    });
+    }, ...(ngDevMode ? [{ debugName: "leafRoutes" }] : []));
     return leafRoutes;
 }
 class RouteLeafStore {
     leaves = leafRoutes();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RouteLeafStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RouteLeafStore, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RouteLeafStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RouteLeafStore, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: RouteLeafStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RouteLeafStore, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -212,7 +212,7 @@ function generateLabel(leaf) {
     return parsePathSegment$1(leaf.segment.path);
 }
 function autoGenerateBreadcrumb(id, leaf, autoGenerateFn) {
-    const label = computed(() => autoGenerateFn()(leaf()));
+    const label = computed(() => autoGenerateFn()(leaf()), ...(ngDevMode ? [{ debugName: "label" }] : []));
     return createInternalBreadcrumb({
         id,
         label,
@@ -260,7 +260,7 @@ class BreadcrumbStore {
     autoGenerateLabelFn = injectGenerateLabelFn();
     leafRoutes = injectLeafRoutes();
     all = mapArray(this.leafRoutes, (leaf) => {
-        const stableId = computed(() => leaf().path);
+        const stableId = computed(() => leaf().path, ...(ngDevMode ? [{ debugName: "stableId" }] : []));
         return exposeActiveSignal(computed(() => {
             const id = stableId();
             const found = this.map().get(id);
@@ -278,15 +278,15 @@ class BreadcrumbStore {
     }, {
         equal: (a, b) => a.link === b.link,
     });
-    crumbs = computed(() => this.all().filter((c) => c.active()));
-    unwrapped = computed(() => this.crumbs().map((c) => c()));
+    crumbs = computed(() => this.all().filter((c) => c.active()), ...(ngDevMode ? [{ debugName: "crumbs" }] : []));
+    unwrapped = computed(() => this.crumbs().map((c) => c()), ...(ngDevMode ? [{ debugName: "unwrapped" }] : []));
     register(breadcrumb) {
         this.map.inline((m) => m.set(breadcrumb.id, breadcrumb));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: BreadcrumbStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: BreadcrumbStore, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BreadcrumbStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BreadcrumbStore, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: BreadcrumbStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BreadcrumbStore, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -554,7 +554,7 @@ function createBreadcrumb(factory) {
         const fp = resolver(route);
         const tree = createUrlTreeFromSnapshot(route, [], route.queryParams, route.fragment);
         const provided = factory();
-        const link = computed(() => router.serializeUrl(tree));
+        const link = computed(() => router.serializeUrl(tree), ...(ngDevMode ? [{ debugName: "link" }] : []));
         const { label, ariaLabel = label } = provided;
         const bc = {
             id: fp,
@@ -577,10 +577,10 @@ class PreloadService {
     startPreload(routePath) {
         this.preloadOnDemand$.next(routePath);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -620,10 +620,10 @@ class PreloadStrategy {
         const predicate = createRoutePredicate(fp);
         return this.svc.preloadRequested$.pipe(filter$1((path) => path === fp || predicate(path)), take(1), switchMap(() => load()), finalize(() => this.loading.delete(fp)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadStrategy, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadStrategy, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PreloadStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreloadStrategy, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -688,28 +688,28 @@ class LinkDirective {
     }) ?? inject(RouterLinkWithHref, { self: true, optional: true });
     svc = inject(PreloadService);
     router = inject(Router);
-    target = input();
-    queryParams = input();
-    fragment = input();
-    queryParamsHandling = input();
-    state = input();
-    info = input();
-    relativeTo = input();
-    skipLocationChange = input(false, { transform: booleanAttribute });
-    replaceUrl = input(false, { transform: booleanAttribute });
-    mmLink = input(null);
-    preloadOn = input(injectConfig().preloadOn);
-    useMouseDown = input(injectConfig().useMouseDown, {
-        transform: booleanAttribute,
-    });
-    beforeNavigate = input();
+    target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : []));
+    queryParams = input(...(ngDevMode ? [undefined, { debugName: "queryParams" }] : []));
+    fragment = input(...(ngDevMode ? [undefined, { debugName: "fragment" }] : []));
+    queryParamsHandling = input(...(ngDevMode ? [undefined, { debugName: "queryParamsHandling" }] : []));
+    state = input(...(ngDevMode ? [undefined, { debugName: "state" }] : []));
+    info = input(...(ngDevMode ? [undefined, { debugName: "info" }] : []));
+    relativeTo = input(...(ngDevMode ? [undefined, { debugName: "relativeTo" }] : []));
+    skipLocationChange = input(false, ...(ngDevMode ? [{ debugName: "skipLocationChange", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    replaceUrl = input(false, ...(ngDevMode ? [{ debugName: "replaceUrl", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    mmLink = input(null, ...(ngDevMode ? [{ debugName: "mmLink" }] : []));
+    preloadOn = input(injectConfig().preloadOn, ...(ngDevMode ? [{ debugName: "preloadOn" }] : []));
+    useMouseDown = input(injectConfig().useMouseDown, ...(ngDevMode ? [{ debugName: "useMouseDown", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    beforeNavigate = input(...(ngDevMode ? [undefined, { debugName: "beforeNavigate" }] : []));
     preloading = output();
     urlTree = computed(() => {
         return inputToUrlTree(this.router, this.mmLink(), this.relativeTo(), this.queryParams(), this.fragment(), this.queryParamsHandling(), this.routerLink?.urlTree);
-    });
+    }, ...(ngDevMode ? [{ debugName: "urlTree" }] : []));
     fullPath = computed(() => {
         return treeToSerializedUrl(this.router, this.urlTree());
-    });
+    }, ...(ngDevMode ? [{ debugName: "fullPath" }] : []));
     onHover() {
         if (untracked(this.preloadOn) !== 'hover')
             return;
@@ -745,10 +745,10 @@ class LinkDirective {
         untracked(this.beforeNavigate)?.();
         return this.routerLink?.onClick(button, ctrlKey, shiftKey, altKey, metaKey);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: LinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.3", type: LinkDirective, isStandalone: true, selector: "[mmLink]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, fragment: { classPropertyName: "fragment", publicName: "fragment", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, skipLocationChange: { classPropertyName: "skipLocationChange", publicName: "skipLocationChange", isSignal: true, isRequired: false, transformFunction: null }, replaceUrl: { classPropertyName: "replaceUrl", publicName: "replaceUrl", isSignal: true, isRequired: false, transformFunction: null }, mmLink: { classPropertyName: "mmLink", publicName: "mmLink", isSignal: true, isRequired: false, transformFunction: null }, preloadOn: { classPropertyName: "preloadOn", publicName: "preloadOn", isSignal: true, isRequired: false, transformFunction: null }, useMouseDown: { classPropertyName: "useMouseDown", publicName: "useMouseDown", isSignal: true, isRequired: false, transformFunction: null }, beforeNavigate: { classPropertyName: "beforeNavigate", publicName: "beforeNavigate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preloading: "preloading" }, host: { listeners: { "mouseenter": "onHover()", "mousedown": "onMouseDown($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)", "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" } }, exportAs: ["mmLink"], hostDirectives: [{ directive: i1.RouterLink, inputs: ["routerLink", "mmLink", "target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "relativeTo", "relativeTo", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: LinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.0", type: LinkDirective, isStandalone: true, selector: "[mmLink]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, fragment: { classPropertyName: "fragment", publicName: "fragment", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, skipLocationChange: { classPropertyName: "skipLocationChange", publicName: "skipLocationChange", isSignal: true, isRequired: false, transformFunction: null }, replaceUrl: { classPropertyName: "replaceUrl", publicName: "replaceUrl", isSignal: true, isRequired: false, transformFunction: null }, mmLink: { classPropertyName: "mmLink", publicName: "mmLink", isSignal: true, isRequired: false, transformFunction: null }, preloadOn: { classPropertyName: "preloadOn", publicName: "preloadOn", isSignal: true, isRequired: false, transformFunction: null }, useMouseDown: { classPropertyName: "useMouseDown", publicName: "useMouseDown", isSignal: true, isRequired: false, transformFunction: null }, beforeNavigate: { classPropertyName: "beforeNavigate", publicName: "beforeNavigate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preloading: "preloading" }, host: { listeners: { "mouseenter": "onHover()", "mousedown": "onMouseDown($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)", "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" } }, exportAs: ["mmLink"], hostDirectives: [{ directive: i1.RouterLink, inputs: ["routerLink", "mmLink", "target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "relativeTo", "relativeTo", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: LinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: LinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mmLink]',
@@ -883,7 +883,7 @@ function queryParam(key) {
     const queryParams = toSignal(route.queryParams, {
         initialValue: route.snapshot.queryParams,
     });
-    const queryParam = computed(() => queryParamMap().get(keySignal()));
+    const queryParam = computed(() => queryParamMap().get(keySignal()), ...(ngDevMode ? [{ debugName: "queryParam" }] : []));
     const set = (newValue) => {
         const next = {
             ...untracked(queryParams),
@@ -930,14 +930,14 @@ class TitleStore {
     map = mutable(new Map());
     leafRoutes = injectLeafRoutes();
     constructor() {
-        const reverseLeaves = computed(() => this.leafRoutes().toReversed());
+        const reverseLeaves = computed(() => this.leafRoutes().toReversed(), ...(ngDevMode ? [{ debugName: "reverseLeaves" }] : []));
         const currentResolvedTitles = computed(() => {
             const map = this.map();
             return reverseLeaves()
                 .map((leaf) => map.get(leaf.path)?.() ?? leaf.route.title)
                 .filter((v) => !!v);
-        });
-        const currentTitle = computed(() => currentResolvedTitles().at(0) ?? '');
+        }, ...(ngDevMode ? [{ debugName: "currentResolvedTitles" }] : []));
+        const currentTitle = computed(() => currentResolvedTitles().at(0) ?? '', ...(ngDevMode ? [{ debugName: "currentTitle" }] : []));
         const heldTitle = injectTitleConfig().keepLastKnown
             ? linkedSignal({
                 source: () => currentTitle(),
@@ -955,10 +955,10 @@ class TitleStore {
     register(id, titleFn) {
         this.map.inline((m) => m.set(id, titleFn));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: TitleStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: TitleStore, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TitleStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TitleStore, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: TitleStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TitleStore, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -984,7 +984,7 @@ function createTitle(fn, awaitValue = false) {
         const titleSignal = typeof resolved === 'string'
             ? computed(() => resolved)
             : computed(resolved);
-        const parsedTitleSignal = computed(() => parser(titleSignal()));
+        const parsedTitleSignal = computed(() => parser(titleSignal()), ...(ngDevMode ? [{ debugName: "parsedTitleSignal" }] : []));
         store.register(fp, parsedTitleSignal);
         if (awaitValue)
             await until(parsedTitleSignal, (v) => !!v);