@magmonium/one 0.3.5 → 0.3.6

package/fesm2022/{magmonium-one-magmonium-one-CY3DM850.mjs → magmonium-one-magmonium-one-CCFg3oSr.mjs}

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, signal, computed, DestroyRef, DOCUMENT, ApplicationRef, RendererFactory2, createComponent, EnvironmentInjector, Pipe, ChangeDetectorRef, untracked, ElementRef, afterNextRender, input, ChangeDetectionStrategy, Component, effect, Injector, reflectComponentType, model, HostListener, Renderer2, Directive, output, viewChild, ViewEncapsulation, forwardRef, contentChild, TemplateRef, ViewContainerRef, inputBinding, outputBinding, linkedSignal, afterRenderEffect, runInInjectionContext, Input, booleanAttribute, HostAttributeToken, viewChildren, afterEveryRender, EventEmitter, Output, ViewChild, ContentChild, provideZonelessChangeDetection, makeEnvironmentProviders, HostBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { HttpClient, HttpParams, provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
-import { firstValueFrom, of, tap, catchError, throwError, shareReplay, finalize, map, forkJoin, Observable, pipe, interval, fromEvent, switchMap as switchMap$1, filter, EMPTY, Subject, combineLatest, race, take, from, startWith } from 'rxjs';
+import { HttpClient, HttpParams, HttpErrorResponse, provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
+import { firstValueFrom, of, tap, catchError, throwError, shareReplay, finalize, forkJoin, map, Observable, pipe, interval, fromEvent, switchMap as switchMap$1, filter, EMPTY, Subject, combineLatest, race, take, from, startWith } from 'rxjs';
 import { rxResource, toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { signalStore, withState, withMethods, patchState, withHooks, withComputed, withProps } from '@ngrx/signals';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
 import { map as map$1, switchMap, catchError as catchError$1 } from 'rxjs/operators';
 import { io } from 'socket.io-client';
-import { DefaultUrlSerializer, UrlSerializer, Router, NavigationEnd, RouterModule, RouterLink, provideRouter, withComponentInputBinding, withRouterConfig, RouterOutlet } from '@angular/router';
+import { DefaultUrlSerializer, UrlSerializer, PRIMARY_OUTLET, Router, NavigationEnd, RouterModule, RouterLink, UrlSegment, UrlSegmentGroup, UrlTree, provideRouter, withComponentInputBinding, withRouterConfig, RouterOutlet } from '@angular/router';
 import * as i1 from '@angular/common';
 import { APP_BASE_HREF, Location, NgOptimizedImage, IMAGE_LOADER, NgTemplateOutlet, CommonModule, NgComponentOutlet, DecimalPipe, NgClass, DatePipe, NgStyle } from '@angular/common';
 import { FormField, email, required, validate, minLength, maxLength, min, max, apply, form } from '@angular/forms/signals';
@@ -88,6 +88,11 @@ var AppRelationType;
 })(AppRelationType || (AppRelationType = {}));
 const LOGIN_COMPONENT = new InjectionToken('LOGIN_COMPONENT');
 const LOGIN_STORE = new InjectionToken('LOGIN_STORE');
+/**
+ * True inside a Remote's own bundle (`provideMagWcConfig`). Where it is mounted
+ * is the host's MountPattern, so the base href no longer tells a Remote apart.
+ */
+const WC_BUNDLE = new InjectionToken('WC_BUNDLE');
 const ASSET_BASE_URL = new InjectionToken('ASSET_BASE_URL');
 const ONE_ASSET_BASE_URL = new InjectionToken('ONE_ASSET_BASE_URL');
 const SEARCH_QUERY = new InjectionToken('SEARCH_QUERY');
@@ -165,15 +170,44 @@ function isUrlLocalhost(url) {
     }
 }
 
