@magmonium/one 0.4.18 → 0.4.20

package/fesm2022/{magmonium-one-magmonium-one-xCRWlG4J.mjs → magmonium-one-magmonium-one-BLuMt3bj.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, inject, Injectable, DestroyRef, linkedSignal, computed, DOCUMENT, ApplicationRef, RendererFactory2, createComponent, EnvironmentInjector, Pipe, ChangeDetectorRef, untracked, ElementRef, afterNextRender, input, ChangeDetectionStrategy, Component, effect, Injector, reflectComponentType, inputBinding, model, HostListener, Renderer2, Directive, output, viewChild, ViewEncapsulation, forwardRef, Input, booleanAttribute, afterRenderEffect, outputBinding, twoWayBinding, runInInjectionContext, contentChild, TemplateRef, contentChildren, ViewContainerRef, HostAttributeToken, viewChildren, afterEveryRender, EventEmitter, Output, ViewChild, ContentChild, provideZonelessChangeDetection, makeEnvironmentProviders, HostBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { InjectionToken, signal, inject, Injectable, DestroyRef, linkedSignal, computed, DOCUMENT, ApplicationRef, RendererFactory2, createComponent, EnvironmentInjector, Pipe, ChangeDetectorRef, untracked, ElementRef, afterNextRender, input, ChangeDetectionStrategy, Component, effect, Injector, reflectComponentType, inputBinding, model, HostListener, Renderer2, Directive, output, viewChild, ViewEncapsulation, forwardRef, Input, booleanAttribute, afterRenderEffect, outputBinding, twoWayBinding, runInInjectionContext, contentChild, TemplateRef, contentChildren, ViewContainerRef, HostAttributeToken, viewChildren, afterEveryRender, EventEmitter, Output, ViewChild, numberAttribute, ContentChild, provideZonelessChangeDetection, makeEnvironmentProviders, HostBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 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, Subject, EMPTY, from, combineLatest, race, take, startWith } from 'rxjs';
 import { rxResource, toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -109,6 +109,12 @@ const APP_CONTEXT_REF = new InjectionToken('APP_CONTEXT_REF');
  * 0007) and init asks for Agreement to it.
  */
 const APP_LINK = new InjectionToken('APP_LINK', { providedIn: 'root', factory: () => signal(undefined) });
+/**
+ * The loading counter this application's requests move, ahead of the host's
+ * shared one. A Plugin provides its own so its requests never turn the host's
+ * `busy` on (libs/one CONTEXT.md Plugin); unset, the host's counter is used.
+ */
+const LOADING_ACTIONS_REF = new InjectionToken('LOADING_ACTIONS_REF');
 const IS_SIDE_PANEL = new InjectionToken('IS_SIDE_PANEL');
 // SVG markup supplied by name from memory instead of fetched as an asset.
 // `m-icon` reads it before its own resource, so a glyph that exists only in a
@@ -190,6 +196,32 @@ function setWcTier(remoteId, tier) {
         delete tiers[remoteId];
     win.__MAGMONIUM_WC_TIERS__ = tiers;
 }
+/** Pins an AppLink's `local` tier to a dev-server port, or unpins it. */
+function setWcLocalPort(remoteId, port) {
+    const win = tierWindow();
+    if (!win)
+        return;
+    const ports = { ...(win.__MAGMONIUM_WC_LOCAL_PORTS__ ?? {}) };
+    if (port)
+        ports[remoteId] = port;
+    else
+        delete ports[remoteId];
+    win.__MAGMONIUM_WC_LOCAL_PORTS__ = ports;
+}
+/**
+ * Where an AppLink pinned to `local` is served: the app's own dev server, whose
+ * `assets/` holds `remote/app-wc.json`, the bundle and every asset. Undefined
+ * when it is not pinned there, or has no usable port.
+ */
+function wcLocalBaseOf(remoteId) {
+    const win = tierWindow();
+    if (win?.__MAGMONIUM_WC_TIERS__?.[remoteId] !== 'local')
+        return undefined;
+    const port = win.__MAGMONIUM_WC_LOCAL_PORTS__?.[remoteId];
+    return port && Number.isInteger(port) && port > 0 && port < 65536
+        ? `http://localhost:${port}/assets`
+        : undefined;
+}
 function wcTierOf(remoteId) {
     return tierWindow()?.__MAGMONIUM_WC_TIERS__?.[remoteId];
 }
@@ -207,6 +239,10 @@ function recordDefinedWcTier(selector, tier) {
     };
 }
 function buildWcBaseUrl(apiUrl, remoteId) {
+    // Asked for by name, so it wins over every guess below.
+    const local = wcLocalBaseOf(remoteId);
+    if (local)
+        return local;
     if (tierWindow()?.__MAGMONIUM_STANDALONE__) {
         return '/assets';
     }
@@ -214,7 +250,7 @@ function buildWcBaseUrl(apiUrl, remoteId) {
         return `/local-dist/m-${remoteId}-wc`;
     }
     const tier = wcTierOf(remoteId);
-    return `${apiUrl}/store/v1/wc/${remoteId}${tier ? `/${tier}` : ''}`;
+    return `${apiUrl}/store/v1/wc/${remoteId}${tier === 'beta' ? '/beta' : ''}`;
 }
 
 /** Access domains — routed to Auth URL when it differs from Backend URL (ADR 0012). */
@@ -306,11 +342,14 @@ class HttpService {
         return this.http.get(url, { responseType: 'text' });
     }
     wc(link, filePath) {
+        const local = wcLocalBaseOf(link);
+        if (local)
+            return this.http.get(`${local}/${filePath.join('/')}`);
         if (isLocalhost) {
             return this.http.get(`/local-dist/m-${link}-wc/${filePath.join('/')}`);
         }
         const tier = wcTierOf(link);
-        return this.get('store', ['wc', link, ...(tier ? [tier] : []), ...filePath]);
+        return this.get('store', ['wc', link, ...(tier === 'beta' ? [tier] : []), ...filePath]);
     }
     buildWcUrl(link) {
         return buildWcBaseUrl(this.url, link);
@@ -2869,13 +2908,23 @@ const GRID_BREAKPOINTS = {
     xxl: 1400,
 };
 
-const loadingSignal = signal({
-    requestCount: 0,
-}, ...(ngDevMode ? [{ debugName: "loadingSignal" }] : /* istanbul ignore next */ []));
-const isLoadingComputed = computed(() => loadingSignal().requestCount > 0, ...(ngDevMode ? [{ debugName: "isLoadingComputed" }] : /* istanbul ignore next */ []));
-const hasErrorComputed = computed(() => !!loadingSignal().error, ...(ngDevMode ? [{ debugName: "hasErrorComputed" }] : /* istanbul ignore next */ []));
-const isCancelledComputed = computed(() => !!loadingSignal().cancelled, ...(ngDevMode ? [{ debugName: "isCancelledComputed" }] : /* istanbul ignore next */ []));
-const loadingActions = {
+/**
+ * One loading counter and the actions that move it. The module's own is the
+ * app-wide one every Screen's `busy` reads; a Plugin makes another so its
+ * requests never move it (libs/one CONTEXT.md Plugin).
+ */
+function createLoadingState() {
+    const loadingSignal = signal({
+        requestCount: 0,
+    }, ...(ngDevMode ? [{ debugName: "loadingSignal" }] : /* istanbul ignore next */ []));
+    return {
+        isLoading: computed(() => loadingSignal().requestCount > 0),
+        hasError: computed(() => !!loadingSignal().error),
+        isCancelled: computed(() => !!loadingSignal().cancelled),
+        actions: createLoadingActions(loadingSignal),
+    };
+}
+const createLoadingActions = (loadingSignal) => ({
     // Synchronous, where stopLoading is deferred. Deferring both collapsed a fast
     // or cached response into one microtask batch — the count went 0 → 1 → 0 with
     // no change detection in between, so the overlay never rendered a frame. The
@@ -2944,7 +2993,12 @@ const loadingActions = {
             });
         });
     },