+const tierWindow = () => typeof window !== 'undefined' ? window : undefined;
+/** Pins an AppLink to a tier, or back to its status folder with `undefined`. */
+function setWcTier(remoteId, tier) {
+    const win = tierWindow();
+    if (!win)
+        return;
+    const tiers = { ...(win.__MAGMONIUM_WC_TIERS__ ?? {}) };
+    if (tier)
+        tiers[remoteId] = tier;
+    else
+        delete tiers[remoteId];
+    win.__MAGMONIUM_WC_TIERS__ = tiers;
+}
+function wcTierOf(remoteId) {
+    return tierWindow()?.__MAGMONIUM_WC_TIERS__?.[remoteId];
+}
+/** Which tier's bundle defined a tag — `status` for the app's status folder. */
+function definedWcTierOf(selector) {
+    return tierWindow()?.__MAGMONIUM_WC_DEFINED_TIERS__?.[selector];
+}
+function recordDefinedWcTier(selector, tier) {
+    const win = tierWindow();
+    if (!win)
+        return;
+    win.__MAGMONIUM_WC_DEFINED_TIERS__ = {
+        ...(win.__MAGMONIUM_WC_DEFINED_TIERS__ ?? {}),
+        [selector]: tier,
+    };
+}
 function buildWcBaseUrl(apiUrl, remoteId) {
-    if (typeof window !== 'undefined' &&
-        window.__MAGMONIUM_STANDALONE__) {
+    if (tierWindow()?.__MAGMONIUM_STANDALONE__) {
         return '/assets';
     }
     if (isLocalhost) {
         return `/local-dist/m-${remoteId}-wc`;
     }
-    return `${apiUrl}/store/v1/wc/${remoteId}`;
+    const tier = wcTierOf(remoteId);
+    return `${apiUrl}/store/v1/wc/${remoteId}${tier ? `/${tier}` : ''}`;
 }
 
 /** Access domains — routed to Auth URL when it differs from Backend URL (ADR 0012). */
@@ -268,7 +302,8 @@ class HttpService {
         if (isLocalhost) {
             return this.http.get(`/local-dist/m-${link}-wc/${filePath.join('/')}`);
         }
-        return this.get('store', ['wc', link, ...filePath]);
+        const tier = wcTierOf(link);
+        return this.get('store', ['wc', link, ...(tier ? [tier] : []), ...filePath]);
     }
     buildWcUrl(link) {
         return buildWcBaseUrl(this.url, link);
@@ -834,15 +869,27 @@ class TranslateService {
     remoteAppId = signal(undefined, ...(ngDevMode ? [{ debugName: "remoteAppId" }] : /* istanbul ignore next */ []));
     httpService = inject(HttpService);
     assetStore = inject(AssetStore);
+    /**
+     * Every Remote mounted beside m-ui's single slot, counted per link so one
+     * app mounted twice stays loaded until both mounts leave (ADR 0036).
+     */
+    mountedApps = signal({}, ...(ngDevMode ? [{ debugName: "mountedApps" }] : /* istanbul ignore next */ []));
+    mountRemoteApp = (link) => this.mountedApps.update((apps) => ({ ...apps, [link]: (apps[link] ?? 0) + 1 }));
+    unmountRemoteApp = (link) => this.mountedApps.update(({ [link]: count = 0, ...rest }) => count > 1 ? { ...rest, [link]: count - 1 } : rest);
+    remoteAppIds = computed(() => [
+        ...new Set([
+            ...(this.remoteAppId() ? [this.remoteAppId()] : []),
+            ...Object.keys(this.mountedApps()),
+        ]),
+    ], { ...(ngDevMode ? { debugName: "remoteAppIds" } : /* istanbul ignore next */ {}), equal: (a, b) => a.length === b.length && a.every((v, i) => v === b[i]) });
     remoteTranslation = rxResource({
-        params: () => ({ lang: this.lang(), appId: this.remoteAppId() }),
-        stream: ({ params: { lang, appId } }) => {
-            if (!appId)
+        params: () => ({ lang: this.lang(), appIds: this.remoteAppIds() }),
+        stream: ({ params: { lang, appIds } }) => {
+            if (!appIds.length)
                 return of({});
-            const baseUrl = this.httpService.buildWcAssetBaseUrl(appId);
-            return this.httpService
-                .asset(['i18n', lang], Assets.JSON, undefined, baseUrl)
-                .pipe(catchError(() => of({})));
+            return forkJoin(appIds.map((appId) => this.httpService
+                .asset(['i18n', lang], Assets.JSON, undefined, this.httpService.buildWcAssetBaseUrl(appId))
+                .pipe(catchError(() => of({}))))).pipe(map((bundles) => Object.assign({}, ...bundles)));
         },
     });
     langs = rxResource({
@@ -4124,6 +4171,19 @@ function deriveBreadcrumb(params) {
     };
 }
 
+/**
+ * The mount a host-scoped NavId belongs to — the deepest one, so a Remote
+ * mounted inside another Remote answers for its own subtree.
+ */
+const mountFor = (navId, mounts) => mounts
+    .filter((mount) => toLocalNavId(navId, mount.appNavId) !== undefined)
+    .sort((a, b) => b.appNavId.length - a.appNavId.length)[0];
+
+/** One chain can cross the host and several Remotes, so the mount is per NavId. */
+const mountIn = (navId, ctx) => mountFor(navId, ctx.mounts ??
+    (ctx.appNavId && ctx.appLink
+        ? [{ name: ctx.appLink, link: ctx.appLink, appNavId: ctx.appNavId }]
+        : []));
 class GetNavService {
     httpService = inject(HttpService);
     assetStore = inject(AssetStore);
@@ -4168,11 +4228,11 @@ class GetNavService {
         ? forkJoin(navIds.map((id) => this.fetchNav(id, ctx))).pipe(map((pairs) => Object.fromEntries(pairs.filter(Boolean))))
         : of({});
     fetchNav = (navId, ctx) => {
-        const { appNavId, appLink } = ctx;
-        const localId = appNavId && appLink ? toLocalNavId(navId, appNavId) : undefined;
-        const nav$ = localId && appLink
+        const mount = mountIn(navId, ctx);
+        const localId = mount ? toLocalNavId(navId, mount.appNavId) : undefined;
+        const nav$ = localId && mount
             ? this.httpService
-                .asset(['navs', localId], Assets.JSON, undefined, this.httpService.buildWcUrl(appLink))
+                .asset(['navs', localId], Assets.JSON, undefined, this.httpService.buildWcUrl(mount.link))
                 .pipe(catchError(() => of(undefined)))
             : this.assetStore
                 .resolve('navs', navId)
@@ -4185,7 +4245,7 @@ class GetNavService {
                 const seed = unfetchedPlatformNav(navId);
                 return seed ? [navId, seed] : undefined;
             }
-            return [navId, this.rebase(nav, navId, ctx)];
+            return [navId, this.rebase(nav, navId, mount?.appNavId)];
         }));
     };
     /**
@@ -4198,10 +4258,11 @@ class GetNavService {
      * panel the library ships (ADR 0016). A Remote's root is not the host's root
      * and takes no platform children.
      */
-    rebase = (nav, navId, { appNavId }) => {
-        if (!appNavId || navId === appNavId) {
+    rebase = (nav, navId, appNavId) => {
+        // A mount's own root is rebased too: its children arrive root-relative
+        // (`root_book`), and left alone they named host nodes nothing holds.
+        if (!appNavId)
             return mergePlatformNav({ ...nav, navId }, navId);
-        }
         return {
             ...nav,
             navId,
@@ -4224,6 +4285,8 @@ const initialState$3 = {
     murl: [],
     appLink: undefined,
     appNavId: undefined,
+    mounts: {},
+    outlets: [],
     navOpenedByUser: false,
     menuNavId: undefined,
     keepPanelOnPathChange: false,
@@ -4292,6 +4355,16 @@ const visibilityKey = (navId, params) => `${navId}|${Object.keys(params)
     .map((name) => `${name}=${params[name]}`)
     .join('&')}`;
 const isPromise$1 = (value) => typeof value?.then === 'function';
+const urlSerializer = new DefaultUrlSerializer();
+/** The auxiliary segment names at the URL's root, the primary path aside. */
+const outletsOf = (url) => {
+    try {
+        return Object.keys(urlSerializer.parse(url).root.children).filter((name) => name !== PRIMARY_OUTLET);
+    }
+    catch {
+        return [];
+    }
+};
 const murlOf = (root) => {
     const raw = root.queryParams?.[MURL_PARAM];
     return typeof raw === 'string' ? raw.split(MURL_SEP).filter(Boolean) : [];
@@ -4330,6 +4403,64 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         const rooted = navIdFor(ROOT_NAV$1, murl);
         return anchored === rooted ? [anchored] : [anchored, rooted];
     }, ...(ngDevMode ? [{ debugName: "widgetNavIds" }] : /* istanbul ignore next */ []));
+    /** The m-ui slot first, then every named mount (ADR 0036). */
+    const allMounts = computed(() => {
+        const appLink = store.appLink();
+        const appNavId = store.appNavId();
+        const mounts = Object.values(store.mounts());
+        return appLink && appNavId && !store.mounts()[appLink]
+            ? [{ name: appLink, link: appLink, appNavId }, ...mounts]
+            : mounts;
+    }, ...(ngDevMode ? [{ debugName: "allMounts" }] : /* istanbul ignore next */ []));
+    /**
+     * The side apps the menu lists, in mount order: a registered mount whose
+     * segment the URL holds, then any segment no mount has claimed yet —
+     * drawn under its name until one does (ADR 0038).
+     */
+    const menuMounts = computed(() => {
+        const outlets = store.outlets();
+        const mounts = Object.values(store.mounts());
+        const listed = mounts
+            .filter((m) => m.createMenu &&
+            (m.urlMode === 'tail' ||
+                (m.urlMode === 'outlet' && outlets.includes(m.name))))
+            .map((m) => ({ name: m.name, appNavId: m.appNavId, link: m.link }));
+        const unclaimed = outlets
+            .filter((name) => !store.mounts()[name])
+            .map((name) => ({ name, appNavId: `root_app_${name}`, link: undefined }));
+        return [...listed, ...unclaimed];
+    }, ...(ngDevMode ? [{ debugName: "menuMounts" }] : /* istanbul ignore next */ []));
+    /** The map the menu reads: the tree, with each listed side app under root. */
+    const menuNavMap = computed(() => {
+        const navMap = store.navMap();
+        const listed = menuMounts();
+        if (!listed.length)
+            return navMap;
+        const configs = store.wcConfigMap();
+        const root = navMap[ROOT_NAV$1];
+        const extra = listed.map(({ name, appNavId, link }) => {
+            const fetched = navMap[appNavId];
+            const config = link ? configs[link] : undefined;
+            const node = {
+                ...(fetched ?? { kind: 'url', presentation: 'static' }),
+                navId: appNavId,
+                title: config?.app ?? fetched?.title ?? name,
+                ...(config?.logo ? { logo: config.logo } : {}),
+            };
+            return node;
+        });
+        return {
+            ...navMap,
+            ...Object.fromEntries(extra.map((node) => [node.navId, node])),
+            [ROOT_NAV$1]: {
+                ...root,
+                children: [
+                    ...(root?.children ?? []).filter((id) => !extra.some((node) => node.navId === id)),
+                    ...extra.map((node) => node.navId),
+                ],
+            },
+        };
+    }, ...(ngDevMode ? [{ debugName: "menuNavMap" }] : /* istanbul ignore next */ []));
     const hasMurl = computed(() => store.murl().length > 0, ...(ngDevMode ? [{ debugName: "hasMurl" }] : /* istanbul ignore next */ []));
     const isNavOpened = computed(() => hasMurl() || store.navOpenedByUser(), ...(ngDevMode ? [{ debugName: "isNavOpened" }] : /* istanbul ignore next */ []));
     const isMNavOpened = hasMurl;
@@ -4356,18 +4487,17 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
      * panel, so the candidate list the open panel walks would never reach them.
      */
     const entryAt = (candidate) => {
-        const appNavId = store.appNavId();
-        const appLink = store.appLink();
         const maps = navWidgetMaps ?? [];
         const navId = candidate;
-        if (appLink && appNavId) {
-            const registered = store.remoteWidgets()[appLink];
-            const localId = toLocalNavId(navId, appNavId);
-            if (registered && localId) {
-                const entry = registered.widgetMap()[localId];
-                if (entry)
-                    return { entry, remote: true };
-            }
+        // Registrations are per app, not per mount: two mounts of one link share
+        // one widget map, each reading it through its own prefix.
+        const mount = mountFor(navId, allMounts());
+        if (mount) {
+            const registered = store.remoteWidgets()[mount.link];
+            const localId = toLocalNavId(navId, mount.appNavId);
+            const entry = registered?.widgetMap()[localId];
+            if (entry)
+                return { entry, remote: true };
         }
         for (let i = maps.length - 1; i >= 0; i--) {
             const entry = maps[i]()[navId];
@@ -4607,7 +4737,7 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         const emittedMenu = menuConfig?.navMenu();
         return deriveBreadcrumb({
             navId: panelNavId(),
-            navMap: store.navMap(),
+            navMap: menuNavMap(),
             anchor: { navId: store.routeNavId() ?? ROOT_NAV$1, path: store.path() },
             dynamicRows: dynamicRows(),
             instances: dynamicInstances(),
@@ -4647,6 +4777,8 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
     }, ...(ngDevMode ? [{ debugName: "navHasContent" }] : /* istanbul ignore next */ []));
     return {
         id,
+        allMounts,
+        menuMounts,
         panelNavId,
         hasMurl,
         isNavOpened,
@@ -4667,7 +4799,9 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
     const localDefaultNavId = inject(NAV_DEFAULT_MURL, { optional: true });
     const appBaseHref = inject(APP_BASE_HREF, { optional: true }) ?? '/';
     const location = inject(Location);
+    const translateService = inject(TranslateService);
     const router = store.router;
+    const mountOf = (navId) => mountFor(navId, untracked(() => store.allMounts()));
     /** Address for a NavId, anchored to where we stand when it applies. */
     const addressFor = (navId, params) => renderAddress(navId, store.navMap(), { navId: store.routeNavId() ?? ROOT_NAV$1, path: store.path() }, params);
     /**
@@ -4679,6 +4813,16 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
      * must not clear `navOpenedByUser`, so the panel stays up on root.
      */
     const goToNav = (navId, params, options) => {
+        // A side app's own Nav moves that app; it reports, and its m-remote
+        // writes the URL through `out` — one write path, not two.
+        const mount = mountOf(navId);
+        if (mount?.navigate) {
+            const map = untracked(() => store.navMap());
+            const own = navIdToRoutePath(mount.appNavId, map);
+            const full = navIdToRoutePath(navId, map);
+            mount.navigate(full.slice(own === URL_SEP ? 1 : own.length + 1));
+            return;
+        }
         const wasOpen = untracked(() => store.hasMurl());
         patchState(store, { menuNavId: undefined });
         const address = addressFor(navId, params);
@@ -4701,11 +4845,15 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
      * 0015); where the map holds the host-scoped key instead, that is the one.
      */
     const knownNavId = (navId) => {
-        const appNavId = untracked(() => store.appNavId());
-        if (untracked(() => store.navMap())[navId] || !appNavId)
+        const map = untracked(() => store.navMap());
+        if (map[navId])
             return navId;
-        const hosted = toHostNavId(navId, appNavId);
-        return untracked(() => store.navMap())[hosted] ? hosted : navId;
+        for (const { appNavId } of untracked(() => store.allMounts())) {
+            const hosted = toHostNavId(navId, appNavId);
+            if (map[hosted])
+                return hosted;
+        }
+        return navId;
     };
     /** The route parameter one Nav contributes, read off the map. */
     const paramNameOf = (navId) => navParamOf(untracked(() => store.navMap())[knownNavId(navId)]);
@@ -4781,11 +4929,13 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         const routeChain = routeChainOf(snapshot.root);
         const murl = murlOf(snapshot.root);
         const path = router.url.split(MURL_SEP)[0].split('?')[0];
+        const outlets = outletsOf(router.url);
         untracked(() => {
             const pathChanged = path !== store.path();
             const keepPanel = store.keepPanelOnPathChange();
             patchState(store, {
                 path,
+                outlets,
                 routeNavId,
                 routeParams,
                 routeChain,
@@ -4841,6 +4991,40 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         });
         loadWcConfig(appLink);
     };
+    const registerMount = (mount) => {
+        const previous = untracked(() => store.mounts())[mount.name];
+        if (previous)
+            translateService.unmountRemoteApp(previous.link);
+        patchState(store, (state) => ({
+            mounts: { ...state.mounts, [mount.name]: mount },
+        }));
+        translateService.mountRemoteApp(mount.link);
+        loadWcConfig(mount.link);
+        if (mount.createMenu)
+            loadMountNav(mount);
+    };
+    /**
+     * A listed side app's root and its children, fetched beside whatever the
+     * page is loading rather than through `loadNav`, whose switchMap would
+     * cancel the page's own fetch.
+     */
+    const loadMountNav = (mount) => getNavService
+        .getNav(mount.appNavId, untracked(() => store.navMap()), {
+        mounts: untracked(() => store.allMounts()),
+    })
+        .subscribe((delta) => patchState(store, (state) => ({
+        navMap: { ...state.navMap, ...delta },
+    })));
+    /** The node leaves with the mount; the fetched navs and config stay cached. */
+    const unregisterMount = (name) => {
+        const mount = untracked(() => store.mounts())[name];
+        if (!mount)
+            return;
+        translateService.unmountRemoteApp(mount.link);
+        patchState(store, (state) => ({
+            mounts: Object.fromEntries(Object.entries(state.mounts).filter(([key]) => key !== name)),
+        }));
+    };
     const registerWidgets = (appLink, entry) => {
         patchState(store, (state) => ({
             remoteWidgets: { ...state.remoteWidgets, [appLink]: entry },
@@ -4891,6 +5075,7 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         .getNav(navId, untracked(() => store.navMap()), {
         appNavId,
         appLink: untracked(() => store.appLink()),
+        mounts: untracked(() => store.allMounts()),
     })
         .pipe(tap((delta) => {
         if (!Object.keys(delta).length)
@@ -4922,6 +5107,9 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         toggleMenu,
         setSelected,
         setAppLink,
+        registerMount,
+        unregisterMount,
+        mountOf,
         setWcConfig,
         loadWcConfig,
         loadNav,
@@ -5015,6 +5203,28 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
                     }
                 });
             });
+            // A remote segment nobody mounted — a stale link, a closed side app
+            // whose clear never ran — leaves once the app has settled, so the URL
+            // says only what is on screen. The app's own named outlets are not ours.
+            const appRef = inject(ApplicationRef);
+            effect(() => {
+                const outlets = store.outlets();
+                if (!outlets.length)
+                    return;
+                untracked(() => appRef.whenStable().then(() => {
+                    const mounts = store.mounts();
+                    const config = store.router.config ?? [];
+                    for (const name of store.outlets()) {
+                        if (mounts[name])
+                            continue;
+                        const ours = config.some((route) => route.outlet === name && route.data?.['remoteOutlet']);
+                        if (ours)
+                            store.router.navigate([{ outlets: { [name]: null } }], {
+                                replaceUrl: true,
+                            });
+                    }
+                }));
+            });
             store.loadNav(computed(() => ({
                 navId: store.id(),
                 appNavId: store.appNavId(),
@@ -5201,6 +5411,7 @@ const SHARED_ICONS = [
     'layers',
     'layouts',
     'link',
+    'link-broken',
     'list',
     'loading',
     'loading-bars',
@@ -7464,7 +7675,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-aWv0EPWO.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-DUaDJWDm.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -7476,12 +7687,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-BzC17fOd.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-BAO_KJTn.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-BsBQwXEa.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-DWxgKMy4.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -18009,7 +18220,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * A Remote reporting its own route, dispatched on its element and bubbling —
+ * two mounts of one app share an appId, their elements they do not.
+ */
 const WC_ROUTE_CHANGED_EVENT = 'mag-wc-route-changed';
+/** The host moving a Remote to one of its own paths, dispatched on its element. */
+const WC_NAVIGATE_EVENT = 'mag-wc-navigate';
 const WcRouterStore = signalStore({ providedIn: 'root' }, withState({ url: [] }), withMethods((state, router = inject(Router)) => ({
     setExtra: (path) => {
         if (path === undefined)
@@ -18036,6 +18253,10 @@ const WcRouterStore = signalStore({ providedIn: 'root' }, withState({ url: [] })
 class BaseRootWebComponent extends BaseWebComponent {
     router = inject(Router);
     extra = input(...(ngDevMode ? [undefined, { debugName: "extra" }] : /* istanbul ignore next */ []));
+    /** Handed down by the mounting m-remote: where it is mounted is the host's to say. */
+    appLink = input(...(ngDevMode ? [undefined, { debugName: "appLink" }] : /* istanbul ignore next */ []));
+    /** The host path it is mounted under, when the host synced it through a MountPattern. */
+    base = input(...(ngDevMode ? [undefined, { debugName: "base" }] : /* istanbul ignore next */ []));
     lang = input(...(ngDevMode ? [undefined, { debugName: "lang" }] : /* istanbul ignore next */ []));
     query = input(...(ngDevMode ? [undefined, { debugName: "query" }] : /* istanbul ignore next */ []));
     navWidgetMaps = inject(NAV_WIDGET_MAP, { optional: true });
@@ -18048,10 +18269,11 @@ class BaseRootWebComponent extends BaseWebComponent {
     assetStore = inject(AssetStore);
     searchQuery = inject(SEARCH_QUERY, { optional: true });
     searchGroups = inject(WC_SEARCH_GROUPS, { optional: true });
+    /** The custom element itself: the one channel two mounts of this app do not share. */
+    host = inject(ElementRef).nativeElement;
     constructor() {
         super();
         effect(() => {
-            // eslint-disable-next-line @angular-eslint/no-uncalled-signals
             if (this.searchQuery) {
                 const q = this.query();
                 if (q !== undefined) {
@@ -18081,28 +18303,41 @@ class BaseRootWebComponent extends BaseWebComponent {
                 }
             });
         });
-        const appIdMatch = this.appBaseHref?.match(/^\/app\/([^/]+)/);
-        if (appIdMatch) {
-            this.assetStore.setAppLink(appIdMatch[1]);
-        }
-        if (this.navWidgetMaps?.length && appIdMatch) {
-            this.registerCustomElements();
-            const maps = this.navWidgetMaps;
-            const mergedValue = maps.reduce((acc, m) => ({ ...acc, ...m() }), {});
-            registerNavWidgets(appIdMatch[1], signal(mergedValue), this.injector, this.defaultNavId ?? undefined);
-        }
-        if (this.userTabMap && appIdMatch) {
-            this.registerUserTabElements(appIdMatch[1]);
-        }
-        // eslint-disable-next-line @angular-eslint/no-uncalled-signals
-        if (this.searchGroups && appIdMatch) {
-            const appId = appIdMatch[1];
-            const searchGroups = this.searchGroups;
-            effect(() => {
-                const groups = searchGroups();
-                window.dispatchEvent(new CustomEvent(SEARCH_RESULTS_EVENT, { detail: { appId, groups } }));
-            });
-        }
+        // The AppLink arrives as the `appLink` input from m-remote, which knows the
+        // host's MountPattern. The `/app/<link>` base href stays as the fallback for
+        // a host that passes none, and is read now, before any input lands.
+        let appId;
+        const bindApp = (id) => {
+            appId = id;
+            this.assetStore.setAppLink(id);
+            if (this.navWidgetMaps?.length) {
+                this.registerCustomElements();
+                const maps = this.navWidgetMaps;
+                const mergedValue = maps.reduce((acc, m) => ({ ...acc, ...m() }), {});
+                registerNavWidgets(id, signal(mergedValue), this.injector, this.defaultNavId ?? undefined);
+            }
+            if (this.userTabMap) {
+                this.registerUserTabElements(id);
+            }
+            if (this.searchGroups) {
+                const searchGroups = this.searchGroups;
+                effect(() => {
+                    const groups = searchGroups();
+                    const base = this.base();
+                    window.dispatchEvent(new CustomEvent(SEARCH_RESULTS_EVENT, {
+                        detail: { appId: id, groups, ...(base ? { base } : {}) },
+                    }));
+                }, { injector: this.injector });
+            }
+        };
+        const fromBaseHref = this.appBaseHref?.match(/^\/app\/([^/]+)/)?.[1];
+        if (fromBaseHref)
+            bindApp(fromBaseHref);
+        effect(() => {
+            const id = this.appLink();
+            if (id && !appId)
+                untracked(() => bindApp(id));
+        });
         // Run initial sync when router is ready
         this.router.initialNavigation();
         const initialPath = this.extra();
@@ -18111,19 +18346,29 @@ class BaseRootWebComponent extends BaseWebComponent {
                 skipLocationChange: true,
             });
         }
-        // Notify host NavStore when WC navigates internally
-        if (typeof window !== 'undefined' && appIdMatch) {
-            const appId = appIdMatch[1];
-            const destroyRef = inject(DestroyRef);
-            const sub = this.router.events
-                .pipe(filter((e) => e instanceof NavigationEnd))
-                .subscribe(({ urlAfterRedirects }) => {
-                window.dispatchEvent(new CustomEvent(WC_ROUTE_CHANGED_EVENT, {
-                    detail: { appId, path: urlAfterRedirects },
-                }));
-            });
-            destroyRef.onDestroy(() => sub.unsubscribe());
-        }
+        // Report every settled route on this element, bubbling: the m-remote that
+        // mounted it listens there (ADR 0038), anything above still hears it.
+        const destroyRef = inject(DestroyRef);
+        const sub = this.router.events
+            .pipe(filter((e) => e instanceof NavigationEnd))
+            .subscribe(({ urlAfterRedirects }) => {
+            this.host.dispatchEvent(new CustomEvent(WC_ROUTE_CHANGED_EVENT, {
+                bubbles: true,
+                composed: true,
+                detail: { appId, path: urlAfterRedirects },
+            }));
+        });
+        // The host moving this remote — a path binding or a menu click.
+        const onNavigate = (event) => {
+            const path = event.detail?.path;
+            if (path !== undefined)
+                this.router.navigateByUrl(path, { skipLocationChange: true });
+        };
+        this.host.addEventListener(WC_NAVIGATE_EVENT, onNavigate);
+        destroyRef.onDestroy(() => {
+            sub.unsubscribe();
+            this.host.removeEventListener(WC_NAVIGATE_EVENT, onNavigate);
+        });
     }
     registerCustomElements() {
         for (const component of this.wcComponents ?? []) {
@@ -18163,7 +18408,7 @@ class BaseRootWebComponent extends BaseWebComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseRootWebComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: BaseRootWebComponent, isStandalone: true, selector: "ng-component", inputs: { extra: { classPropertyName: "extra", publicName: "extra", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: BaseRootWebComponent, isStandalone: true, selector: "ng-component", inputs: { extra: { classPropertyName: "extra", publicName: "extra", isSignal: true, isRequired: false, transformFunction: null }, appLink: { classPropertyName: "appLink", publicName: "appLink", isSignal: true, isRequired: false, transformFunction: null }, base: { classPropertyName: "base", publicName: "base", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseRootWebComponent, decorators: [{
             type: Component,
@@ -18171,7 +18416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: () => [], propDecorators: { extra: [{ type: i0.Input, args: [{ isSignal: true, alias: "extra", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { extra: [{ type: i0.Input, args: [{ isSignal: true, alias: "extra", required: false }] }], appLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "appLink", required: false }] }], base: [{ type: i0.Input, args: [{ isSignal: true, alias: "base", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }] } });
 
 const getRootRoute = (snapshot) => {
     let root = snapshot.root;
@@ -22107,7 +22352,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-aWv0EPWO.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-DUaDJWDm.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -22119,12 +22364,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-BzC17fOd.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-BAO_KJTn.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-BsBQwXEa.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-DWxgKMy4.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -23831,7 +24076,7 @@ class FileUploadInputComponent extends BaseInputComponent {
         const modalStore = this.modalStore;
         if (!modalStore)
             return undefined;
-        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-Bc5gaTcA.mjs');
+        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-DOHQLwOd.mjs');
         const ratio = String(this.config()?.ratio ?? '');
         return new Promise((resolve) => {
             const modalRef = new ModalRef();
@@ -26302,6 +26547,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     }, styles: [":host{display:block;width:100%}.m-section-carousel{display:flex;flex-direction:column;gap:.75rem;width:100%}.m-section-carousel__viewport{position:relative;flex:1;min-width:0;overflow:hidden;max-height:var(--m-section-carousel-max-height, none);touch-action:pan-y}.m-section-carousel__track{display:flex;width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.m-section-carousel__track--dragging{transition:none}.m-section-carousel__slide{flex:0 0 100%;min-width:0;max-height:var(--m-section-carousel-max-height, none);overflow:hidden}.m-section-carousel__indicators{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.m-section-carousel__indicator{appearance:none;border:none;padding:0;cursor:pointer;width:.5rem;height:.5rem;border-radius:50%;background:var(--m-section-carousel-indicator, currentColor);opacity:.35;transition:opacity .2s ease,width .2s ease,background .2s ease}.m-section-carousel__indicator--capsule{width:1.25rem;height:.375rem;border-radius:999px}.m-section-carousel__indicator--active{opacity:1}.m-section-carousel__indicator--capsule.m-section-carousel__indicator--active{width:2rem}.m-section-carousel--indicator-top{flex-direction:column-reverse}.m-section-carousel--indicator-left{flex-direction:row-reverse;align-items:center}.m-section-carousel--indicator-right{flex-direction:row;align-items:center}.m-section-carousel--indicator-left .m-section-carousel__indicators,.m-section-carousel--indicator-right .m-section-carousel__indicators{flex-direction:column}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], indicatorShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorShape", required: false }] }], autoPlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoPlay", required: false }] }], interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], pauseOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseOnHover", required: false }] }], drag: [{ type: i0.Input, args: [{ isSignal: true, alias: "drag", required: false }] }], slideChange: [{ type: i0.Output, args: ["slideChange"] }], itemChange: [{ type: i0.Output, args: ["itemChange"] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 
+/** The Store's own link rule (m-api `LINK_SLUG_PATTERN`) — ADR 0037. */
+const LINK_SLUG = /^[a-z0-9-]+$/;
+const ELEMENT_TIMEOUT_MS = 15_000;
 class RemoteLoaderService {
     httpService = inject(HttpService);
     loginStore = inject(LOGIN_STORE, { optional: true });
@@ -26361,28 +26609,67 @@ class RemoteLoaderService {
             assetBaseUrl: wcBase,
         };
     }
+    /**
+     * Loads a Remote by its Store link: the slug is checked before anything is
+     * fetched, because the link is concatenated into a module-script URL.
+     */
+    loadFromLink = async (link, useShadow = false, props, children) => {
+        if (!LINK_SLUG.test(link))
+            return { reason: 'invalid-link' };
+        let config;
+        try {
+            config = await firstValueFrom(this.httpService.wc(link, ['remote', 'app-wc.json']));
+        }
+        catch (error) {
+            const status = error instanceof HttpErrorResponse ? error.status : 0;
+            return status
+                ? { reason: 'config-not-found', status }
+                : { reason: 'offline' };
+        }
+        // The validated link, never the answer's own: the script URL is built from it.
+        return this.mount({ ...config, link }, useShadow, props, children);
+    };
     loadComponentFromConfig = async (config, useShadow = false, props, children) => {
+        const { element, assetBaseUrl } = await this.mount(config, useShadow, props, children);
+        return element ? { element, assetBaseUrl: assetBaseUrl ?? '' } : undefined;
+    };
+    /** Logged out answers nothing at all — not a failure, the login effect reloads. */
+    mount = async (config, useShadow, props, children) => {
+        if (this.loginStore && !this.loginStore.isLoggedIn()) {
+            console.warn(`Attempted to load component ${config.selector} without authentication`);
+            return {};
+        }
+        const { scriptUrl, assetBaseUrl } = this.resolveUrls(config);
+        if (!scriptUrl)
+            return { reason: 'script-failed' };
+        // A tag already defined by another tier's bundle would hand back that
+        // tier's element under this one's name — refused, never mounted silently.
+        const tier = (config.link && wcTierOf(config.link)) || 'status';
+        const wasDefined = !!customElements.get(config.selector);
+        const definedAs = definedWcTierOf(config.selector);
+        if (wasDefined && definedAs && definedAs !== tier) {
+            return { reason: 'tier-conflict' };
+        }
         try {
-            if (this.loginStore && !this.loginStore.isLoggedIn()) {
-                console.warn(`Attempted to load component ${config.selector} without authentication`);
-                return undefined;
-            }
-            const { scriptUrl, assetBaseUrl } = this.resolveUrls(config);
-            if (!scriptUrl)
-                return undefined;
             await this.loadScript(scriptUrl);
-            await Promise.race([
-                customElements.whenDefined(config.selector),
-                new Promise((_, reject) => setTimeout(() => reject(new Error(`${config.selector}: registration timeout`)), 15_000)),
-            ]);
-            const element = this.create(config.selector, props || {}, children || [], useShadow);
-            if (!element)
-                return undefined;
-            return { element, assetBaseUrl };
         }
         catch {
-            return undefined;
+            return { reason: 'script-failed' };
         }
+        let timer;
+        const defined = await Promise.race([
+            customElements.whenDefined(config.selector).then(() => true),
+            new Promise((resolve) => {
+                timer = setTimeout(() => resolve(false), ELEMENT_TIMEOUT_MS);
+            }),
+        ]);
+        clearTimeout(timer);
+        if (!defined)
+            return { reason: 'element-timeout' };
+        if (!wasDefined)
+            recordDefinedWcTier(config.selector, tier);
+        const element = this.create(config.selector, props || {}, children || [], useShadow);
+        return element ? { element, assetBaseUrl, config } : { reason: 'element-timeout' };
     };
     async loadScript(url) {
         if (document.querySelector(`script[data-wc-src="${url}"]`)) {
@@ -26427,23 +26714,242 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * The token each non-static kind is written as — in the `mount` attribute
+ * codegen emits and in the editor's stored list alike. None is a URL segment a
+ * static could hold: braces and `*` are refused there.
+ */
+const MOUNT_TOKEN = {
+    dynamic: '*',
+    appLink: '{appLink}',
+    navUrl: '{navUrl}',
+};
+/** What a `static` segment may hold: one plain URL segment. */
+const MOUNT_STATIC_SEGMENT = /^[A-Za-z0-9._~-]+$/;
+const mountSegmentOf = (token) => {
+    const kind = Object.keys(MOUNT_TOKEN).find((k) => MOUNT_TOKEN[k] === token);
+    return kind ? { kind } : { kind: 'static', value: token };
+};
+const mountTokenOf = (segment) => segment.kind === 'static' ? (segment.value ?? '').trim() : MOUNT_TOKEN[segment.kind];
+/** `store/app/{appLink}/manage/beta/{navUrl}` → its segments. */
+const parseMountPattern = (text) => text.split('/').map((t) => t.trim()).filter(Boolean).map(mountSegmentOf);
+const mountPatternText = (pattern) => pattern.map(mountTokenOf).join('/');
+const mountPatternProblem = (pattern) => {
+    const navUrls = pattern.filter((s) => s.kind === 'navUrl').length;
+    if (navUrls === 0)
+        return 'no-nav-url';
+    if (navUrls > 1)
+        return 'many-nav-urls';
+    if (pattern[pattern.length - 1].kind !== 'navUrl')
+        return 'nav-url-not-last';
+    if (pattern.filter((s) => s.kind === 'appLink').length > 1)
+        return 'many-app-links';
+    if (pattern.some((s) => s.kind === 'static' && !MOUNT_STATIC_SEGMENT.test(s.value?.trim() ?? '')))
+        return 'bad-static';
+    if (pattern.length < 2)
+        return 'no-prefix';
+    return undefined;
+};
+/**
+ * Where the host's primary path stands against a pattern — `null` when it does
+ * not reach the `navUrl`, so a Remote never reads a navUrl off a stranger's URL.
+ */
+const matchMount = (segments, pattern) => {
+    if (mountPatternProblem(pattern))
+        return null;
+    const prefix = pattern.slice(0, -1);
+    if (segments.length < prefix.length)
+        return null;
+    let appLink;
+    for (let i = 0; i < prefix.length; i++) {
+        const { kind, value } = prefix[i];
+        if (kind === 'static' && segments[i] !== value?.trim())
+            return null;
+        if (kind === 'appLink')
+            appLink = segments[i];
+    }
+    return {
+        ...(appLink !== undefined ? { appLink } : {}),
+        navUrl: segments.slice(prefix.length).join('/'),
+        base: '/' + segments.slice(0, prefix.length).join('/'),
+    };
+};
+
+/** `coins/7?sort=desc` → its path segments and its query. */
+const splitPath = (path) => {
+    const [rawPath, rawQuery = ''] = path.replace(/^\//, '').split('?');
+    return {
+        segments: rawPath.split('/').filter(Boolean),
+        query: Object.fromEntries(new URLSearchParams(rawQuery)),
+    };
+};
+/**
+ * Where one mounted Remote's route lives in the host URL, read and written
+ * through the Router — the primary path below a NavTail, or an auxiliary
+ * segment named after the mount (ADR 0038).
+ */
+class RemoteUrl {
+    router;
+    mode;
+    name;
+    tail;
+    constructor(router, mode, name, 
+    /** The NavTail's current value — what `tail` mode owns of the primary path. */
+    tail) {
+        this.router = router;
+        this.mode = mode;
+        this.name = name;
+        this.tail = tail;
+    }
+    tree = () => this.router.parseUrl(this.router.url);
+    segmentsNow = (tree) => this.mode === 'outlet'
+        ? (tree.root.children[this.name]?.segments ?? []).map((s) => s.path)
+        : this.tail.split('/').filter(Boolean);
+    /** Whether the host URL already says `path` — its segments, and every query key it names. */
+    holds = (path) => {
+        const tree = this.tree();
+        const { segments, query } = splitPath(path);
+        return (this.segmentsNow(tree).join('/') === segments.join('/') &&
+            Object.entries(query).every(([k, v]) => tree.queryParams[k] === v));
+    };
+    write = (path, replaceUrl) => {
+        if (this.mode === 'none')
+            return;
+        const tree = this.tree();
+        const { segments, query } = splitPath(path);
+        const next = segments.map((s) => new UrlSegment(s, {}));
+        const children = { ...tree.root.children };
+        if (this.mode === 'outlet') {
+            if (next.length)
+                children[this.name] = new UrlSegmentGroup(next, {});
+            else
+                delete children[this.name];
+        }
+        else {
+            const primary = children['primary'];
+            const own = this.segmentsNow(tree).length;
+            const base = (primary?.segments ?? []).slice(0, (primary?.segments.length ?? 0) - own);
+            children['primary'] = new UrlSegmentGroup([...base, ...next], primary?.children ?? {});
+        }
+        const url = new UrlTree(new UrlSegmentGroup([], children), { ...tree.queryParams, ...query }, tree.fragment);
+        this.router.navigateByUrl(url, { replaceUrl });
+    };
+    /** An outlet leaving takes its segment with it; a tail leaves with its route. */
+    clear = () => {
+        if (this.mode === 'outlet' && this.tree().root.children[this.name]) {
+            this.write('', true);
+        }
+    };
+}
+/**
+ * The route one `outlet` RemoteControl's segment needs: it renders nothing —
+ * the control reads the segment itself — and `children: []` is the least
+ * Angular accepts. `remoteOutlet` is what lets NavStore clear it when no
+ * mount claims it, and leave an app's own named outlets alone (ADR 0038).
+ */
+const remoteOutletRoute = (name) => ({
+    outlet: name,
+    matcher: (segments) => ({ consumed: segments }),
+    children: [],
+    data: { remoteOutlet: true },
+});
+
+/**
+ * Reloads the page — what a tier conflict needs, a page having one element
+ * registry. A token so a spec can watch it instead of navigating jsdom.
+ */
+const REMOTE_PAGE_RELOAD = new InjectionToken('REMOTE_PAGE_RELOAD', { providedIn: 'root', factory: () => () => window.location.reload() });
+/** Set while one reload for a tier conflict is spent on this path. */
+const tierReloadKey = () => `m-remote-tier-reload:${window.location.pathname}`;
 class RemoteComponent {
-    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    /** A resolved config, as m-ui hands it — or a Store link `m-remote` resolves itself. */
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+    link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
     useShadow = input(false, ...(ngDevMode ? [{ debugName: "useShadow" }] : /* istanbul ignore next */ []));
     props = input({}, ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
     children = input([], ...(ngDevMode ? [{ debugName: "children" }] : /* istanbul ignore next */ []));
+    /** The mount key and outlet name — two mounts of one app differ by it (ADR 0036). */
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    urlMode = input('none', ...(ngDevMode ? [{ debugName: "urlMode" }] : /* istanbul ignore next */ []));
+    /** RemotePathMap `in`: where the remote should stand, already mapped. */
+    path = input(...(ngDevMode ? [undefined, { debugName: "path" }] : /* istanbul ignore next */ []));
+    /** The NavTail's raw value, which `tail` mode rewrites below. */
+    tail = input('', ...(ngDevMode ? [{ debugName: "tail" }] : /* istanbul ignore next */ []));
+    /** RemotePathMap `out`: the remote's reported path as the host URL holds it. */
+    out = input(...(ngDevMode ? [undefined, { debugName: "out" }] : /* istanbul ignore next */ []));
+    /** Listed in the host menu while its segment is in the URL. */
+    createMenu = input(false, ...(ngDevMode ? [{ debugName: "createMenu" }] : /* istanbul ignore next */ []));
+    /**
+     * The host path a `tail` Remote stands under, segment by segment. Set, it is
+     * the sync: the AppLink, the path handed in and the tail written back are all
+     * read off the host URL through it, and `link`/`path`/`tail` only fill gaps.
+     */
+    mount = input(...(ngDevMode ? [undefined, { debugName: "mount" }] : /* istanbul ignore next */ []));
+    /** The pattern as segments, whichever form it arrived in. */
+    pattern = computed(() => {
+        const mount = this.mount();
+        return typeof mount === 'string' ? parseMountPattern(mount) : mount;
+    }, ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+    /** Loads the Remote's beta tier rather than its status folder. */
+    beta = input(false, ...(ngDevMode ? [{ debugName: "beta" }] : /* istanbul ignore next */ []));
+    /** The config of the app now mounted — m-ui titles its page after it. */
+    loaded = output();
+    /** Why a load drew the broken state — m-ui's Beta gate reads `config-not-found`. */
+    failed = output();
     loader = inject(RemoteLoaderService);
     themeStore = inject(ThemeStore);
     translateService = inject(TranslateService);
     loginStore = inject(LOGIN_STORE, { optional: true });
     elementRef = inject(ElementRef);
+    router = inject(Router, { optional: true });
+    navRef = inject(NAV_STORE_REF, { optional: true });
+    reloadPage = inject(REMOTE_PAGE_RELOAD);
     loadedElement;
+    /** Bumped per load, so an answer for a link since replaced is dropped. */
+    loadId = 0;
+    /** The link whose segment the URL holds now, cleared when another replaces it. */
+    mountedLink;
+    /** The first report after each mount replaces: boot redirects leave no entry. */
+    reported = false;
+    /** The remote's own last word on where it stands, never echoed back to it. */
+    lastReported;
+    lastSent;
+    registeredName;
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    failure = signal({}, ...(ngDevMode ? [{ debugName: "failure" }] : /* istanbul ignore next */ []));
+    /** The host's primary path, segment by segment, as of the last navigation. */
+    hostSegments = this.router
+        ? toSignal(this.router.events.pipe(filter((e) => e instanceof NavigationEnd), map(() => this.primarySegments())), { initialValue: this.primarySegments() })
+        : signal([]);
+    /**
+     * Where the host URL stands against the MountPattern. A URL the pattern no
+     * longer matches keeps the last match: the page is leaving, and reading that
+     * as "no app" would reset the segment of a URL that is not this mount's.
+     */
+    mountMatch = linkedSignal({ ...(ngDevMode ? { debugName: "mountMatch" } : /* istanbul ignore next */ {}), source: () => {
+            const pattern = this.pattern();
+            return pattern?.length && this.urlMode() === 'tail'
+                ? matchMount(this.hostSegments(), pattern)
+                : null;
+        },
+        computation: (next, previous) => next ?? (this.pattern()?.length ? (previous?.value ?? null) : null),
+        equal: (a, b) => a?.appLink === b?.appLink && a?.navUrl === b?.navUrl && a?.base === b?.base });
+    /** The AppLink loaded: the bound one, else the one the URL names. */
+    appLink = computed(() => this.link() || this.mountMatch()?.appLink, ...(ngDevMode ? [{ debugName: "appLink" }] : /* istanbul ignore next */ []));
+    remotePath = computed(() => this.path() ?? this.mountMatch()?.navUrl, ...(ngDevMode ? [{ debugName: "remotePath" }] : /* istanbul ignore next */ []));
+    ownTail = computed(() => this.mountMatch()?.navUrl ?? this.tail(), ...(ngDevMode ? [{ debugName: "ownTail" }] : /* istanbul ignore next */ []));
     constructor() {
         // Reload when config or login state changes
         effect(() => {
             this.loginStore?.isLoggedIn();
             const config = this.config();
-            untracked(() => void this.loadRemoteComponent(config));
+            const link = this.appLink();
+            const beta = this.beta();
+            untracked(() => {
+                if (link)
+                    setWcTier(link, beta ? 'beta' : undefined);
+                void this.loadRemoteComponent(config, link);
+            });
         });
         // Sync props into the WC element without reloading
         effect(() => {
@@ -26456,6 +26962,35 @@ class RemoteComponent {
                     el[key] = value;
             });
         });
+        // Hand the remote a path it did not just report itself — the loop guard.
+        effect(() => {
+            const path = this.remotePath();
+            if (path === undefined)
+                return;
+            untracked(() => this.sendPath(path));
+        });
+        effect(() => {
+            const link = this.appLink();
+            const name = this.mountName();
+            const urlMode = this.urlMode();
+            const out = this.out();
+            const createMenu = this.createMenu();
+            untracked(() => {
+                this.unregister();
+                if (!link || !name)
+                    return;
+                this.navRef?.registerMount?.({
+                    name,
+                    link,
+                    appNavId: `root_app_${name}`,
+                    urlMode,
+                    out,
+                    createMenu,
+                    navigate: this.move,
+                });
+                this.registeredName = name;
+            });
+        });
         // Push host language changes into the WC element
         effect(() => {
             const lang = this.translateService.lang();
@@ -26467,35 +27002,200 @@ class RemoteComponent {
     }
     ngOnDestroy() {
         this.dismountElement();
-    }
-    loadRemoteComponent = async (config) => {
+        this.url()?.clear();
+        this.unregister();
+    }
+    mountName = () => this.name() ?? this.appLink();
+    /** A method, not an arrow field: `hostSegments` calls it during field init. */
+    primarySegments() {
+        return this.router
+            ? (this.router.parseUrl(this.router.url).root.children['primary']
+                ?.segments ?? []).map((s) => s.path)
+            : [];
+    }
+    url = () => {
+        const name = untracked(() => this.mountName());
+        return this.router && name
+            ? new RemoteUrl(this.router, untracked(() => this.urlMode()), name, untracked(() => this.ownTail()))
+            : undefined;
+    };
+    unregister = () => {
+        if (this.registeredName)
+            this.navRef?.unregisterMount?.(this.registeredName);
+        this.registeredName = undefined;
+    };
+    sendPath = (path) => {
+        const el = this.loadedElement;
+        if (!el || path === this.lastReported || path === this.lastSent)
+            return;
+        this.lastSent = path;
+        el.dispatchEvent(new CustomEvent(WC_NAVIGATE_EVENT, { detail: { path } }));
+    };
+    /**
+     * A menu click: unlike a path binding the host URL does not hold it yet, so
+     * the report that follows is a move to write, not an echo to drop.
+     */
+    move = (path) => {
+        this.loadedElement?.dispatchEvent(new CustomEvent(WC_NAVIGATE_EVENT, { detail: { path } }));
+    };
+    onReport = (event) => {
+        const raw = event.detail?.path;
+        if (raw === undefined)
+            return;
+        const path = raw.replace(/^\//, '');
+        // The remote arriving where the host sent it is an echo, not a move: writing
+        // it back through `out` is what spins a pair that does not round-trip.
+        const echo = path === this.lastSent;
+        this.lastReported = path;
+        this.lastSent = undefined;
+        if (echo && this.reported)
+            return;
+        const link = untracked(() => this.appLink()) ?? '';
+        const out = untracked(() => this.out());
+        const target = out ? out(path, link) : path;
+        const url = this.url();
+        const replace = !this.reported;
+        this.reported = true;
+        if (!url || url.holds(target))
+            return;
+        url.write(target, replace);
+    };
+    loadRemoteComponent = async (config, link) => {
         const host = this.elementRef.nativeElement;
+        const id = ++this.loadId;
         this.dismountElement();
-        const result = await this.loader.loadComponentFromConfig(config, untracked(() => this.useShadow()), {
+        // Another app's path means nothing to this one: its segment starts over.
+        if (this.mountedLink !== undefined && this.mountedLink !== link) {
+            const url = this.url();
+            if (url && !url.holds(''))
+                url.write('', true);
+        }
+        this.mountedLink = link;
+        this.reported = false;
+        this.lastReported = undefined;
+        if (!config && link === undefined)
+            return this.state.set('idle');
+        this.state.set('loading');
+        const useShadow = untracked(() => this.useShadow());
+        const path = untracked(() => this.remotePath());
+        const base = untracked(() => this.mountMatch())?.base;
+        this.lastSent = path;
+        // The Remote is told its AppLink and the host path it stands under rather
+        // than reading them off the address: where it is mounted is the host's
+        // MountPattern, not a fixed `/app/<link>`.
+        const props = {
             lang: untracked(() => this.translateService.lang()),
             ...untracked(() => this.props()),
-        }, untracked(() => this.children()));
-        if (!result)
+            ...(path !== undefined ? { extra: path } : {}),
+            ...(link ? { appLink: link } : {}),
+            ...(base ? { base } : {}),
+        };
+        const children = untracked(() => this.children());
+        const result = config
+            ? ((await this.loader.loadComponentFromConfig(config, useShadow, props, children)) ?? {})
+            : await this.loader.loadFromLink(link ?? '', useShadow, props, children);
+        if (id !== this.loadId)
+            return;
+        if (result.reason === 'tier-conflict' && this.reloadForTier())
             return;
+        if (!result.element) {
+            this.failure.set(result);
+            if (result.reason)
+                this.failed.emit(result);
+            return this.state.set(result.reason ? 'failed' : 'idle');
+        }
         result.element.setAttribute('style', 'display: block; width: 100%; min-height: 100%;');
         this.loadedElement = result.element;
+        try {
+            sessionStorage.removeItem(tierReloadKey());
+        }
+        catch {
+            // Storage refused: the next conflict simply draws its broken state.
+        }
+        result.element.addEventListener(WC_ROUTE_CHANGED_EVENT, this.onReport);
         host.appendChild(result.element);
+        this.state.set('loaded');
+        const loadedConfig = result.config ?? config;
+        if (loadedConfig)
+            this.loaded.emit(loadedConfig);
         // Theme vars on document.documentElement inherit automatically into shadow DOM.
     };
+    /**
+     * Another tier of this app already defined its tag, and a tag defines once
+     * per page: a fresh page loads the tier the URL now asks for. Once per path —
+     * a second conflict means two tiers on one page, drawn as broken, not looped.
+     */
+    reloadForTier = () => {
+        try {
+            if (sessionStorage.getItem(tierReloadKey()))
+                return false;
+            sessionStorage.setItem(tierReloadKey(), '1');
+        }
+        catch {
+            return false;
+        }
+        this.reloadPage();
+        return true;
+    };
     dismountElement = () => {
         const host = this.elementRef.nativeElement;
+        this.loadedElement?.removeEventListener(WC_ROUTE_CHANGED_EVENT, this.onReport);
         if (this.loadedElement?.parentNode === host) {
             host.removeChild(this.loadedElement);
         }
         this.loadedElement = undefined;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RemoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: RemoteComponent, isStandalone: true, selector: "m-remote", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, useShadow: { classPropertyName: "useShadow", publicName: "useShadow", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ``, isInline: true, styles: [".m-remote{display:block;width:100%;min-height:100%;flex:1;isolation:isolate}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RemoteComponent, isStandalone: true, selector: "m-remote", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, useShadow: { classPropertyName: "useShadow", publicName: "useShadow", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, urlMode: { classPropertyName: "urlMode", publicName: "urlMode", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, tail: { classPropertyName: "tail", publicName: "tail", isSignal: true, isRequired: false, transformFunction: null }, out: { classPropertyName: "out", publicName: "out", isSignal: true, isRequired: false, transformFunction: null }, createMenu: { classPropertyName: "createMenu", publicName: "createMenu", isSignal: true, isRequired: false, transformFunction: null }, mount: { classPropertyName: "mount", publicName: "mount", isSignal: true, isRequired: false, transformFunction: null }, beta: { classPropertyName: "beta", publicName: "beta", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", failed: "failed" }, host: { classAttribute: "m-remote" }, ngImport: i0, template: `
+    @if (state() === 'loading') {
+      <div class="m-remote__loading"><div class="m-remote__spinner"></div></div>
+    } @else if (state() === 'failed') {
+      <div class="m-remote__broken">
+        <m-icon name="link-broken" color="currentColor" />
+        <span class="m-remote__reason">
+          @switch (failure().reason) {
+            @case ('invalid-link') { {{ 'remote-invalid-link' | translate }} }
+            @case ('config-not-found') { {{ 'remote-config-not-found' | translate }} }
+            @case ('script-failed') { {{ 'remote-script-failed' | translate }} }
+            @case ('element-timeout') { {{ 'remote-element-timeout' | translate }} }
+            @case ('offline') { {{ 'remote-offline' | translate }} }
+            @case ('tier-conflict') { {{ 'remote-tier-conflict' | translate }} }
+          }
+        </span>
+        <span class="m-remote__detail">{{ appLink() }}</span>
+        @if (failure().status) {
+          <span class="m-remote__detail">{{ failure().status }}</span>
+        }
+      </div>
+    }
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-remote{display:block;width:100%;min-height:100%;flex:1;isolation:isolate}.m-remote__loading,.m-remote__broken{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px}.m-remote__spinner{width:20px;height:20px;border:2px solid var(--m-backdrop-border);border-top-color:var(--m-mm);border-radius:50%;animation:m-remote-spin .8s linear infinite}.m-remote__broken{color:var(--m-text-secondary)}.m-remote__detail{font-size:.85em}@keyframes m-remote-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RemoteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'm-remote', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".m-remote{display:block;width:100%;min-height:100%;flex:1;isolation:isolate}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], useShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "useShadow", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }] } });
+            args: [{ selector: 'm-remote', imports: [TranslatePipe, IconComponent], host: { class: 'm-remote' }, template: `
+    @if (state() === 'loading') {
+      <div class="m-remote__loading"><div class="m-remote__spinner"></div></div>
+    } @else if (state() === 'failed') {
+      <div class="m-remote__broken">
+        <m-icon name="link-broken" color="currentColor" />
+        <span class="m-remote__reason">
+          @switch (failure().reason) {
+            @case ('invalid-link') { {{ 'remote-invalid-link' | translate }} }
+            @case ('config-not-found') { {{ 'remote-config-not-found' | translate }} }
+            @case ('script-failed') { {{ 'remote-script-failed' | translate }} }
+            @case ('element-timeout') { {{ 'remote-element-timeout' | translate }} }
+            @case ('offline') { {{ 'remote-offline' | translate }} }
+            @case ('tier-conflict') { {{ 'remote-tier-conflict' | translate }} }
+          }
+        </span>
+        <span class="m-remote__detail">{{ appLink() }}</span>
+        @if (failure().status) {
+          <span class="m-remote__detail">{{ failure().status }}</span>
+        }
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-remote{display:block;width:100%;min-height:100%;flex:1;isolation:isolate}.m-remote__loading,.m-remote__broken{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px}.m-remote__spinner{width:20px;height:20px;border:2px solid var(--m-backdrop-border);border-top-color:var(--m-mm);border-radius:50%;animation:m-remote-spin .8s linear infinite}.m-remote__broken{color:var(--m-text-secondary)}.m-remote__detail{font-size:.85em}@keyframes m-remote-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], useShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "useShadow", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], urlMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlMode", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: false }] }], tail: [{ type: i0.Input, args: [{ isSignal: true, alias: "tail", required: false }] }], out: [{ type: i0.Input, args: [{ isSignal: true, alias: "out", required: false }] }], createMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "createMenu", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], beta: [{ type: i0.Input, args: [{ isSignal: true, alias: "beta", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }], failed: [{ type: i0.Output, args: ["failed"] }] } });
 
 class TooltipComponent {
     text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
@@ -32279,7 +32979,6 @@ const SearchStore = signalStore({ providedIn: 'root' }, withState(initialState$1
     return {
         onInit() {
             const sq = injector.get(SEARCH_QUERY, null);
-            // eslint-disable-next-line @angular-eslint/no-uncalled-signals
             if (sq) {
                 effect(() => {
                     const q = sq();
@@ -32290,11 +32989,13 @@ const SearchStore = signalStore({ providedIn: 'root' }, withState(initialState$1
                 });
             }
             const baseHref = injector.get(APP_BASE_HREF, null) ?? '/';
-            const isWebComponent = /^\/app\//.test(baseHref);
+            const isWebComponent = injector.get(WC_BUNDLE, false) || /^\/app\//.test(baseHref);
             if (!isWebComponent && typeof window !== 'undefined') {
                 const handler = (e) => {
-                    const { appId, groups } = e.detail;
-                    const prefix = `/app/${appId}`;
+                    const { appId, groups, base } = e.detail;
+                    // Where the host mounted the app, as m-remote told it; the old
+                    // `/app/<link>` for a Remote mounted without a MountPattern.
+                    const prefix = base ?? `/app/${appId}`;
                     patchState(store, (state) => {
                         const updated = Object.fromEntries(Object.entries(state.sourceResults).filter(([key]) => !key.startsWith(`${appId}:`)));
                         for (const group of groups) {
@@ -32658,6 +33359,29 @@ const navVisibilityGuard = (route, state) => {
 const isThenable = (value) => typeof value?.then === 'function';
 const isPromise = (value) => typeof value?.then === 'function';
 
+/**
+ * The route a NavTail emits (m-one-ui CONTEXT.md NavTail): its own prefix, then
+ * every segment below it joined into one `name` parameter. Angular's `**`
+ * binds to no input, which is why this is a matcher and not a path. A `:x`
+ * segment of the prefix is filled the way a path would fill it.
+ */
+const navTailMatcher = (prefix, name) => (segments) => {
+    const own = prefix.split('/').filter(Boolean);
+    if (segments.length < own.length)
+        return null;
+    const posParams = {};
+    for (let i = 0; i < own.length; i++) {
+        const part = own[i];
+        if (part.startsWith(':'))
+            posParams[part.slice(1)] = segments[i];
+        else if (part !== segments[i].path)
+            return null;
+    }
+    const rest = segments.slice(own.length).map((s) => s.path).join('/');
+    posParams[name] = new UrlSegment(rest, {});
+    return { consumed: segments, posParams };
+};
+
 class NavTrailComponent {
     config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
     Size = Size;
@@ -35804,6 +36528,7 @@ function provideAppContext() {
 function provideMagWcConfig(options) {
     return {
         providers: [
+            { provide: WC_BUNDLE, useValue: true },
             {
                 provide: APP_BASE_HREF,
                 useFactory: () => {
@@ -38598,5 +39323,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ClipboardService as $, ACCESS_DOMAINS as A, ButtonComponent as B, Assets as C, AuthActivityPageComponent as D, AuthApiService as E, AuthStore as F, AutosizeDirective as G, HeaderComponent$1 as H, InputType as I, BadgeComponent as J, BandingComponent as K, LabelComponent as L, MODAL_REF as M, BaseArrayInputComponent as N, BaseRootWebComponent as O, BaseWebComponent as P, ButtonGroupComponent as Q, RangeInputComponent as R, COMPONENT_INPUT_REGISTRY as S, TranslatePipe as T, CardComponent as U, CardWrapperComponent as V, CarouselComponent as W, ChartComponent as X, ChatBubbleComponent as Y, CheckboxInputComponent as Z, ClearableInputComponent as _, MIN_ZOOM as a, ImgComponent as a$, ColComponent as a0, ColorPickerInputComponent as a1, CommentItemComponent as a2, CommentsApiService as a3, CommentsComponent as a4, CommentsStore as a5, CompactNumberPipe as a6, ComponentInputComponent as a7, ComponentStepperComponent as a8, ConfigComponent as a9, Domain as aA, DotGridComponent as aB, DragListDirective as aC, DragListItemDirective as aD, DraggableDirective as aE, DropdownInputComponent as aF, FILTER_GROUP_CONTEXT as aG, FILTER_RANGE_MODES as aH, FILTER_VARIANTS as aI, FLEX_VARIANTS as aJ, FOLDER_PICK_LISTENER as aK, FORM_ASSET_FOLDER as aL, FileService as aM, FileUploadDirective as aN, FileUploadInputComponent as aO, FlexComponent as aP, FlexItemComponent as aQ, FormGroupComponent as aR, FrameComponent as aS, FreezeService as aT, GRID_BREAKPOINTS as aU, GetNavService as aV, HighlightDirective as aW, HttpService as aX, ICON_SOURCE as aY, IS_SIDE_PANEL as aZ, IconComponent as a_, ConfirmComponent as aa, ContextMenuComponent as ab, CustomIconClass as ac, CustomIconEditComponent as ad, DEFAULT_DENIAL as ae, DEFAULT_DOC_DENSITY as af, DEFAULT_DOC_VARIANT as ag, DEFAULT_FILTER_RANGE_MODE as ah, DEFAULT_FILTER_VARIANT as ai, DEFAULT_NAV_PARAM as aj, DEFAULT_NAV_SEGMENT as ak, DEFAULT_SIZE as al, DOCK_MIN_PAGE_REMAINDER as am, DOCS_FOLDER as an, DOC_ACTION_ICONS as ao, DOC_DENSITIES as ap, DOC_EDIT_ACTIONS as aq, DOC_TOOLBAR_GROUPS as ar, DOC_VARIANTS as as, DashboardCardComponent as at, DateInputComponent as au, DatePickerComponent as av, DeviceService as aw, DocComponent as ax, DocEditorComponent as ay, DomService as az, MAX_ZOOM as b, PositionDirective as b$, InstrumentScoreComponent as b0, InterceptorObservables as b1, JumbotronComponent as b2, KeyValueComponent as b3, LAYOUT_ASSET_FOLDER as b4, LOGIN_COMPONENT as b5, LOGIN_STORE as b6, LanguageComponent as b7, ListComponent as b8, LogoComponent as b9, NavMenuComponent as bA, NavStore as bB, NavTrailComponent as bC, NothingComponent as bD, NotificationElementComponent as bE, NotificationGroupComponent as bF, NotificationPopupComponent as bG, NotificationService as bH, NotificationStore as bI, NotificationType as bJ, NotificationWidgetComponent as bK, ONE_ASSET_BASE_URL as bL, OPTIONS_SOURCE as bM, OVERLAY_WIDGETS as bN, OneApp as bO, OptionsSourceDirective as bP, OverlayBodyComponent as bQ, OverlayRef as bR, OverlayService as bS, PLATFORM_BUTTON_NAV_IDS as bT, PLATFORM_EXTENSIBLE_NAV_IDS as bU, PLATFORM_NAV_MAP as bV, PLATFORM_ROOT_CHILDREN as bW, PaginationComponent as bX, PanelComponent as bY, PercentagePipe as bZ, PlaygroundComponent as b_, MAG_SOCKET_EVENT as ba, MHeroColorDirective as bb, MHeroComponent as bc, MODAL_STORE_REF as bd, MRefDirective as be, MStepComponent as bf, MURL_PARAM as bg, MURL_SEP as bh, ManifestEnrichmentService as bi, MenuComponent as bj, ModalDirective as bk, ModalRef as bl, ModalStore as bm, MoneyPipe as bn, MultiRangeInputComponent as bo, MurlUrlSerializer as bp, NAV_DEFAULT_MURL as bq, NAV_ID_SEP as br, NAV_MAIN_BUTTONS as bs, NAV_SEGMENT_RE as bt, NAV_STORE_REF as bu, NAV_WC_COMPONENTS as bv, NAV_WIDGET_MAP as bw, NavComponent as bx, NavDetailsComponent as by, NavHeaderComponent as bz, cropRect as c, StepComponent as c$, PwaInstallComponent as c0, ROOT_NAV$1 as c1, RadioGroupComponent as c2, RadioInputComponent as c3, RatingInputComponent as c4, ReactiveElementComponent as c5, RemoteComponent as c6, RemoteLoaderService as c7, ResizeElementComponent as c8, RouteContainer as c9, SectionFilterRangePanelComponent as cA, SectionFooterComponent as cB, SectionFormComponent as cC, SectionFormItemComponent as cD, SectionHeaderComponent as cE, SectionHeroComponent as cF, SectionPaginationComponent as cG, SectionSearchComponent as cH, SectionStepperComponent as cI, SectionTableCellComponent as cJ, SectionTableComponent as cK, SectionTableRowComponent as cL, SectionTableSortPipe as cM, SectionTabsComponent as cN, SectionToggleComponent as cO, SectionToggleItemDirective as cP, SelectableCardInputComponent as cQ, SelectorDirective as cR, SettingsSearchBarComponent as cS, SettingsSearchService as cT, ShapeComponent as cU, SharedStoreRegistry as cV, SidePanelDirective as cW, Size as cX, SocketStore as cY, SortComponent as cZ, StatComponent as c_, RowComponent as ca, SEARCH_QUERY as cb, SEARCH_RESULTS_EVENT as cc, SECTION_ACCORDION_GROUP as cd, SECTION_FORM_CONTEXT as ce, SECTION_TABLE_VARIANTS as cf, SHARED_ICONS as cg, SIZE_CONTEXT as ch, ScoreComponent as ci, ScrollComponent as cj, ScrollService as ck, SearchPanelComponent as cl, SearchStore as cm, SearchUserPanelComponent as cn, SectionAccordionDirective as co, SectionAccordionGroupDirective as cp, SectionBackComponent as cq, SectionBadgesComponent as cr, SectionButtonGroupComponent as cs, SectionCardComponent as ct, SectionCarouselComponent as cu, SectionComponent as cv, SectionFilterComponent as cw, SectionFilterGroupComponent as cx, SectionFilterMenuComponent as cy, SectionFilterPanelComponent as cz, drawFramed as d, cornerSide as d$, StepperComponent as d0, StepsComponent as d1, StorageService as d2, StrokeLinecap as d3, StrokeLinejoin as d4, SummaryComponent as d5, SvgGeneratorComponent as d6, SvgGeneratorService as d7, SvgService as d8, TOTAL_COLUMNS as d9, UserNavComponent as dA, UserSettingsComponent as dB, UserStore as dC, WC_ROUTE_CHANGED_EVENT as dD, WC_SEARCH_GROUPS as dE, WIN_USER_TAB_HOOK as dF, WIN_USER_TAB_KEY as dG, WatermarkComponent as dH, WcRouterStore as dI, WrapperInputComponent as dJ, anchorNavId as dK, applyColorsToElement as dL, applyDocEdit as dM, assetOptions as dN, bootstrapMagApp as dO, bootstrapPwaInstall as dP, buildWcBaseUrl as dQ, calculateLuminance as dR, calculateRanks as dS, cellText as dT, checkDoc as dU, checkFilterCondition as dV, childNavId as dW, claimDenial as dX, classListSignal as dY, coerceSize as dZ, cornerEdge as d_, TRANSLATION_SOURCE as da, TableComponent as db, TechnicalMeterComponent as dc, TextInputComponent as dd, TextareaInputComponent as de, ThemeComponent as df, ThemeDataService as dg, ThemeService as dh, ThemeStore as di, TimeAgoPipe as dj, TimelineComponent as dk, ToggleButtonComponent as dl, ToggleInputComponent as dm, ToggleRadioInputComponent as dn, ToolTipDirective as dp, TooltipComponent as dq, TranslateService as dr, TreeGridComponent as ds, URL_SEP as dt, USER_STORE_REF as du, USER_TAB_MAP as dv, UniverseComponent as dw, UserApiService as dx, UserAvatarComponent as dy, UserComponent as dz, encodeFramed as e, isNavVisibilityConfig as e$, createMap as e0, createPlatformNavMap as e1, deriveAvatarGradient as e2, deriveContrastColor as e3, deriveOppositeColor as e4, derivePropertyName as e5, docActionKey as e6, docAssetCandidates as e7, docProblemKey as e8, docRemotePath as e9, getProperty as eA, getScrollParent as eB, getTierFromPreviewPath as eC, getTreeGridRow as eD, getUniqueId as eE, getValue as eF, hasErrorComputed as eG, hexToRgb as eH, hslToRgb$1 as eI, initMagmoniumApp as eJ, initialNotificationState as eK, initialState$2 as eL, initials as eM, injectAuthenticate as eN, injectDefaultDenial as eO, injectInstallApp as eP, injectParentSize as eQ, injectScrollSticky as eR, isButtonName as eS, isCancelledComputed as eT, isExtensiblePlatformNavId as eU, isJson as eV, isLoadingComputed as eW, isLocalhost as eX, isNavInstanceConfig as eY, isNavMenuConfig as eZ, isNavRowsConfig as e_, emailValidation as ea, evaluate as eb, evaluateBool as ec, fieldBoolean as ed, fieldNumber as ee, fieldString as ef, filterHoldsList as eg, filterHoldsOneBound as eh, filterHoldsOptions as ei, filterHoldsRange as ej, filterList as ek, filterNumber as el, filterNumberList as em, filterOne as en, filterPanelOf as eo, filterPanelWidth as ep, filterRange as eq, filterTreeGridRows as er, filterValueList as es, filterValues as et, flattenTreeGridRows as eu, formatBadgeCount as ev, fullName as ew, generateClipPath as ex, generateTransform as ey, getClassList as ez, clampFraming as f, resolvePallet as f$, isPlatformNavId as f0, isSize as f1, isTierPreview as f2, isUrlLocalhost as f3, isValidNavId as f4, isValidNavSegment as f5, isWebComponent as f6, linkToId as f7, linkToNav as f8, loadingActions as f9, parseColor as fA, parsePatternNames as fB, patternValidation as fC, patternsValidation as fD, permissionRefusal as fE, platformNavWidgets as fF, privateGuard as fG, processImageToSvg as fH, provideAppContext as fI, provideMagAppConfig as fJ, provideMagWcConfig as fK, provideMagWcRoutes as fL, provideModalComponents as fM, provideMurlUrlSerializer as fN, provideNavWidgets as fO, provideOverlayWidgets as fP, providePlatformNavWidgets as fQ, provideSearch as fR, provideSizeContext as fS, provideUserTabs as fT, publicGuard as fU, readFieldPatterns as fV, renderAddress as fW, renderDocument as fX, requiredValidation as fY, resolveConfigAsset as fZ, resolveIconSize as f_, mInterceptor as fa, manualValidation as fb, matchFieldValidation as fc, maxLengthValidation as fd, maxValidation as fe, mergePlatformNav as ff, mergeUnique as fg, mergeUniqueBy as fh, mergeUniqueWith as fi, minAgeValidation as fj, minLengthValidation as fk, minValidation as fl, miniMarkToHtml as fm, navIdChain as fn, navIdFor as fo, navIdSegment as fp, navIdToRoutePath as fq, navIdToSegments as fr, navParamOf as fs, navToId as ft, navVisibilityGuard as fu, nextSectionTableSort as fv, normalizeAssetOptions as fw, offsetOfLine as fx, parentNavId as fy, parseAddress as fz, BaseInputComponent as g, resolvePatternRules as g0, resolveSize as g1, rgbToHex as g2, rgbToHsl as g3, rowHasChildren as g4, samePatterns as g5, sectionTableColumnId as g6, sectionTableColumnWidths as g7, sectionTableFrozenCount as g8, segmentsToNavId as g9, setProperty as ga, setTreeGridChildren as gb, settingsWidgets as gc, shouldShowBadge as gd, sortSectionTableRows as ge, splitNavId as gf, splitOnMatch as gg, stringToColor as gh, toAttrBool as gi, toAttrNumber as gj, toCssLength as gk, toHostNavId as gl, toLength$1 as gm, toLocalNavId as gn, toggleTreeGridRow as go, unfetchedPlatformNav as gp, ungroupedDocActions as gq, urlValidation as gr, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, ASSET_BASE_URL as m, AccordionBodyDirective as n, outputSize as o, parseRatio as p, AccordionComponent as q, renameForType as r, AccordionGroupComponent as s, ActionComponent as t, AnimatedGraphsComponent as u, AppCardComponent as v, AppRelationType as w, AppTileComponent as x, AssetStore as y, AssetUrlPipe as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-CY3DM850.mjs.map
+export { ClipboardService as $, ACCESS_DOMAINS as A, ButtonComponent as B, Assets as C, AuthActivityPageComponent as D, AuthApiService as E, AuthStore as F, AutosizeDirective as G, HeaderComponent$1 as H, InputType as I, BadgeComponent as J, BandingComponent as K, LabelComponent as L, MODAL_REF as M, BaseArrayInputComponent as N, BaseRootWebComponent as O, BaseWebComponent as P, ButtonGroupComponent as Q, RangeInputComponent as R, COMPONENT_INPUT_REGISTRY as S, TranslatePipe as T, CardComponent as U, CardWrapperComponent as V, CarouselComponent as W, ChartComponent as X, ChatBubbleComponent as Y, CheckboxInputComponent as Z, ClearableInputComponent as _, MIN_ZOOM as a, ImgComponent as a$, ColComponent as a0, ColorPickerInputComponent as a1, CommentItemComponent as a2, CommentsApiService as a3, CommentsComponent as a4, CommentsStore as a5, CompactNumberPipe as a6, ComponentInputComponent as a7, ComponentStepperComponent as a8, ConfigComponent as a9, Domain as aA, DotGridComponent as aB, DragListDirective as aC, DragListItemDirective as aD, DraggableDirective as aE, DropdownInputComponent as aF, FILTER_GROUP_CONTEXT as aG, FILTER_RANGE_MODES as aH, FILTER_VARIANTS as aI, FLEX_VARIANTS as aJ, FOLDER_PICK_LISTENER as aK, FORM_ASSET_FOLDER as aL, FileService as aM, FileUploadDirective as aN, FileUploadInputComponent as aO, FlexComponent as aP, FlexItemComponent as aQ, FormGroupComponent as aR, FrameComponent as aS, FreezeService as aT, GRID_BREAKPOINTS as aU, GetNavService as aV, HighlightDirective as aW, HttpService as aX, ICON_SOURCE as aY, IS_SIDE_PANEL as aZ, IconComponent as a_, ConfirmComponent as aa, ContextMenuComponent as ab, CustomIconClass as ac, CustomIconEditComponent as ad, DEFAULT_DENIAL as ae, DEFAULT_DOC_DENSITY as af, DEFAULT_DOC_VARIANT as ag, DEFAULT_FILTER_RANGE_MODE as ah, DEFAULT_FILTER_VARIANT as ai, DEFAULT_NAV_PARAM as aj, DEFAULT_NAV_SEGMENT as ak, DEFAULT_SIZE as al, DOCK_MIN_PAGE_REMAINDER as am, DOCS_FOLDER as an, DOC_ACTION_ICONS as ao, DOC_DENSITIES as ap, DOC_EDIT_ACTIONS as aq, DOC_TOOLBAR_GROUPS as ar, DOC_VARIANTS as as, DashboardCardComponent as at, DateInputComponent as au, DatePickerComponent as av, DeviceService as aw, DocComponent as ax, DocEditorComponent as ay, DomService as az, MAX_ZOOM as b, PercentagePipe as b$, InstrumentScoreComponent as b0, InterceptorObservables as b1, JumbotronComponent as b2, KeyValueComponent as b3, LAYOUT_ASSET_FOLDER as b4, LOGIN_COMPONENT as b5, LOGIN_STORE as b6, LanguageComponent as b7, ListComponent as b8, LogoComponent as b9, NavDetailsComponent as bA, NavHeaderComponent as bB, NavMenuComponent as bC, NavStore as bD, NavTrailComponent as bE, NothingComponent as bF, NotificationElementComponent as bG, NotificationGroupComponent as bH, NotificationPopupComponent as bI, NotificationService as bJ, NotificationStore as bK, NotificationType as bL, NotificationWidgetComponent as bM, ONE_ASSET_BASE_URL as bN, OPTIONS_SOURCE as bO, OVERLAY_WIDGETS as bP, OneApp as bQ, OptionsSourceDirective as bR, OverlayBodyComponent as bS, OverlayRef as bT, OverlayService as bU, PLATFORM_BUTTON_NAV_IDS as bV, PLATFORM_EXTENSIBLE_NAV_IDS as bW, PLATFORM_NAV_MAP as bX, PLATFORM_ROOT_CHILDREN as bY, PaginationComponent as bZ, PanelComponent as b_, MAG_SOCKET_EVENT as ba, MHeroColorDirective as bb, MHeroComponent as bc, MODAL_STORE_REF as bd, MOUNT_STATIC_SEGMENT as be, MOUNT_TOKEN as bf, MRefDirective as bg, MStepComponent as bh, MURL_PARAM as bi, MURL_SEP as bj, ManifestEnrichmentService as bk, MenuComponent as bl, ModalDirective as bm, ModalRef as bn, ModalStore as bo, MoneyPipe as bp, MultiRangeInputComponent as bq, MurlUrlSerializer as br, NAV_DEFAULT_MURL as bs, NAV_ID_SEP as bt, NAV_MAIN_BUTTONS as bu, NAV_SEGMENT_RE as bv, NAV_STORE_REF as bw, NAV_WC_COMPONENTS as bx, NAV_WIDGET_MAP as by, NavComponent as bz, cropRect as c, SocketStore as c$, PlaygroundComponent as c0, PositionDirective as c1, PwaInstallComponent as c2, REMOTE_PAGE_RELOAD as c3, ROOT_NAV$1 as c4, RadioGroupComponent as c5, RadioInputComponent as c6, RatingInputComponent as c7, ReactiveElementComponent as c8, RemoteComponent as c9, SectionFilterGroupComponent as cA, SectionFilterMenuComponent as cB, SectionFilterPanelComponent as cC, SectionFilterRangePanelComponent as cD, SectionFooterComponent as cE, SectionFormComponent as cF, SectionFormItemComponent as cG, SectionHeaderComponent as cH, SectionHeroComponent as cI, SectionPaginationComponent as cJ, SectionSearchComponent as cK, SectionStepperComponent as cL, SectionTableCellComponent as cM, SectionTableComponent as cN, SectionTableRowComponent as cO, SectionTableSortPipe as cP, SectionTabsComponent as cQ, SectionToggleComponent as cR, SectionToggleItemDirective as cS, SelectableCardInputComponent as cT, SelectorDirective as cU, SettingsSearchBarComponent as cV, SettingsSearchService as cW, ShapeComponent as cX, SharedStoreRegistry as cY, SidePanelDirective as cZ, Size as c_, RemoteLoaderService as ca, ResizeElementComponent as cb, RouteContainer as cc, RowComponent as cd, SEARCH_QUERY as ce, SEARCH_RESULTS_EVENT as cf, SECTION_ACCORDION_GROUP as cg, SECTION_FORM_CONTEXT as ch, SECTION_TABLE_VARIANTS as ci, SHARED_ICONS as cj, SIZE_CONTEXT as ck, ScoreComponent as cl, ScrollComponent as cm, ScrollService as cn, SearchPanelComponent as co, SearchStore as cp, SearchUserPanelComponent as cq, SectionAccordionDirective as cr, SectionAccordionGroupDirective as cs, SectionBackComponent as ct, SectionBadgesComponent as cu, SectionButtonGroupComponent as cv, SectionCardComponent as cw, SectionCarouselComponent as cx, SectionComponent as cy, SectionFilterComponent as cz, drawFramed as d, childNavId as d$, SortComponent as d0, StatComponent as d1, StepComponent as d2, StepperComponent as d3, StepsComponent as d4, StorageService as d5, StrokeLinecap as d6, StrokeLinejoin as d7, SummaryComponent as d8, SvgGeneratorComponent as d9, UserApiService as dA, UserAvatarComponent as dB, UserComponent as dC, UserNavComponent as dD, UserSettingsComponent as dE, UserStore as dF, WC_BUNDLE as dG, WC_NAVIGATE_EVENT as dH, WC_ROUTE_CHANGED_EVENT as dI, WC_SEARCH_GROUPS as dJ, WIN_USER_TAB_HOOK as dK, WIN_USER_TAB_KEY as dL, WatermarkComponent as dM, WcRouterStore as dN, WrapperInputComponent as dO, anchorNavId as dP, applyColorsToElement as dQ, applyDocEdit as dR, assetOptions as dS, bootstrapMagApp as dT, bootstrapPwaInstall as dU, buildWcBaseUrl as dV, calculateLuminance as dW, calculateRanks as dX, cellText as dY, checkDoc as dZ, checkFilterCondition as d_, SvgGeneratorService as da, SvgService as db, TOTAL_COLUMNS as dc, TRANSLATION_SOURCE as dd, TableComponent as de, TechnicalMeterComponent as df, TextInputComponent as dg, TextareaInputComponent as dh, ThemeComponent as di, ThemeDataService as dj, ThemeService as dk, ThemeStore as dl, TimeAgoPipe as dm, TimelineComponent as dn, ToggleButtonComponent as dp, ToggleInputComponent as dq, ToggleRadioInputComponent as dr, ToolTipDirective as ds, TooltipComponent as dt, TranslateService as du, TreeGridComponent as dv, URL_SEP as dw, USER_STORE_REF as dx, USER_TAB_MAP as dy, UniverseComponent as dz, encodeFramed as e, isJson as e$, claimDenial as e0, classListSignal as e1, coerceSize as e2, cornerEdge as e3, cornerSide as e4, createMap as e5, createPlatformNavMap as e6, definedWcTierOf as e7, deriveAvatarGradient as e8, deriveContrastColor as e9, flattenTreeGridRows as eA, formatBadgeCount as eB, fullName as eC, generateClipPath as eD, generateTransform as eE, getClassList as eF, getProperty as eG, getScrollParent as eH, getTierFromPreviewPath as eI, getTreeGridRow as eJ, getUniqueId as eK, getValue as eL, hasErrorComputed as eM, hexToRgb as eN, hslToRgb$1 as eO, initMagmoniumApp as eP, initialNotificationState as eQ, initialState$2 as eR, initials as eS, injectAuthenticate as eT, injectDefaultDenial as eU, injectInstallApp as eV, injectParentSize as eW, injectScrollSticky as eX, isButtonName as eY, isCancelledComputed as eZ, isExtensiblePlatformNavId as e_, deriveOppositeColor as ea, derivePropertyName as eb, docActionKey as ec, docAssetCandidates as ed, docProblemKey as ee, docRemotePath as ef, emailValidation as eg, evaluate as eh, evaluateBool as ei, fieldBoolean as ej, fieldNumber as ek, fieldString as el, filterHoldsList as em, filterHoldsOneBound as en, filterHoldsOptions as eo, filterHoldsRange as ep, filterList as eq, filterNumber as er, filterNumberList as es, filterOne as et, filterPanelOf as eu, filterPanelWidth as ev, filterRange as ew, filterTreeGridRows as ex, filterValueList as ey, filterValues as ez, clampFraming as f, provideMurlUrlSerializer as f$, isLoadingComputed as f0, isLocalhost as f1, isNavInstanceConfig as f2, isNavMenuConfig as f3, isNavRowsConfig as f4, isNavVisibilityConfig as f5, isPlatformNavId as f6, isSize as f7, isTierPreview as f8, isUrlLocalhost as f9, navIdFor as fA, navIdSegment as fB, navIdToRoutePath as fC, navIdToSegments as fD, navParamOf as fE, navTailMatcher as fF, navToId as fG, navVisibilityGuard as fH, nextSectionTableSort as fI, normalizeAssetOptions as fJ, offsetOfLine as fK, parentNavId as fL, parseAddress as fM, parseColor as fN, parseMountPattern as fO, parsePatternNames as fP, patternValidation as fQ, patternsValidation as fR, permissionRefusal as fS, platformNavWidgets as fT, privateGuard as fU, processImageToSvg as fV, provideAppContext as fW, provideMagAppConfig as fX, provideMagWcConfig as fY, provideMagWcRoutes as fZ, provideModalComponents as f_, isValidNavId as fa, isValidNavSegment as fb, isWebComponent as fc, linkToId as fd, linkToNav as fe, loadingActions as ff, mInterceptor as fg, manualValidation as fh, matchFieldValidation as fi, matchMount as fj, maxLengthValidation as fk, maxValidation as fl, mergePlatformNav as fm, mergeUnique as fn, mergeUniqueBy as fo, mergeUniqueWith as fp, minAgeValidation as fq, minLengthValidation as fr, minValidation as fs, miniMarkToHtml as ft, mountFor as fu, mountPatternProblem as fv, mountPatternText as fw, mountSegmentOf as fx, mountTokenOf as fy, navIdChain as fz, BaseInputComponent as g, provideNavWidgets as g0, provideOverlayWidgets as g1, providePlatformNavWidgets as g2, provideSearch as g3, provideSizeContext as g4, provideUserTabs as g5, publicGuard as g6, readFieldPatterns as g7, recordDefinedWcTier as g8, remoteOutletRoute as g9, toAttrNumber as gA, toCssLength as gB, toHostNavId as gC, toLength$1 as gD, toLocalNavId as gE, toggleTreeGridRow as gF, unfetchedPlatformNav as gG, ungroupedDocActions as gH, urlValidation as gI, wcTierOf as gJ, renderAddress as ga, renderDocument as gb, requiredValidation as gc, resolveConfigAsset as gd, resolveIconSize as ge, resolvePallet as gf, resolvePatternRules as gg, resolveSize as gh, rgbToHex as gi, rgbToHsl as gj, rowHasChildren as gk, samePatterns as gl, sectionTableColumnId as gm, sectionTableColumnWidths as gn, sectionTableFrozenCount as go, segmentsToNavId as gp, setProperty as gq, setTreeGridChildren as gr, setWcTier as gs, settingsWidgets as gt, shouldShowBadge as gu, sortSectionTableRows as gv, splitNavId as gw, splitOnMatch as gx, stringToColor as gy, toAttrBool as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, ASSET_BASE_URL as m, AccordionBodyDirective as n, outputSize as o, parseRatio as p, AccordionComponent as q, renameForType as r, AccordionGroupComponent as s, ActionComponent as t, AnimatedGraphsComponent as u, AppCardComponent as v, AppRelationType as w, AppTileComponent as x, AssetStore as y, AssetUrlPipe as z };
+//# sourceMappingURL=magmonium-one-magmonium-one-CCFg3oSr.mjs.map