-};
+});
+const appLoading = createLoadingState();
+const isLoadingComputed = appLoading.isLoading;
+const hasErrorComputed = appLoading.hasError;
+const isCancelledComputed = appLoading.isCancelled;
+const loadingActions = appLoading.actions;
 
 function classListSignal(element) {
     const classSignal = signal(Array.from(element.classList), ...(ngDevMode ? [{ debugName: "classSignal" }] : /* istanbul ignore next */ []));
@@ -4036,9 +4090,9 @@ const isDefaultNav = (navId) => navIdSegment(navId) === DEFAULT_NAV_SEGMENT;
  * landing on `root_app_default` is standing on `root_app`, and the panel says
  * so rather than naming a segment that is on no menu.
  */
-const visibleNavId = (navId) => {
+const visibleNavId = (navId, transparent = EMPTY_HIDDEN) => {
     let id = navId;
-    while (id !== ROOT_NAV$1 && isDefaultNav(id))
+    while (id !== ROOT_NAV$1 && (isDefaultNav(id) || transparent.has(id)))
         id = parentNavId(id) ?? ROOT_NAV$1;
     return id;
 };
@@ -4059,6 +4113,12 @@ const childIdsOf = (navId, navMap) => {
         return declared;
     return Object.keys(navMap).filter((id) => parentNavId(id) === navId && !PLATFORM_BUTTON_NAV_IDS.includes(id));
 };
+/**
+ * Whether `navId` is one of the Platform Navs a mounted app brings under its
+ * own root (`<root>_settings`, …). An Open App draws as part of its host, so
+ * the host's chrome is the only chrome — the app's own is never a row.
+ */
+const isOwnChrome = (navId, appRootId) => PLATFORM_BUTTON_NAV_IDS.some((platformId) => navId === appRootId + platformId.slice(ROOT_NAV$1.length));
 /**
  * The children a menu may draw. A Nav needs a title to be a row at all, and a
  * `default` node is not a row: it is its parent's own content, so it is
@@ -4086,15 +4146,17 @@ const menuChildIds = (navId, navMap, dynamicRows = {}, instances = {},
 // A set rather than a predicate: the answers are resolved once per read of
 // the widget maps, and this walk is called from four places that would
 // otherwise each resolve them again.
-hidden = EMPTY_HIDDEN) => childIdsOf(navId, navMap).flatMap((childId) => {
+hidden = EMPTY_HIDDEN, 
+// Default Navs by role rather than by name (DeriveBreadcrumbParams).
+transparent = EMPTY_HIDDEN) => childIdsOf(navId, navMap).flatMap((childId) => {
     // Hidden first, and before the Default Nav descent: a hidden parent takes
     // its children with it, which is the same cascade the route guard walks —
     // a row spliced out of a panel whose children still listed beneath it
     // would be the panel that looks correct and is not.
     if (hidden.has(childId))
         return [];
-    if (isDefaultNav(childId))
-        return menuChildIds(childId, navMap, dynamicRows, instances, hidden);
+    if (isDefaultNav(childId) || transparent.has(childId))
+        return menuChildIds(childId, navMap, dynamicRows, instances, hidden, transparent).filter((id) => !transparent.has(childId) || !isOwnChrome(id, childId));
     if (navMap[childId]?.presentation === 'dynamic') {
         if (drawsRows(childId, dynamicRows))
             return [childId];
@@ -4115,10 +4177,11 @@ hidden = EMPTY_HIDDEN) => childIdsOf(navId, navMap).flatMap((childId) => {
  * list the User moved through and the row they are on is the one marked
  * active. Root is the floor: its own children are the last list there is.
  */
-const navMenuOwnerId = (navId, navMap, hasOwnContent = false, dynamicRows = {}, instances = {}, hidden = EMPTY_HIDDEN) => {
-    const visible = visibleNavId(navId);
+const navMenuOwnerId = (navId, navMap, hasOwnContent = false, dynamicRows = {}, instances = {}, hidden = EMPTY_HIDDEN, transparent = EMPTY_HIDDEN) => {
+    const visible = visibleNavId(navId, transparent);
     if (visible === ROOT_NAV$1 ||
-        menuChildIds(visible, navMap, dynamicRows, instances, hidden).length) {
+        menuChildIds(visible, navMap, dynamicRows, instances, hidden, transparent)
+            .length) {
         return visible;
     }
     // A panel that answers with a widget of its own keeps its own title —
@@ -4132,8 +4195,9 @@ const navMenuOwnerId = (navId, navMap, hasOwnContent = false, dynamicRows = {},
     // own row marked. Where no ancestor lists anything there is no better title
     // than the one we are on — a mistitled empty panel is worse than a titled one.
     for (let ancestor = parentNavId(visible); ancestor; ancestor = parentNavId(ancestor)) {
-        const owner = visibleNavId(ancestor);
-        if (menuChildIds(owner, navMap, dynamicRows, instances, hidden).length)
+        const owner = visibleNavId(ancestor, transparent);
+        if (menuChildIds(owner, navMap, dynamicRows, instances, hidden, transparent)
+            .length)
             return owner;
         if (owner === ROOT_NAV$1)
             break;
@@ -4149,11 +4213,11 @@ const navMenuOwnerId = (navId, navMap, hasOwnContent = false, dynamicRows = {},
  * store behind it fills, and a chevron waiting on them would pop in late or
  * not at all. One that resolves nothing leaves the Browse on the empty state.
  */
-const isBrowsable = (navId, navMap, dynamicRows, instances, hidden) => navMap[navId]?.kind === 'url' &&
+const isBrowsable = (navId, navMap, dynamicRows, instances, hidden, transparent) => navMap[navId]?.kind === 'url' &&
     menuChildIds(navId, navMap, Object.fromEntries(Object.entries(dynamicRows).map(([id, rows]) => [
         id,
         { ...rows, loading: true },
-    ])), instances, hidden).length > 0;
+    ])), instances, hidden, transparent).length > 0;
 /**
  * The rows one panel draws. A `dynamic` child with a NavRowSource behind it is
  * **transparent** the way a Default Nav is: its resolved rows are spliced where
@@ -4167,14 +4231,14 @@ const isBrowsable = (navId, navMap, dynamicRows, instances, hidden) => navMap[na
  * falling through to the static siblings around it would show a panel that
  * looks correct and is not.
  */
-const buildNavMenus = (navId, navMap, anchor, dynamicRows = {}, routeParams, instances = {}, hidden = EMPTY_HIDDEN) => menuChildIds(navId, navMap, dynamicRows, instances, hidden).flatMap((childId) => {
+const buildNavMenus = (navId, navMap, anchor, dynamicRows = {}, routeParams, instances = {}, hidden = EMPTY_HIDDEN, transparent = EMPTY_HIDDEN) => menuChildIds(navId, navMap, dynamicRows, instances, hidden, transparent).flatMap((childId) => {
     const nav = navMap[childId];
     const resolved = nav && dynamicRows[childId];
     // The instances above this row, whether it is a row of its own or one of
     // the rows a source resolved: a panel drawn beneath a dynamic Nav is a
     // panel every entry in it routes behind.
     const inherited = navParamsFor(parentNavId(childId) ?? childId, navMap, routeParams);
-    const browsable = isBrowsable(childId, navMap, dynamicRows, instances, hidden)
+    const browsable = isBrowsable(childId, navMap, dynamicRows, instances, hidden, transparent)
         ? { browsable: true }
         : {};
     if (!nav || nav.presentation !== 'dynamic' || !resolved) {
@@ -4204,7 +4268,7 @@ const mergeTrail = (derived, override, derivedHeader) => {
     return { trail, header: override.header ?? derivedHeader };
 };
 function deriveBreadcrumb(params) {
-    const { navId, navMap, anchor, breadcrumb, navMenu, hasOwnContent, dynamicRows, routeParams, instances, hidden = EMPTY_HIDDEN, } = params;
+    const { navId, navMap, anchor, breadcrumb, navMenu, hasOwnContent, dynamicRows, routeParams, instances, hidden = EMPTY_HIDDEN, transparent = EMPTY_HIDDEN, } = params;
     if (!navId)
         return emptyResult();
     /**
@@ -4253,15 +4317,15 @@ function deriveBreadcrumb(params) {
     // The header and the trail belong to whichever Nav owns the menu below them:
     // on a leaf that is the parent, so the User reads the list they are in with
     // their own row marked, rather than a title over an empty panel.
-    const ownerId = navMenuOwnerId(navId, navMap, hasOwnContent, dynamicRows, instances, hidden);
+    const ownerId = navMenuOwnerId(navId, navMap, hasOwnContent, dynamicRows, instances, hidden, transparent);
     // An emitted breadcrumb names the panel it was emitted for. Once the panel
     // has been handed up to an ancestor it is no longer that panel, so the
     // override would title the ancestor's list after the leaf we left.
-    const ownPanel = ownerId === visibleNavId(navId);
+    const ownPanel = ownerId === visibleNavId(navId, transparent);
     const chain = navIdChain(ownerId);
     const derivedTrail = chain
         .slice(0, -1)
-        .filter((id) => !isDefaultNav(id))
+        .filter((id) => !isDefaultNav(id) && !transparent.has(id))
         .map((id) => toTrailItem(id, navMap, anchor, instanceOf(id), rowParams(id)));
     const nav = navMap[ownerId];
     const ownerParams = rowParams(ownerId);
@@ -4283,7 +4347,7 @@ function deriveBreadcrumb(params) {
         breadcrumb: { trail, header },
         navMenus: navMenu?.length && ownPanel
             ? navMenu
-            : buildNavMenus(ownerId, navMap, anchor, dynamicRows, routeParams, instances, hidden),
+            : buildNavMenus(ownerId, navMap, anchor, dynamicRows, routeParams, instances, hidden, transparent),
     };
 }
 
@@ -4562,6 +4626,15 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
             ? [{ name: appLink, link: appLink, appNavId }, ...mounts]
             : mounts;
     }, ...(ngDevMode ? [{ debugName: "allMounts" }] : /* istanbul ignore next */ []));
+    /**
+     * Each mounted Open App's root (store CONTEXT.md): the host draws the app
+     * as its own, so its root is a Default Nav by role — its rows are the
+     * host's rows, and it is never a trail entry, a header or a node with the
+     * app's logo.
+     */
+    const transparentNavIds = computed(() => new Set(allMounts()
+        .filter(({ link }) => store.wcConfigMap()[link]?.open)
+        .map(({ appNavId }) => appNavId)), ...(ngDevMode ? [{ debugName: "transparentNavIds" }] : /* 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 —
@@ -4903,10 +4976,15 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         const hit = widgetEntry();
         return hit && isNavMenuConfig(hit.entry) ? hit.entry : null;
     }, ...(ngDevMode ? [{ debugName: "resolvedNavMenuConfig" }] : /* istanbul ignore next */ []));
-    const currentWcConfig = computed(() => {
+    /** The active app's config as fetched, Open App or not. */
+    const activeWcConfig = computed(() => {
         const appLink = store.appLink();
         return appLink ? store.wcConfigMap()[appLink] : undefined;
-    }, ...(ngDevMode ? [{ debugName: "currentWcConfig" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "activeWcConfig" }] : /* istanbul ignore next */ []));
+    /** The active app draws as part of the host: no logo, footer or settings of its own. */
+    const activeAppOpen = computed(() => !!activeWcConfig()?.open, ...(ngDevMode ? [{ debugName: "activeAppOpen" }] : /* istanbul ignore next */ []));
+    /** The active app as the chrome shows it — none while it is an Open App. */
+    const currentWcConfig = computed(() => activeAppOpen() ? undefined : activeWcConfig(), ...(ngDevMode ? [{ debugName: "currentWcConfig" }] : /* istanbul ignore next */ []));
     /**
      * The Nav the open panel *is*, which is the key its content answered to.
      * A Murl that fell through to its root-anchored panel is showing that
@@ -4923,8 +5001,7 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         // asset holds — left the page's own menu up under its own header.
         const map = store.navMap();
         const rows = dynamicRows();
-        return (candidates.find((c) => menuChildIds(c, map, rows, dynamicInstances(), hiddenNavIds())
-            .length) ??
+        return (candidates.find((c) => menuChildIds(c, map, rows, dynamicInstances(), hiddenNavIds(), transparentNavIds()).length) ??
             // A leaf nothing is registered for is still a Nav the tree knows, and
             // that is where the panel belongs: `|settings|app` with no widget hands
             // the panel back to *settings*, whose row it is, rather than climbing
@@ -4953,6 +5030,7 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
             dynamicRows: dynamicRows(),
             instances: dynamicInstances(),
             hidden: hiddenNavIds(),
+            transparent: transparentNavIds(),
             routeParams: panelParams(),
             breadcrumb: menuConfig?.breadcramb?.() ??
                 (typeof widgetConfig?.breadcramb === 'function'
@@ -5001,6 +5079,8 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         navMenus,
         navHasContent,
         currentWcConfig,
+        activeAppOpen,
+        transparentNavIds,
         resolvedNavMenuConfig,
         instanceLoaders,
         hiddenNavIds,
@@ -5362,7 +5442,7 @@ const NavStore = signalStore({ providedIn: 'root' }, withState(initialState$3),
         const parent = owner ? parentNavId(owner) : undefined;
         if (!parent)
             return;
-        browse(visibleNavId(parent), untracked(() => store.panelParams()));
+        browse(visibleNavId(parent, untracked(() => store.transparentNavIds())), untracked(() => store.panelParams()));
     };
     /**
      * Moves the open panel onto another Nav and never the User: the Address,
@@ -10599,6 +10679,9 @@ class AgreementGate {
         catch {
             return;
         }
+        // An Open App needs no Relation: nothing to install, agree to or refuse.
+        if (view.open)
+            return;
         const app = { id: view.app, link, name };
         if (view.countryBlocked) {
             await this.#countryBlocked(name ?? link);
@@ -11370,7 +11453,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-BcNgKeU8.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-BeNbv_Ox.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -11382,12 +11465,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-C-4aA16X.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-C1VDuH8J.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-BDzRVFz5.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-Kcns6JtV.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -19322,7 +19405,9 @@ const mInterceptor = (incoming, next) => {
     const isAuth = request.url.includes(`${authBaseUrl}/auth/`);
     const isInitCall = request.url === httpService.buildUrl('auth', ['init']);
     const isRefreshCall = request.url === httpService.buildUrl('auth', ['refresh']);
-    const actions = SharedStoreRegistry.getLoadingActions() ?? loadingActions;
+    const actions = inject(LOADING_ACTIONS_REF, { optional: true }) ??
+        SharedStoreRegistry.getLoadingActions() ??
+        loadingActions;
     const notificationService = inject(NotificationService);
     const defaultDenial = injectDefaultDenial();
     /**
@@ -23639,7 +23724,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-BcNgKeU8.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-BeNbv_Ox.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -23651,12 +23736,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-C-4aA16X.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-C1VDuH8J.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-BDzRVFz5.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-Kcns6JtV.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -25385,7 +25470,7 @@ class FileUploadInputComponent extends BaseInputComponent {
         const modalStore = this.modalStore;
         if (!modalStore)
             return undefined;
-        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-BbFlj-1H.mjs');
+        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-B2079TFM.mjs');
         const ratio = String(this.config()?.ratio ?? '');
         return new Promise((resolve) => {
             const modalRef = new ModalRef();
@@ -25721,12 +25806,16 @@ class ListComponent extends ConfigComponent {
     orientation = input(undefined, ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     gap = input(undefined, ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
     startIcon = input(undefined, ...(ngDevMode ? [{ debugName: "startIcon" }] : /* istanbul ignore next */ []));
+    iconColor = input(undefined, ...(ngDevMode ? [{ debugName: "iconColor" }] : /* istanbul ignore next */ []));
     items = input(undefined, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     noTranslate = input(undefined, ...(ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []));
     resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? 'unordered', ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
     isOrdered = computed(() => this.resolvedVariant() === 'ordered', ...(ngDevMode ? [{ debugName: "isOrdered" }] : /* istanbul ignore next */ []));
     resolvedOrientation = computed(() => this.orientation() ?? this.config()?.orientation ?? 'vertical', ...(ngDevMode ? [{ debugName: "resolvedOrientation" }] : /* istanbul ignore next */ []));
     resolvedStartIcon = computed(() => this.startIcon() ?? this.config()?.startIcon, ...(ngDevMode ? [{ debugName: "resolvedStartIcon" }] : /* istanbul ignore next */ []));
+    // Undefined leaves the Icon on its own default — the brand colour — rather
+    // than pinning one here.
+    resolvedIconColor = computed(() => this.iconColor() ?? this.config()?.iconColor, ...(ngDevMode ? [{ debugName: "resolvedIconColor" }] : /* istanbul ignore next */ []));
     resolvedGap = computed(() => resolveGap(this.gap() ?? this.config()?.gap), ...(ngDevMode ? [{ debugName: "resolvedGap" }] : /* istanbul ignore next */ []));
     /**
      * What sits before a row, or nothing at all. A `menu` carries its glyphs
@@ -25783,7 +25872,7 @@ class ListComponent extends ConfigComponent {
         last,
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListComponent, isStandalone: true, selector: "m-list, m-one-list", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-design-mode": "isDesignMode", "style.--m-list-gap": "resolvedGap()", "style.--m-list-counter-digits": "counterDigits()" }, classAttribute: "m-list" }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListComponent, isStandalone: true, selector: "m-list, m-one-list", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-design-mode": "isDesignMode", "style.--m-list-gap": "resolvedGap()", "style.--m-list-counter-digits": "counterDigits()" }, classAttribute: "m-list" }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template #rowList>
       @for (item of rows(); track item.id; let i = $index) {
         <li class="m-list__item">
@@ -25795,7 +25884,11 @@ class ListComponent extends ConfigComponent {
               aria-hidden="true"
             >
               @if (kind === 'icon') {
-                <m-icon [name]="resolvedStartIcon()!" [baseUrl]="baseUrl()" />
+                <m-icon
+                  [name]="resolvedStartIcon()!"
+                  [color]="resolvedIconColor()"
+                  [baseUrl]="baseUrl()"
+                />
               } @else if (kind === 'counter') {
                 {{ i + 1 }}.
               } @else {
@@ -25832,7 +25925,7 @@ class ListComponent extends ConfigComponent {
         <ng-container *ngTemplateOutlet="rowList" />
       </ul>
     }
-  `, 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)}}:host{display:block;width:100%}:host(.is-design-mode){min-height:4em}.m-list__list{display:flex;gap:var(--m-list-gap, 0);margin:0;padding:0;list-style:none}.m-list__list--vertical{flex-direction:column}.m-list__list--horizontal{flex-direction:row;flex-wrap:wrap}.m-list__list.align-center{align-items:center}.m-list__list.align-right{align-items:flex-end}.m-list__item{display:flex;align-items:baseline;gap:.5em;min-width:0}.m-list__item:has(>.m-list__marker--icon){align-items:flex-start}.m-list__marker{flex:0 0 auto;display:flex;align-items:center;color:var(--m-text-tertiary);line-height:inherit}.m-list__marker--counter{justify-content:flex-end;min-width:calc(var(--m-list-counter-digits, 1) * 1ch + .5ch);font-variant-numeric:tabular-nums}.m-list__body{flex:1 1 auto;min-width:0}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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 });
+  `, isInline: true, styles: ["@charset \"UTF-8\";@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)}}:host{display:block;width:100%}:host(.is-design-mode){min-height:4em}.m-list__list{display:flex;gap:var(--m-list-gap, 0);margin:0;padding:0;list-style:none}.m-list__list--vertical{flex-direction:column}.m-list__list--horizontal{flex-direction:row;flex-wrap:wrap}.m-list__list.align-center{align-items:center}.m-list__list.align-right{align-items:flex-end}.m-list__item{display:flex;align-items:baseline;gap:.5em;min-width:0}.m-list__marker{flex:0 0 auto;display:flex;align-items:center;color:var(--m-text-tertiary);line-height:inherit}.m-list__marker--icon:before{content:\"\\200b\"}.m-list__marker--counter{justify-content:flex-end;min-width:calc(var(--m-list-counter-digits, 1) * 1ch + .5ch);font-variant-numeric:tabular-nums}.m-list__body{flex:1 1 auto;min-width:0}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
@@ -25848,7 +25941,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               aria-hidden="true"
             >
               @if (kind === 'icon') {
-                <m-icon [name]="resolvedStartIcon()!" [baseUrl]="baseUrl()" />
+                <m-icon
+                  [name]="resolvedStartIcon()!"
+                  [color]="resolvedIconColor()"
+                  [baseUrl]="baseUrl()"
+                />
               } @else if (kind === 'counter') {
                 {{ i + 1 }}.
               } @else {
@@ -25890,8 +25987,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[class.is-design-mode]': 'isDesignMode',
                         '[style.--m-list-gap]': 'resolvedGap()',
                         '[style.--m-list-counter-digits]': 'counterDigits()',
-                    }, 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)}}:host{display:block;width:100%}:host(.is-design-mode){min-height:4em}.m-list__list{display:flex;gap:var(--m-list-gap, 0);margin:0;padding:0;list-style:none}.m-list__list--vertical{flex-direction:column}.m-list__list--horizontal{flex-direction:row;flex-wrap:wrap}.m-list__list.align-center{align-items:center}.m-list__list.align-right{align-items:flex-end}.m-list__item{display:flex;align-items:baseline;gap:.5em;min-width:0}.m-list__item:has(>.m-list__marker--icon){align-items:flex-start}.m-list__marker{flex:0 0 auto;display:flex;align-items:center;color:var(--m-text-tertiary);line-height:inherit}.m-list__marker--counter{justify-content:flex-end;min-width:calc(var(--m-list-counter-digits, 1) * 1ch + .5ch);font-variant-numeric:tabular-nums}.m-list__body{flex:1 1 auto;min-width:0}\n"] }]
-        }], 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 }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
+                    }, styles: ["@charset \"UTF-8\";@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)}}:host{display:block;width:100%}:host(.is-design-mode){min-height:4em}.m-list__list{display:flex;gap:var(--m-list-gap, 0);margin:0;padding:0;list-style:none}.m-list__list--vertical{flex-direction:column}.m-list__list--horizontal{flex-direction:row;flex-wrap:wrap}.m-list__list.align-center{align-items:center}.m-list__list.align-right{align-items:flex-end}.m-list__item{display:flex;align-items:baseline;gap:.5em;min-width:0}.m-list__marker{flex:0 0 auto;display:flex;align-items:center;color:var(--m-text-tertiary);line-height:inherit}.m-list__marker--icon:before{content:\"\\200b\"}.m-list__marker--counter{justify-content:flex-end;min-width:calc(var(--m-list-counter-digits, 1) * 1ch + .5ch);font-variant-numeric:tabular-nums}.m-list__body{flex:1 1 auto;min-width:0}\n"] }]
+        }], 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 }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 
 const TOTAL_COLUMNS = 12;
 
@@ -27870,6 +27967,156 @@ 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 }] }] } });
 
+/** What a Plugin element dispatches for every output its Screen emits. */
+const PLUGIN_OUTPUT_EVENT = 'plugin-output';
+/**
+ * The language a Plugin's keys fall back to when its app ships none for the
+ * host's — the app's Default Language, which is `en` for every app today.
+ */
+const PLUGIN_FALLBACK_LANG = 'en';
+const PLUGIN_SCREENS = new InjectionToken('PLUGIN_SCREENS');
+/**
+ * Offers Screens to other apps as Plugins (libs/one CONTEXT.md). Listed in the
+ * app's providers; its wc bundle defines one element per Screen at load,
+ * without booting the app's root.
+ */
+function exposeScreens(screens) {
+    return { provide: PLUGIN_SCREENS, useValue: screens, multi: true };
+}
+/** Every Screen the app exposes, however many `exposeScreens` calls list them. */
+function exposedScreensOf(injector) {
+    return Object.assign({}, ...(injector.get(PLUGIN_SCREENS, null, { optional: true }) ?? []));
+}
+/**
+ * The element tag of an Exposed Screen: under the app's own root selector, so
+ * two apps exposing one name never clash, and derivable by a host that holds
+ * only the app's config and the Screen's name.
+ */
+const pluginTag = (selector, screen) => `${selector}--${screen}`;
+/**
+ * The application a Plugin runs in, beside its app's root rather than inside
+ * it: own HttpService, own translations, own loading counter. Spread last over
+ * the app's providers so these win.
+ */
+function providePluginRuntime() {
+    return [
+        // Its own counter: neither the host's `busy` nor its app root's freeze
+        // overlay moves for a Plugin's requests.
+        { provide: LOADING_ACTIONS_REF, useFactory: () => createLoadingState().actions },
+        {
+            provide: TranslateService,
+            useFactory: () => {
+                const own = new TranslateService();
+                own.init();
+                own.remoteFallbackLang.set(PLUGIN_FALLBACK_LANG);
+                return own;
+            },
+        },
+        // The nearest host's AppLink, set by the element when it connects (api ADR 0008).
+        { provide: APP_LINK, useFactory: () => signal(undefined) },
+    ];
+}
+/**
+ * The custom element one Exposed Screen mounts as. Inputs are element
+ * properties, outputs one `plugin-output` event each; `lang`, `pluginLink`
+ * and `hostLink` are set by the host's `m-plugin` before it connects.
+ */
+function createPluginElement(component, pluginApp) {
+    const mirror = reflectComponentType(component);
+    const inputs = mirror?.inputs.map((i) => i.templateName) ?? [];
+    const outputs = mirror?.outputs ?? [];
+    class PluginElement extends HTMLElement {
+        pluginLink;
+        hostLink;
+        ref;
+        app;
+        mounting = false;
+        language;
+        values = new Map();
+        subscriptions = [];
+        get lang() {
+            return this.language ?? '';
+        }
+        set lang(value) {
+            this.language = value;
+            if (value)
+                this.app?.injector.get(TranslateService).setLang(value);
+        }
+        connectedCallback() {
+            void this.mount();
+        }
+        disconnectedCallback() {
+            this.subscriptions.forEach((s) => s.unsubscribe());
+            this.subscriptions = [];
+            this.ref?.destroy();
+            this.ref = undefined;
+            this.replaceChildren();
+        }
+        setInput(name, value) {
+            this.values.set(name, value);
+            this.ref?.setInput(name, value);
+        }
+        async mount() {
+            if (this.ref || this.mounting)
+                return;
+            this.mounting = true;
+            try {
+                this.app ??= await pluginApp();
+            }
+            finally {
+                this.mounting = false;
+            }
+            if (!this.isConnected || this.ref)
+                return;
+            const injector = this.app.injector;
+            if (this.hostLink)
+                injector.get(APP_LINK).set(this.hostLink);
+            const translate = injector.get(TranslateService);
+            if (this.pluginLink)
+                translate.remoteAppId.set(this.pluginLink);
+            if (this.language)
+                translate.setLang(this.language);
+            const hostElement = document.createElement('div');
+            this.appendChild(hostElement);
+            const ref = createComponent(component, {
+                environmentInjector: injector,
+                hostElement,
+            });
+            this.values.forEach((value, name) => ref.setInput(name, value));
+            this.subscriptions = outputs.map(({ propName, templateName }) => ref.instance[propName].subscribe((value) => this.dispatchEvent(new CustomEvent(PLUGIN_OUTPUT_EVENT, {
+                detail: { name: templateName, value },
+            }))));
+            this.app.attachView(ref.hostView);
+            this.ref = ref;
+        }
+    }
+    for (const name of inputs) {
+        Object.defineProperty(PluginElement.prototype, name, {
+            configurable: true,
+            get() {
+                return this.values.get(name);
+            },
+            set(value) {
+                this.setInput(name, value);
+            },
+        });
+    }
+    return PluginElement;
+}
+/**
+ * Defines every Exposed Screen's element. The Plugin application is created
+ * once, on the first mount, so an app nobody mounts a Plugin of pays nothing.
+ */
+function definePluginScreens(selector, screens, createPluginApp) {
+    let app;
+    const pluginApp = () => (app ??= createPluginApp());
+    for (const [name, component] of Object.entries(screens)) {
+        const tag = pluginTag(selector, name);
+        if (!customElements.get(tag))
+            customElements.define(tag, createPluginElement(component, pluginApp));
+    }
+}
+
 /** 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;
@@ -27937,11 +28184,40 @@ class RemoteLoaderService {
      * fetched, because the link is concatenated into a module-script URL.
      */
     loadFromLink = async (link, useShadow = false, props, children) => {
+        const config = await this.configOf(link);
+        return config.reason
+            ? config
+            : this.mount(config.config, useShadow, props, children);
+    };
+    /**
+     * Loads one Exposed Screen of the app a Store link names, as a Plugin: the
+     * app's bundle, then the Screen's own element, never the app's root.
+     */
+    loadPluginFromLink = async (link, screen, props) => {
+        const loaded = await this.configOf(link);
+        if (loaded.reason)
+            return loaded;
+        const config = loaded.config;
+        const bundle = await this.loadBundle(config);
+        if (bundle !== true)
+            return bundle;
+        const tag = pluginTag(config.selector, screen);
+        // The bundle defines its Plugins before its root, so a tag still missing
+        // once the root is defined is a Screen the app does not expose.
+        if (!customElements.get(tag))
+            return { reason: 'screen-not-found' };
+        const element = this.create(tag, props || {});
+        const { assetBaseUrl } = this.resolveUrls(config);
+        return element ? { element, assetBaseUrl, config } : { reason: 'element-timeout' };
+    };
+    /** The app's config, fetched by a link checked first — it is concatenated into a script URL. */
+    configOf = async (link) => {
         if (!LINK_SLUG.test(link))
             return { reason: 'invalid-link' };
-        let config;
         try {
-            config = await firstValueFrom(this.httpService.wc(link, ['remote', 'app-wc.json']));
+            const config = await firstValueFrom(this.httpService.wc(link, ['remote', 'app-wc.json']));
+            // The validated link, never the answer's own: the script URL is built from it.
+            return { config: { ...config, link } };
         }
         catch (error) {
             const status = error instanceof HttpErrorResponse ? error.status : 0;
@@ -27949,20 +28225,29 @@ class RemoteLoaderService {
                 ? { 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) => {
+        const bundle = await this.loadBundle(config);
+        if (bundle !== true)
+            return bundle;
+        const { assetBaseUrl } = this.resolveUrls(config);
+        const element = this.create(config.selector, props || {}, children || [], useShadow);
+        return element ? { element, assetBaseUrl, config } : { reason: 'element-timeout' };
+    };
+    /**
+     * The app's bundle loaded and its root element defined — `true`, or why not.
+     * Logged out answers nothing at all: not a failure, the login effect reloads.
+     */
+    loadBundle = async (config) => {
         if (this.loginStore && !this.loginStore.isLoggedIn()) {
             console.warn(`Attempted to load component ${config.selector} without authentication`);
             return {};
         }
-        const { scriptUrl, assetBaseUrl } = this.resolveUrls(config);
+        const { scriptUrl } = this.resolveUrls(config);
         if (!scriptUrl)
             return { reason: 'script-failed' };
         // A tag already defined by another tier's bundle would hand back that
@@ -27991,8 +28276,7 @@ class RemoteLoaderService {
             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' };
+        return true;
     };
     async loadScript(url) {
         if (document.querySelector(`script[data-wc-src="${url}"]`)) {
@@ -28627,6 +28911,208 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, 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"] }] } });
 
+/**
+ * One input of a Plugin's Exposed Screen, written as a child of `m-plugin`:
+ * the input's name on the tag and its value as a binding, so a template never
+ * spells the inputs as an object literal. Renders nothing.
+ */
+class PluginInputComponent {
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PluginInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: PluginInputComponent, isStandalone: true, selector: "m-plugin-input", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: none" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PluginInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'm-plugin-input',
+                    template: '',
+                    host: { style: 'display: none' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+/**
+ * One output of a Plugin's Exposed Screen, written as a child of `m-plugin`:
+ * the output's name on the tag and `(fired)` carrying each value it emits, so
+ * a template handles it like any other event. Renders nothing.
+ */
+class PluginOutputComponent {
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    fired = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PluginOutputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: PluginOutputComponent, isStandalone: true, selector: "m-plugin-output", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { fired: "fired" }, host: { styleAttribute: "display: none" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PluginOutputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'm-plugin-output',
+                    template: '',
+                    host: { style: 'display: none' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], fired: [{ type: i0.Output, args: ["fired"] }] } });
+
+/**
+ * Mounts another app's Exposed Screen as a Plugin (libs/one CONTEXT.md): an
+ * AppLink, the Screen's name, a value per input and one `output` event per
+ * output the Screen emits. Never a whole app and never an address — that is
+ * `m-remote`.
+ */
+class PluginComponent {
+    /** The AppLink of the app exposing the Screen. */
+    link = input.required(...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
+    /** The Exposed Screen's name. */
+    screen = input.required(...(ngDevMode ? [{ debugName: "screen" }] : /* istanbul ignore next */ []));
+    /** Where the app is loaded from; `published` unless asked otherwise. */
+    source = input('published', ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+    /** The dev-server port a `local` source is served from — `port="4300"` reads as a number. */
+    port = input(undefined, { ...(ngDevMode ? { debugName: "port" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null || value === ''
+            ? undefined
+            : numberAttribute(value) });
+    /** A value per input of the Exposed Screen, by its name. */
+    inputs = input({}, ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
+    /** The same, written as `m-plugin-input` children — these win over `inputs`. */
+    inputChildren = contentChildren(PluginInputComponent, ...(ngDevMode ? [{ debugName: "inputChildren" }] : /* istanbul ignore next */ []));
+    /** `m-plugin-output` children, each handed the values of the output it names. */
+    outputChildren = contentChildren(PluginOutputComponent, ...(ngDevMode ? [{ debugName: "outputChildren" }] : /* istanbul ignore next */ []));
+    values = computed(() => ({
+        ...this.inputs(),
+        ...Object.fromEntries(this.inputChildren().map((child) => [child.name(), child.value()])),
+    }), ...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
+    /** One per output the Exposed Screen emits, named as the Screen names it. */
+    output = output();
+    /** Why a load drew the broken state. */
+    failed = output();
+    loader = inject(RemoteLoaderService);
+    translateService = inject(TranslateService);
+    loginStore = inject(LOGIN_STORE, { optional: true });
+    hostLink = inject(APP_LINK);
+    elementRef = inject(ElementRef);
+    loadedElement;
+    /** Bumped per load, so an answer for a link since replaced is dropped. */
+    loadId = 0;
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    failure = signal({}, ...(ngDevMode ? [{ debugName: "failure" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.loginStore?.isLoggedIn();
+            const link = this.link();
+            const screen = this.screen();
+            const source = this.source();
+            const port = this.port();
+            untracked(() => {
+                // Pinned for the link as a whole: the manifest, the bundle and every
+                // asset the Plugin asks for are all built from it.
+                setWcTier(link, source === 'published' ? undefined : source);
+                setWcLocalPort(link, source === 'local' ? port : undefined);
+                void this.load(link, screen);
+            });
+        });
+        // Inputs reach the Screen without reloading it.
+        effect(() => {
+            const inputs = this.values();
+            const el = this.loadedElement;
+            if (!el)
+                return;
+            Object.entries(inputs).forEach(([key, value]) => {
+                el[key] = value;
+            });
+        });
+        // The Plugin speaks the host's language, from its own translations.
+        effect(() => {
+            const lang = this.translateService.lang();
+            if (this.loadedElement)
+                this.loadedElement.lang = lang;
+        });
+    }
+    ngOnDestroy() {
+        this.dismount();
+    }
+    load = async (link, screen) => {
+        const id = ++this.loadId;
+        this.dismount();
+        this.state.set('loading');
+        const result = await this.loader.loadPluginFromLink(link, screen, {
+            ...untracked(() => this.values()),
+            lang: untracked(() => this.translateService.lang()),
+            pluginLink: link,
+            hostLink: this.hostLink(),
+        });
+        if (id !== this.loadId)
+            return;
+        if (!result.element) {
+            this.failure.set(result);
+            if (result.reason)
+                this.failed.emit(result);
+            return this.state.set(result.reason ? 'failed' : 'idle');
+        }
+        this.loadedElement = result.element;
+        result.element.style.display = 'block';
+        result.element.addEventListener(PLUGIN_OUTPUT_EVENT, this.onOutput);
+        this.elementRef.nativeElement.appendChild(result.element);
+        this.state.set('loaded');
+    };
+    onOutput = (event) => {
+        const detail = event.detail;
+        this.output.emit(detail);
+        this.outputChildren()
+            .filter((child) => child.name() === detail.name)
+            .forEach((child) => child.fired.emit(detail.value));
+    };
+    dismount = () => {
+        this.loadedElement?.removeEventListener(PLUGIN_OUTPUT_EVENT, this.onOutput);
+        this.loadedElement?.remove();
+        this.loadedElement = undefined;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PluginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: PluginComponent, isStandalone: true, selector: "m-plugin", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, screen: { classPropertyName: "screen", publicName: "screen", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, port: { classPropertyName: "port", publicName: "port", isSignal: true, isRequired: false, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { output: "output", failed: "failed" }, host: { classAttribute: "m-plugin" }, queries: [{ propertyName: "inputChildren", predicate: PluginInputComponent, isSignal: true }, { propertyName: "outputChildren", predicate: PluginOutputComponent, isSignal: true }], ngImport: i0, template: `
+    @if (state() === 'loading') {
+      <div class="m-plugin__loading"><div class="m-plugin__spinner"></div></div>
+    } @else if (state() === 'failed') {
+      <div class="m-plugin__broken">
+        <m-icon name="link-broken" color="currentColor" />
+        <span class="m-plugin__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 }} }
+            @case ('screen-not-found') { {{ 'plugin-screen-not-found' | translate }} }
+          }
+        </span>
+        <span class="m-plugin__detail">{{ link() }} · {{ screen() }}</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-plugin{display:block}.m-plugin__loading,.m-plugin__broken{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.m-plugin__spinner{width:20px;height:20px;border:2px solid var(--m-backdrop-border);border-top-color:var(--m-mm);border-radius:50%;animation:plugin-spin .8s linear infinite}.m-plugin__broken{color:var(--m-text-secondary)}.m-plugin__detail{font-size:.85em}@keyframes plugin-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: PluginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'm-plugin', imports: [TranslatePipe, IconComponent], host: { class: 'm-plugin' }, template: `
+    @if (state() === 'loading') {
+      <div class="m-plugin__loading"><div class="m-plugin__spinner"></div></div>
+    } @else if (state() === 'failed') {
+      <div class="m-plugin__broken">
+        <m-icon name="link-broken" color="currentColor" />
+        <span class="m-plugin__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 }} }
+            @case ('screen-not-found') { {{ 'plugin-screen-not-found' | translate }} }
+          }
+        </span>
+        <span class="m-plugin__detail">{{ link() }} · {{ screen() }}</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-plugin{display:block}.m-plugin__loading,.m-plugin__broken{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.m-plugin__spinner{width:20px;height:20px;border:2px solid var(--m-backdrop-border);border-top-color:var(--m-mm);border-radius:50%;animation:plugin-spin .8s linear infinite}.m-plugin__broken{color:var(--m-text-secondary)}.m-plugin__detail{font-size:.85em}@keyframes plugin-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: true }] }], screen: [{ type: i0.Input, args: [{ isSignal: true, alias: "screen", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], port: [{ type: i0.Input, args: [{ isSignal: true, alias: "port", required: false }] }], inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }], inputChildren: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PluginInputComponent), { isSignal: true }] }], outputChildren: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PluginOutputComponent), { isSignal: true }] }], output: [{ type: i0.Output, args: ["output"] }], failed: [{ type: i0.Output, args: ["failed"] }] } });
+
 class TooltipComponent {
     text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
     template = input(...(ngDevMode ? [undefined, { debugName: "template" }] : /* istanbul ignore next */ []));
@@ -35303,7 +35789,7 @@ class NavMenuComponent {
     <div class="nav-menu">
       <m-list variant="menu" [data]="rows()" [template]="menuTemplate" />
     </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)}}:host{display:block;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "directive", type: MRefDirective, selector: "[mRef]", inputs: ["mRef", "mRefLinkActive", "mRefToggle", "mRefParams"] }, { kind: "component", type: ListComponent, selector: "m-list, m-one-list", inputs: ["data", "element", "template", "variant", "orientation", "gap", "startIcon", "items", "noTranslate"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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)}}:host{display:block;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "directive", type: MRefDirective, selector: "[mRef]", inputs: ["mRef", "mRefLinkActive", "mRefToggle", "mRefParams"] }, { kind: "component", type: ListComponent, selector: "m-list, m-one-list", inputs: ["data", "element", "template", "variant", "orientation", "gap", "startIcon", "iconColor", "items", "noTranslate"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavMenuComponent, decorators: [{
             type: Component,
@@ -35611,7 +36097,12 @@ class NavComponent {
     isNavOpened = computed(() => this.#navStore.isNavOpened(), ...(ngDevMode ? [{ debugName: "isNavOpened" }] : /* istanbul ignore next */ []));
     currentWcConfig = computed(() => this.#navStore.currentWcConfig(), ...(ngDevMode ? [{ debugName: "currentWcConfig" }] : /* istanbul ignore next */ []));
     appLink = computed(() => this.#navStore.appLink(), ...(ngDevMode ? [{ debugName: "appLink" }] : /* istanbul ignore next */ []));
-    logoPending = computed(() => !this.isHost() && !!this.appLink() && !this.currentWcConfig(), ...(ngDevMode ? [{ debugName: "logoPending" }] : /* istanbul ignore next */ []));
+    /** An Open App draws as part of the host: the host's logo, no apps button. */
+    activeAppOpen = computed(() => this.#navStore.activeAppOpen(), ...(ngDevMode ? [{ debugName: "activeAppOpen" }] : /* istanbul ignore next */ []));
+    logoPending = computed(() => !this.isHost() &&
+        !!this.appLink() &&
+        !this.currentWcConfig() &&
+        !this.activeAppOpen(), ...(ngDevMode ? [{ debugName: "logoPending" }] : /* istanbul ignore next */ []));
     logo = computed(() => {
         if (this.logoPending())
             return undefined;
@@ -35687,7 +36178,7 @@ class NavComponent {
                 };
                 return { ...common, apps: appsButton };
             }
-            else if (appLink) {
+            else if (appLink && !this.activeAppOpen()) {
                 const appsButton = {
                     icon: 'apps',
                     iconOnly: true,
@@ -41030,5 +41521,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ChatBubbleComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, BrowserLocaleService as S, TranslatePipe as T, ButtonGroupComponent as U, CALLING_APP_HEADER as V, COMPONENT_INPUT_REGISTRY as W, CardComponent as X, CardWrapperComponent as Y, CarouselComponent as Z, ChartComponent as _, MIN_ZOOM as a, HttpService as a$, CheckboxGroupComponent as a0, CheckboxInputComponent as a1, ClearableInputComponent as a2, ClipboardService as a3, ColComponent as a4, ColorPickerInputComponent as a5, CommentItemComponent as a6, CommentsApiService as a7, CommentsComponent as a8, CommentsStore as a9, DeviceService as aA, DocComponent as aB, DocEditorComponent as aC, DomService as aD, Domain as aE, DotGridComponent as aF, DragListDirective as aG, DragListItemDirective as aH, DraggableDirective as aI, DropdownInputComponent as aJ, FILTER_GROUP_CONTEXT as aK, FILTER_RANGE_MODES as aL, FILTER_VARIANTS as aM, FLEX_VARIANTS as aN, FOLDER_PICK_LISTENER as aO, FORM_ASSET_FOLDER as aP, FileService as aQ, FileUploadDirective as aR, FileUploadInputComponent as aS, FlexComponent as aT, FlexItemComponent as aU, FormGroupComponent as aV, FrameComponent as aW, FreezeService as aX, GRID_BREAKPOINTS as aY, GetNavService as aZ, HighlightDirective as a_, CompactNumberPipe as aa, ComponentInputComponent as ab, ComponentStepperComponent as ac, ConfigComponent as ad, ConfirmComponent as ae, ContextMenuComponent as af, CustomIconClass as ag, CustomIconEditComponent as ah, DEFAULT_DENIAL as ai, DEFAULT_DOC_DENSITY as aj, DEFAULT_DOC_VARIANT as ak, DEFAULT_FILTER_RANGE_MODE as al, DEFAULT_FILTER_VARIANT as am, DEFAULT_NAV_PARAM as an, DEFAULT_NAV_SEGMENT as ao, DEFAULT_SIZE as ap, DOCK_MIN_PAGE_REMAINDER as aq, DOCS_FOLDER as ar, DOC_ACTION_ICONS as as, DOC_DENSITIES as at, DOC_EDIT_ACTIONS as au, DOC_TOOLBAR_GROUPS as av, DOC_VARIANTS as aw, DashboardCardComponent as ax, DateInputComponent as ay, DatePickerComponent as az, MAX_ZOOM as b, PLATFORM_BUTTON_NAV_IDS as b$, ICON_SOURCE as b0, IS_SIDE_PANEL as b1, IconComponent as b2, ImgComponent as b3, InstrumentScoreComponent as b4, InterceptorObservables as b5, JumbotronComponent as b6, KeyValueComponent as b7, LAYOUT_ASSET_FOLDER as b8, LOGIN_COMPONENT as b9, NAV_MAIN_BUTTONS as bA, NAV_SEGMENT_RE as bB, NAV_STORE_REF as bC, NAV_WC_COMPONENTS as bD, NAV_WIDGET_MAP as bE, NavComponent as bF, NavDetailsComponent as bG, NavHeaderComponent as bH, NavMenuComponent as bI, NavStore as bJ, NavTrailComponent as bK, NothingComponent as bL, NotificationElementComponent as bM, NotificationGroupComponent as bN, NotificationPopupComponent as bO, NotificationService as bP, NotificationStore as bQ, NotificationType as bR, NotificationWidgetComponent as bS, ONE_ASSET_BASE_URL as bT, OPTIONS_SOURCE as bU, OVERLAY_WIDGETS as bV, OneApp as bW, OptionsSourceDirective as bX, OverlayBodyComponent as bY, OverlayRef as bZ, OverlayService as b_, LOGIN_STORE as ba, LanguageComponent as bb, ListComponent as bc, LogoComponent as bd, MAG_SOCKET_EVENT as be, MHeroColorDirective as bf, MHeroComponent as bg, MODAL_STORE_REF as bh, MOUNT_STATIC_SEGMENT as bi, MOUNT_TOKEN as bj, MRefDirective as bk, MStepComponent as bl, MURL_PARAM as bm, MURL_SEP as bn, ManifestEnrichmentService as bo, MarginDirective as bp, MenuComponent as bq, ModalDirective as br, ModalRef as bs, ModalStore as bt, MoneyPipe as bu, MultiRangeInputComponent as bv, MultiselectInputComponent as bw, MurlUrlSerializer as bx, NAV_DEFAULT_MURL as by, NAV_ID_SEP as bz, cropRect as c, SectionToggleItemDirective as c$, PLATFORM_EXTENSIBLE_NAV_IDS as c0, PLATFORM_NAV_MAP as c1, PLATFORM_ROOT_CHILDREN as c2, PaddingDirective as c3, PaginationComponent as c4, PanelComponent as c5, PercentagePipe as c6, PlaygroundComponent as c7, PositionDirective as c8, PwaInstallComponent as c9, SectionAccordionDirective as cA, SectionAccordionGroupDirective as cB, SectionBackComponent as cC, SectionBadgesComponent as cD, SectionButtonGroupComponent as cE, SectionCardComponent as cF, SectionCarouselComponent as cG, SectionComponent as cH, SectionFilterComponent as cI, SectionFilterGroupComponent as cJ, SectionFilterMenuComponent as cK, SectionFilterPanelComponent as cL, SectionFilterRangePanelComponent as cM, SectionFooterComponent as cN, SectionFormComponent as cO, SectionFormItemComponent as cP, SectionHeaderComponent as cQ, SectionHeroComponent as cR, SectionPaginationComponent as cS, SectionSearchComponent as cT, SectionStepperComponent as cU, SectionTableCellComponent as cV, SectionTableComponent as cW, SectionTableRowComponent as cX, SectionTableSortPipe as cY, SectionTabsComponent as cZ, SectionToggleComponent as c_, RECENT_SEARCH_LIMIT as ca, REMOTE_PAGE_RELOAD as cb, ROOT_NAV$1 as cc, RadioGroupComponent as cd, RadioInputComponent as ce, RatingInputComponent as cf, ReactiveElementComponent as cg, RemoteComponent as ch, RemoteLoaderService as ci, ResizeElementComponent as cj, RouteContainer as ck, RowComponent as cl, SEARCH_QUERY as cm, SEARCH_RESULTS_EVENT as cn, SECTION_ACCORDION_GROUP as co, SECTION_FORM_CONTEXT as cp, SECTION_TABLE_VARIANTS as cq, SHARED_ICONS as cr, SIZE_CONTEXT as cs, SPACING_INWARD as ct, ScoreComponent as cu, ScrollComponent as cv, ScrollService as cw, SearchPanelComponent as cx, SearchStore as cy, SearchUserPanelComponent as cz, drawFramed as d, applyDocEdit as d$, SelectableCardInputComponent as d0, SelectorDirective as d1, SettingsSearchBarComponent as d2, SettingsSearchService as d3, ShapeComponent as d4, SharedStoreRegistry as d5, SidePanelDirective as d6, Size as d7, SocketStore as d8, SortComponent as d9, ToggleRadioInputComponent as dA, ToolTipDirective as dB, TooltipComponent as dC, TranslateService as dD, TreeGridComponent as dE, URL_SEP as dF, USER_STORE_REF as dG, USER_TAB_MAP as dH, UniverseComponent as dI, UserApiService as dJ, UserAvatarComponent as dK, UserComponent as dL, UserNavComponent as dM, UserSettingsComponent as dN, UserStore as dO, WC_BUNDLE as dP, WC_NAVIGATE_EVENT as dQ, WC_ROUTE_CHANGED_EVENT as dR, WC_SEARCH_GROUPS as dS, WIN_USER_TAB_HOOK as dT, WIN_USER_TAB_KEY as dU, WatermarkComponent as dV, WcRouterStore as dW, WrapperInputComponent as dX, allowedCodes as dY, anchorNavId as dZ, applyColorsToElement as d_, StatComponent as da, StepComponent as db, StepperComponent as dc, StepsComponent as dd, StorageService as de, StrokeLinecap as df, StrokeLinejoin as dg, SummaryComponent as dh, SvgGeneratorComponent as di, SvgGeneratorService as dj, SvgService as dk, TOTAL_COLUMNS as dl, TRANSLATION_SOURCE as dm, TableComponent as dn, TechnicalMeterComponent as dp, TextInputComponent as dq, TextareaInputComponent as dr, ThemeComponent as ds, ThemeDataService as dt, ThemeService as du, ThemeStore as dv, TimeAgoPipe as dw, TimelineComponent as dx, ToggleButtonComponent as dy, ToggleInputComponent as dz, encodeFramed as e, initialNotificationState as e$, assetOptions as e0, bootstrapMagApp as e1, bootstrapPwaInstall as e2, browserLocale as e3, buildWcBaseUrl as e4, calculateLuminance as e5, calculateRanks as e6, cellText as e7, checkDoc as e8, checkFilterCondition as e9, filterHoldsRange as eA, filterList as eB, filterNumber as eC, filterNumberList as eD, filterOne as eE, filterPanelOf as eF, filterPanelWidth as eG, filterRange as eH, filterTreeGridRows as eI, filterValueList as eJ, filterValues as eK, flattenTreeGridRows as eL, formatBadgeCount as eM, fullName as eN, generateClipPath as eO, generateTransform as eP, getClassList as eQ, getProperty as eR, getScrollParent as eS, getTierFromPreviewPath as eT, getTreeGridRow as eU, getUniqueId as eV, getValue as eW, hasErrorComputed as eX, hexToRgb as eY, hslToRgb$1 as eZ, initMagmoniumApp as e_, childNavId as ea, claimDenial as eb, classListSignal as ec, coerceSize as ed, cornerEdge as ee, cornerSide as ef, createMap as eg, createPlatformNavMap as eh, definedWcTierOf as ei, deriveAvatarGradient as ej, deriveContrastColor as ek, deriveOppositeColor as el, derivePropertyName as em, docActionKey as en, docAssetCandidates as eo, docProblemKey as ep, docRemotePath as eq, emailValidation as er, evaluate as es, evaluateBool as et, fieldBoolean as eu, fieldNumber as ev, fieldString as ew, filterHoldsList as ex, filterHoldsOneBound as ey, filterHoldsOptions as ez, clampFraming as f, parsePatternNames as f$, initialState$2 as f0, initials as f1, injectAuthenticate as f2, injectDefaultDenial as f3, injectInstallApp as f4, injectParentSize as f5, injectScrollSticky as f6, isBootRedirect as f7, isButtonName as f8, isCancelledComputed as f9, mergeUniqueBy as fA, mergeUniqueWith as fB, minAgeValidation as fC, minLengthValidation as fD, minValidation as fE, miniMarkToHtml as fF, mountFor as fG, mountPatternProblem as fH, mountPatternText as fI, mountSegmentOf as fJ, mountTokenOf as fK, navIdChain as fL, navIdFor as fM, navIdSegment as fN, navIdToRoutePath as fO, navIdToSegments as fP, navParamOf as fQ, navTailMatcher as fR, navToId as fS, navVisibilityGuard as fT, nextSectionTableSort as fU, normalizeAssetOptions as fV, offsetOfLine as fW, parentNavId as fX, parseAddress as fY, parseColor as fZ, parseMountPattern as f_, isExtensiblePlatformNavId as fa, isJson as fb, isLoadingComputed as fc, isLocalhost as fd, isNavInstanceConfig as fe, isNavMenuConfig as ff, isNavRowsConfig as fg, isNavVisibilityConfig as fh, isPlatformNavId as fi, isSize as fj, isTierPreview as fk, isUrlLocalhost as fl, isValidNavId as fm, isValidNavSegment as fn, isWebComponent as fo, linkToId as fp, linkToNav as fq, loadingActions as fr, mInterceptor as fs, manualValidation as ft, matchFieldValidation as fu, matchMount as fv, maxLengthValidation as fw, maxValidation as fx, mergePlatformNav as fy, mergeUnique as fz, BaseInputComponent as g, patternValidation as g0, patternsValidation as g1, permissionRefusal as g2, pickSupportedLanguage as g3, platformNavWidgets as g4, presetDefaultOption as g5, privateGuard as g6, processImageToSvg as g7, provideAppContext as g8, provideMagAppConfig as g9, samePatterns as gA, sectionTableColumnId as gB, sectionTableColumnWidths as gC, sectionTableFrozenCount as gD, segmentsToNavId as gE, setProperty as gF, setTreeGridChildren as gG, setWcTier as gH, settingsWidgets as gI, shouldShowBadge as gJ, sortSectionTableRows as gK, splitNavId as gL, splitOnMatch as gM, stringToColor as gN, tailRouteOf as gO, toAttrBool as gP, toAttrNumber as gQ, toCssLength as gR, toHostNavId as gS, toLength$1 as gT, toLocalNavId as gU, toggleTreeGridRow as gV, unfetchedPlatformNav as gW, ungroupedDocActions as gX, urlValidation as gY, wcTierOf as gZ, provideMagWcConfig as ga, provideMagWcRoutes as gb, provideModalComponents as gc, provideMurlUrlSerializer as gd, provideNavWidgets as ge, provideOverlayWidgets as gf, providePlatformNavWidgets as gg, provideSearch as gh, provideSizeContext as gi, provideUserTabs as gj, publicGuard as gk, readFieldPatterns as gl, recordDefinedWcTier as gm, remoteOutletRoute as gn, renderAddress as go, renderDocument as gp, requiredValidation as gq, resolveConfigAsset as gr, resolveIconSize as gs, resolvePallet as gt, resolvePatternRules as gu, resolveSize as gv, resolveSpacing as gw, rgbToHex as gx, rgbToHsl as gy, rowHasChildren as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-xCRWlG4J.mjs.map
+export { ChatBubbleComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, BrowserLocaleService as S, TranslatePipe as T, ButtonGroupComponent as U, CALLING_APP_HEADER as V, COMPONENT_INPUT_REGISTRY as W, CardComponent as X, CardWrapperComponent as Y, CarouselComponent as Z, ChartComponent as _, MIN_ZOOM as a, HttpService as a$, CheckboxGroupComponent as a0, CheckboxInputComponent as a1, ClearableInputComponent as a2, ClipboardService as a3, ColComponent as a4, ColorPickerInputComponent as a5, CommentItemComponent as a6, CommentsApiService as a7, CommentsComponent as a8, CommentsStore as a9, DeviceService as aA, DocComponent as aB, DocEditorComponent as aC, DomService as aD, Domain as aE, DotGridComponent as aF, DragListDirective as aG, DragListItemDirective as aH, DraggableDirective as aI, DropdownInputComponent as aJ, FILTER_GROUP_CONTEXT as aK, FILTER_RANGE_MODES as aL, FILTER_VARIANTS as aM, FLEX_VARIANTS as aN, FOLDER_PICK_LISTENER as aO, FORM_ASSET_FOLDER as aP, FileService as aQ, FileUploadDirective as aR, FileUploadInputComponent as aS, FlexComponent as aT, FlexItemComponent as aU, FormGroupComponent as aV, FrameComponent as aW, FreezeService as aX, GRID_BREAKPOINTS as aY, GetNavService as aZ, HighlightDirective as a_, CompactNumberPipe as aa, ComponentInputComponent as ab, ComponentStepperComponent as ac, ConfigComponent as ad, ConfirmComponent as ae, ContextMenuComponent as af, CustomIconClass as ag, CustomIconEditComponent as ah, DEFAULT_DENIAL as ai, DEFAULT_DOC_DENSITY as aj, DEFAULT_DOC_VARIANT as ak, DEFAULT_FILTER_RANGE_MODE as al, DEFAULT_FILTER_VARIANT as am, DEFAULT_NAV_PARAM as an, DEFAULT_NAV_SEGMENT as ao, DEFAULT_SIZE as ap, DOCK_MIN_PAGE_REMAINDER as aq, DOCS_FOLDER as ar, DOC_ACTION_ICONS as as, DOC_DENSITIES as at, DOC_EDIT_ACTIONS as au, DOC_TOOLBAR_GROUPS as av, DOC_VARIANTS as aw, DashboardCardComponent as ax, DateInputComponent as ay, DatePickerComponent as az, MAX_ZOOM as b, OverlayService as b$, ICON_SOURCE as b0, IS_SIDE_PANEL as b1, IconComponent as b2, ImgComponent as b3, InstrumentScoreComponent as b4, InterceptorObservables as b5, JumbotronComponent as b6, KeyValueComponent as b7, LAYOUT_ASSET_FOLDER as b8, LOADING_ACTIONS_REF as b9, NAV_ID_SEP as bA, NAV_MAIN_BUTTONS as bB, NAV_SEGMENT_RE as bC, NAV_STORE_REF as bD, NAV_WC_COMPONENTS as bE, NAV_WIDGET_MAP as bF, NavComponent as bG, NavDetailsComponent as bH, NavHeaderComponent as bI, NavMenuComponent as bJ, NavStore as bK, NavTrailComponent as bL, NothingComponent as bM, NotificationElementComponent as bN, NotificationGroupComponent as bO, NotificationPopupComponent as bP, NotificationService as bQ, NotificationStore as bR, NotificationType as bS, NotificationWidgetComponent as bT, ONE_ASSET_BASE_URL as bU, OPTIONS_SOURCE as bV, OVERLAY_WIDGETS as bW, OneApp as bX, OptionsSourceDirective as bY, OverlayBodyComponent as bZ, OverlayRef as b_, LOGIN_COMPONENT as ba, LOGIN_STORE as bb, LanguageComponent as bc, ListComponent as bd, LogoComponent as be, MAG_SOCKET_EVENT as bf, MHeroColorDirective as bg, MHeroComponent as bh, MODAL_STORE_REF as bi, MOUNT_STATIC_SEGMENT as bj, MOUNT_TOKEN as bk, MRefDirective as bl, MStepComponent as bm, MURL_PARAM as bn, MURL_SEP as bo, ManifestEnrichmentService as bp, MarginDirective as bq, MenuComponent as br, ModalDirective as bs, ModalRef as bt, ModalStore as bu, MoneyPipe as bv, MultiRangeInputComponent as bw, MultiselectInputComponent as bx, MurlUrlSerializer as by, NAV_DEFAULT_MURL as bz, cropRect as c, SectionStepperComponent as c$, PLATFORM_BUTTON_NAV_IDS as c0, PLATFORM_EXTENSIBLE_NAV_IDS as c1, PLATFORM_NAV_MAP as c2, PLATFORM_ROOT_CHILDREN as c3, PLUGIN_FALLBACK_LANG as c4, PLUGIN_OUTPUT_EVENT as c5, PLUGIN_SCREENS as c6, PaddingDirective as c7, PaginationComponent as c8, PanelComponent as c9, SPACING_INWARD as cA, ScoreComponent as cB, ScrollComponent as cC, ScrollService as cD, SearchPanelComponent as cE, SearchStore as cF, SearchUserPanelComponent as cG, SectionAccordionDirective as cH, SectionAccordionGroupDirective as cI, SectionBackComponent as cJ, SectionBadgesComponent as cK, SectionButtonGroupComponent as cL, SectionCardComponent as cM, SectionCarouselComponent as cN, SectionComponent as cO, SectionFilterComponent as cP, SectionFilterGroupComponent as cQ, SectionFilterMenuComponent as cR, SectionFilterPanelComponent as cS, SectionFilterRangePanelComponent as cT, SectionFooterComponent as cU, SectionFormComponent as cV, SectionFormItemComponent as cW, SectionHeaderComponent as cX, SectionHeroComponent as cY, SectionPaginationComponent as cZ, SectionSearchComponent as c_, PercentagePipe as ca, PlaygroundComponent as cb, PluginComponent as cc, PluginInputComponent as cd, PluginOutputComponent as ce, PositionDirective as cf, PwaInstallComponent as cg, RECENT_SEARCH_LIMIT as ch, REMOTE_PAGE_RELOAD as ci, ROOT_NAV$1 as cj, RadioGroupComponent as ck, RadioInputComponent as cl, RatingInputComponent as cm, ReactiveElementComponent as cn, RemoteComponent as co, RemoteLoaderService as cp, ResizeElementComponent as cq, RouteContainer as cr, RowComponent as cs, SEARCH_QUERY as ct, SEARCH_RESULTS_EVENT as cu, SECTION_ACCORDION_GROUP as cv, SECTION_FORM_CONTEXT as cw, SECTION_TABLE_VARIANTS as cx, SHARED_ICONS as cy, SIZE_CONTEXT as cz, drawFramed as d, WIN_USER_TAB_KEY as d$, SectionTableCellComponent as d0, SectionTableComponent as d1, SectionTableRowComponent as d2, SectionTableSortPipe as d3, SectionTabsComponent as d4, SectionToggleComponent as d5, SectionToggleItemDirective as d6, SelectableCardInputComponent as d7, SelectorDirective as d8, SettingsSearchBarComponent as d9, ThemeDataService as dA, ThemeService as dB, ThemeStore as dC, TimeAgoPipe as dD, TimelineComponent as dE, ToggleButtonComponent as dF, ToggleInputComponent as dG, ToggleRadioInputComponent as dH, ToolTipDirective as dI, TooltipComponent as dJ, TranslateService as dK, TreeGridComponent as dL, URL_SEP as dM, USER_STORE_REF as dN, USER_TAB_MAP as dO, UniverseComponent as dP, UserApiService as dQ, UserAvatarComponent as dR, UserComponent as dS, UserNavComponent as dT, UserSettingsComponent as dU, UserStore as dV, WC_BUNDLE as dW, WC_NAVIGATE_EVENT as dX, WC_ROUTE_CHANGED_EVENT as dY, WC_SEARCH_GROUPS as dZ, WIN_USER_TAB_HOOK as d_, SettingsSearchService as da, ShapeComponent as db, SharedStoreRegistry as dc, SidePanelDirective as dd, Size as de, SocketStore as df, SortComponent as dg, StatComponent as dh, StepComponent as di, StepperComponent as dj, StepsComponent as dk, StorageService as dl, StrokeLinecap as dm, StrokeLinejoin as dn, SummaryComponent as dp, SvgGeneratorComponent as dq, SvgGeneratorService as dr, SvgService as ds, TOTAL_COLUMNS as dt, TRANSLATION_SOURCE as du, TableComponent as dv, TechnicalMeterComponent as dw, TextInputComponent as dx, TextareaInputComponent as dy, ThemeComponent as dz, encodeFramed as e, generateTransform as e$, WatermarkComponent as e0, WcRouterStore as e1, WrapperInputComponent as e2, allowedCodes as e3, anchorNavId as e4, applyColorsToElement as e5, applyDocEdit as e6, assetOptions as e7, bootstrapMagApp as e8, bootstrapPwaInstall as e9, docRemotePath as eA, emailValidation as eB, evaluate as eC, evaluateBool as eD, exposeScreens as eE, exposedScreensOf as eF, fieldBoolean as eG, fieldNumber as eH, fieldString as eI, filterHoldsList as eJ, filterHoldsOneBound as eK, filterHoldsOptions as eL, filterHoldsRange as eM, filterList as eN, filterNumber as eO, filterNumberList as eP, filterOne as eQ, filterPanelOf as eR, filterPanelWidth as eS, filterRange as eT, filterTreeGridRows as eU, filterValueList as eV, filterValues as eW, flattenTreeGridRows as eX, formatBadgeCount as eY, fullName as eZ, generateClipPath as e_, browserLocale as ea, buildWcBaseUrl as eb, calculateLuminance as ec, calculateRanks as ed, cellText as ee, checkDoc as ef, checkFilterCondition as eg, childNavId as eh, claimDenial as ei, classListSignal as ej, coerceSize as ek, cornerEdge as el, cornerSide as em, createLoadingState as en, createMap as eo, createPlatformNavMap as ep, createPluginElement as eq, definePluginScreens as er, definedWcTierOf as es, deriveAvatarGradient as et, deriveContrastColor as eu, deriveOppositeColor as ev, derivePropertyName as ew, docActionKey as ex, docAssetCandidates as ey, docProblemKey as ez, clampFraming as f, navIdToSegments as f$, getClassList as f0, getProperty as f1, getScrollParent as f2, getTierFromPreviewPath as f3, getTreeGridRow as f4, getUniqueId as f5, getValue as f6, hasErrorComputed as f7, hexToRgb as f8, hslToRgb$1 as f9, isWebComponent as fA, linkToId as fB, linkToNav as fC, loadingActions as fD, mInterceptor as fE, manualValidation as fF, matchFieldValidation as fG, matchMount as fH, maxLengthValidation as fI, maxValidation as fJ, mergePlatformNav as fK, mergeUnique as fL, mergeUniqueBy as fM, mergeUniqueWith as fN, minAgeValidation as fO, minLengthValidation as fP, minValidation as fQ, miniMarkToHtml as fR, mountFor as fS, mountPatternProblem as fT, mountPatternText as fU, mountSegmentOf as fV, mountTokenOf as fW, navIdChain as fX, navIdFor as fY, navIdSegment as fZ, navIdToRoutePath as f_, initMagmoniumApp as fa, initialNotificationState as fb, initialState$2 as fc, initials as fd, injectAuthenticate as fe, injectDefaultDenial as ff, injectInstallApp as fg, injectParentSize as fh, injectScrollSticky as fi, isBootRedirect as fj, isButtonName as fk, isCancelledComputed as fl, isExtensiblePlatformNavId as fm, isJson as fn, isLoadingComputed as fo, isLocalhost as fp, isNavInstanceConfig as fq, isNavMenuConfig as fr, isNavRowsConfig as fs, isNavVisibilityConfig as ft, isPlatformNavId as fu, isSize as fv, isTierPreview as fw, isUrlLocalhost as fx, isValidNavId as fy, isValidNavSegment as fz, BaseInputComponent as g, splitOnMatch as g$, navParamOf as g0, navTailMatcher as g1, navToId as g2, navVisibilityGuard as g3, nextSectionTableSort as g4, normalizeAssetOptions as g5, offsetOfLine as g6, parentNavId as g7, parseAddress as g8, parseColor as g9, recordDefinedWcTier as gA, remoteOutletRoute as gB, renderAddress as gC, renderDocument as gD, requiredValidation as gE, resolveConfigAsset as gF, resolveIconSize as gG, resolvePallet as gH, resolvePatternRules as gI, resolveSize as gJ, resolveSpacing as gK, rgbToHex as gL, rgbToHsl as gM, rowHasChildren as gN, samePatterns as gO, sectionTableColumnId as gP, sectionTableColumnWidths as gQ, sectionTableFrozenCount as gR, segmentsToNavId as gS, setProperty as gT, setTreeGridChildren as gU, setWcLocalPort as gV, setWcTier as gW, settingsWidgets as gX, shouldShowBadge as gY, sortSectionTableRows as gZ, splitNavId as g_, parseMountPattern as ga, parsePatternNames as gb, patternValidation as gc, patternsValidation as gd, permissionRefusal as ge, pickSupportedLanguage as gf, platformNavWidgets as gg, pluginTag as gh, presetDefaultOption as gi, privateGuard as gj, processImageToSvg as gk, provideAppContext as gl, provideMagAppConfig as gm, provideMagWcConfig as gn, provideMagWcRoutes as go, provideModalComponents as gp, provideMurlUrlSerializer as gq, provideNavWidgets as gr, provideOverlayWidgets as gs, providePlatformNavWidgets as gt, providePluginRuntime as gu, provideSearch as gv, provideSizeContext as gw, provideUserTabs as gx, publicGuard as gy, readFieldPatterns as gz, BaseTextInputComponent as h, stringToColor as h0, tailRouteOf as h1, toAttrBool as h2, toAttrNumber as h3, toCssLength as h4, toHostNavId as h5, toLength$1 as h6, toLocalNavId as h7, toggleTreeGridRow as h8, unfetchedPlatformNav as h9, ungroupedDocActions as ha, urlValidation as hb, wcLocalBaseOf as hc, wcTierOf as hd, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
+//# sourceMappingURL=magmonium-one-magmonium-one-BLuMt3bj.mjs.map