@magmonium/one 0.4.40 → 0.4.42

package/fesm2022/magmonium-one.mjs

@@ -6,21 +6,21 @@ import { a as calculateLuminance, c as hexToRgb, d as derivePropertyName, f as g
 import "./magmonium-one-theme-CT4cWpe7.mjs";
 import { a as sectionTableColumnWidths, c as AssetUrlPipe, d as MoneyPipe, f as TimeAgoPipe, i as sectionTableColumnId, l as CompactNumberPipe, n as SectionTableSortPipe, o as sectionTableFrozenCount, r as nextSectionTableSort, s as sortSectionTableRows, t as LabelComponent, u as PercentagePipe } from "./magmonium-one-label-DjvJthAB.mjs";
 import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-BCSqKmVs.mjs";
-import { a as injectParentSize, i as SIZE_CONTEXT, n as CustomIconClass, o as provideSizeContext, r as IconComponent, s as SHARED_ICONS, t as CustomIconEditComponent } from "./magmonium-one-icon-BTPHGpEN.mjs";
+import { a as appLogoShadowColor, c as normalizeAppColor, d as SIZE_CONTEXT, f as injectParentSize, g as AppLogoState, h as APP_LOGO_SOURCE, i as LOGO_GLYPH_MAX_BYTES, l as rebuildLogoGlyph, m as SHARED_ICONS, n as CustomIconClass, o as isLightAppColor, p as provideSizeContext, r as IconComponent, s as logoGlyphMaskUrl, t as CustomIconEditComponent, u as APP_LOGO_ICON } from "./magmonium-one-icon-BgbtOdMv.mjs";
 import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-DCTXt4Sr.mjs";
-import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-BWB3ZKIj.mjs";
+import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-BZQOf-Pm.mjs";
 import { t as MRefDirective } from "./magmonium-one-m-ref-C8c4Vf1G.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-D8CB9CBJ.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-DhK9NuZW.mjs";
 import { t as TextOutputComponent } from "./magmonium-one-text-output-Ci93Hi9Y.mjs";
 import { t as BaseInputComponent } from "./magmonium-one-base-input-BTxhUtYO.mjs";
 import { a as stringToColor, c as ToolTipDirective, d as DragListItemDirective, f as DragListDirective, i as MHeroColorDirective, l as FileUploadDirective, n as PaddingDirective, o as HighlightDirective, p as DraggableDirective, r as SPACING_INWARD, s as PositionDirective, t as MarginDirective, u as AutosizeDirective } from "./magmonium-one-directives-DePukAj8.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-DU4B4w7c.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-CcZ0lBQv.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-BL-1lWST.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-BvXdAX0i.mjs";
 import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-EVsv0DL7.mjs";
 import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-D5-5WhJ-.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-m41SX_fL.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-EIfPlZ4E.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-Dl2bp-y-.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-bI7lVUYI.mjs";
 import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-BNQAkyYU.mjs";
 import { t as RadioInputComponent } from "./magmonium-one-radio-C2wOB_Nb.mjs";
 import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-o57TiVJU.mjs";
@@ -29,7 +29,7 @@ import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-fra
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
 import { HttpErrorResponse, provideHttpClient, withFetch, withInterceptors } from "@angular/common/http";
-import { EMPTY, Observable, Subject, catchError, combineLatest, filter, finalize, firstValueFrom, forkJoin, from, fromEvent, map, of, pipe, race, shareReplay, startWith, switchMap, take, tap, throwError } from "rxjs";
+import { EMPTY, Observable, Subject, catchError, combineLatest, filter, finalize, firstValueFrom, forkJoin, from, fromEvent, map, mergeMap, of, pipe, race, shareReplay, startWith, switchMap, take, tap, throwError } from "rxjs";
 import { rxResource, takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
 import { patchState, signalStore, withComputed, withHooks, withMethods, withProps, withState } from "@ngrx/signals";
 import { rxMethod } from "@ngrx/signals/rxjs-interop";
@@ -565,6 +565,48 @@ const NotificationStore = signalStore({ providedIn: "root" }, withState(initialN
 		else store.notify(notification);
 	});
 } })));
+var AppIdentityService = class AppIdentityService {
+	#http = inject(HttpService);
+	#cache = /* @__PURE__ */ new Map();
+	identity = (link) => {
+		const held = this.#cache.get(link);
+		if (held) return held;
+		const read = this.#http.get("store", ["identity", link]).pipe(map((identity) => identity), catchError(() => {
+			this.#cache.delete(link);
+			return of(void 0);
+		}), shareReplay(1));
+		this.#cache.set(link, read);
+		return read;
+	};
+	forget = (link) => {
+		this.#cache.delete(link);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AppIdentityService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AppIdentityService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AppIdentityService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
 const DEFAULT_NAV_PARAM = "id";
 const navParamOf = (nav) => nav?.param ?? "id";
 const ROOT_NAV = "root";
@@ -1169,6 +1211,7 @@ const initialState$3 = {
 	remoteWidgets: {},
 	navMap: createPlatformNavMap(),
 	wcConfigMap: {},
+	identityMap: {},
 	navLoading: false
 };
 const routeNavIdOf = (root) => {
@@ -1276,7 +1319,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		const navMap = store.navMap();
 		const listed = menuMounts();
 		if (!listed.length) return navMap;
-		const configs = store.wcConfigMap();
+		const identities = store.identityMap();
 		const parentOf = ({ appNavId, urlMode }) => {
 			const host = parentNavId(appNavId);
 			return urlMode === "tail" && host && navMap[host] ? host : ROOT_NAV;
@@ -1284,7 +1327,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		const extra = listed.map((mount) => {
 			const { name, appNavId, link } = mount;
 			const fetched = navMap[appNavId];
-			const config = link ? configs[link] : void 0;
+			const identity = link ? identities[link] : void 0;
 			return {
 				node: {
 					...fetched ?? {
@@ -1292,8 +1335,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 						presentation: "static"
 					},
 					navId: appNavId,
-					title: config?.app ?? fetched?.title ?? name,
-					...config?.logo ? { logo: config.logo } : {}
+					title: identity?.name ?? fetched?.title ?? name
 				},
 				parent: parentOf(mount)
 			};
@@ -1498,6 +1540,25 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 	}, ...ngDevMode ? [{ debugName: "activeWcConfig" }] : /* istanbul ignore next */ []);
 	const activeAppOpen = computed(() => !!activeWcConfig()?.open, ...ngDevMode ? [{ debugName: "activeAppOpen" }] : /* istanbul ignore next */ []);
 	const currentWcConfig = computed(() => activeAppOpen() ? void 0 : activeWcConfig(), ...ngDevMode ? [{ debugName: "currentWcConfig" }] : /* istanbul ignore next */ []);
+	const currentIdentity = computed(() => {
+		const appLink = store.appLink();
+		return appLink && !activeAppOpen() ? store.identityMap()[appLink] : void 0;
+	}, ...ngDevMode ? [{ debugName: "currentIdentity" }] : /* istanbul ignore next */ []);
+	const appLogo = computed(() => {
+		const appLink = store.appLink();
+		if (appLink && !activeAppOpen()) {
+			const identity = store.identityMap()[appLink];
+			return {
+				glyph: identity?.logoGlyph ?? null,
+				name: identity?.name ?? appLink
+			};
+		}
+		const root = store.navMap()[ROOT_NAV];
+		return root ? {
+			src: root.logo,
+			name: root.title
+		} : void 0;
+	}, ...ngDevMode ? [{ debugName: "appLogo" }] : /* istanbul ignore next */ []);
 	const answeringNavId = (candidates, hit) => {
 		if (hit) return hit.navId;
 		const map = store.navMap();
@@ -1562,6 +1623,8 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 			return false;
 		}, ...ngDevMode ? [{ debugName: "navHasContent" }] : /* istanbul ignore next */ []),
 		currentWcConfig,
+		currentIdentity,
+		appLogo,
 		activeAppOpen,
 		transparentNavIds,
 		resolvedNavMenuConfig,
@@ -1572,6 +1635,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 	};
 }), withMethods((store) => {
 	const getNavService = inject(GetNavService);
+	const appIdentityService = inject(AppIdentityService);
 	const localDefaultNavId = inject(NAV_DEFAULT_MURL, { optional: true });
 	const appBaseHref = inject(APP_BASE_HREF, { optional: true }) ?? "/";
 	const location = inject(Location);
@@ -1755,6 +1819,15 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		} }));
 	};
 	const loadWcConfig = rxMethod(pipe(filter((appLink) => !!appLink), filter((appLink) => !untracked(() => !!store.wcConfigMap()[appLink])), switchMap((appLink) => getNavService.loadWcConfig(appLink).pipe(tap((config) => untracked(() => setWcConfig(appLink, config)))))));
+	const setIdentity = (identity) => {
+		patchState(store, (state) => ({ identityMap: {
+			...state.identityMap,
+			[identity.link]: identity
+		} }));
+	};
+	const loadIdentity = rxMethod(pipe(filter((appLink) => !!appLink), filter((appLink) => !untracked(() => !!store.identityMap()[appLink])), mergeMap((appLink) => appIdentityService.identity(appLink).pipe(tap((identity) => {
+		if (identity) untracked(() => setIdentity(identity));
+	})))));
 	const setAppLink = (appLink, appNavId) => {
 		patchState(store, {
 			appLink,
@@ -1762,6 +1835,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		});
 		settleRoute();
 		loadWcConfig(appLink);
+		loadIdentity(appLink);
 	};
 	const registerMount = (mount) => {
 		const previous = untracked(() => store.mounts())[mount.name];
@@ -1777,6 +1851,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		settleRoute();
 		translateService.mountRemoteApp(mount.link);
 		loadWcConfig(mount.link);
+		loadIdentity(mount.link);
 		const standsOn = untracked(() => store.hostRoute()).navId === mount.appNavId;
 		if (mount.createMenu || stale.length || standsOn) loadMountNav(mount);
 	};
@@ -1879,6 +1954,8 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		mountOf,
 		setWcConfig,
 		loadWcConfig,
+		setIdentity,
+		loadIdentity,
 		loadNav,
 		registerWidgets,
 		back,
@@ -1891,8 +1968,10 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		navIdChain
 	};
 }), withHooks((store) => {
+	const appLogoState = inject(AppLogoState);
 	return { onInit() {
 		store.syncFromRouter(store.navigationEnd);
+		effect(() => appLogoState.set(store.appLogo()));
 		const loadedFor = /* @__PURE__ */ new Set();
 		effect(() => {
 			const loaders = store.visibilityLoaders();
@@ -3002,7 +3081,8 @@ var ConfirmComponent = class ConfirmComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -4091,7 +4171,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-BjqYmT1s.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-BIs_YxJ5.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
@@ -4177,7 +4257,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-BL-1lWST.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-BvXdAX0i.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -6547,7 +6627,8 @@ var SectionBackComponent = class SectionBackComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -6991,7 +7072,8 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -7351,7 +7433,8 @@ var ClearableInputComponent = class ClearableInputComponent extends BaseTextInpu
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -9527,7 +9610,8 @@ var SectionFilterMenuComponent = class SectionFilterMenuComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -14577,7 +14661,8 @@ var AuthActivityPageComponent = class AuthActivityPageComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -16724,7 +16809,7 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 		},
 		ngImport: i0,
 		template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'chevron-left', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (!label() && icon(); as iconName) {\n    <!-- Only where no label is written. A header with one hands the icon to\n         `m-header`, which draws it inside the heading's line box and so on the\n         heading's own centre line. Beside a projected title there is no such\n         box to borrow, so the glyph is boxed to the level's line box here and\n         centred in it — otherwise it centres against the whole title column,\n         which on the Canvas is the label slot's drop rect stacked above the\n         heading. -->\n    <div class=\"section-header__icon\">\n      <m-icon [name]=\"iconName\" />\n    </div>\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits — `<span label>` — is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span —\n         empty until a Control is dropped in it — so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [icon]=\"icon()\"\n        [params]=\"params()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  <!-- A FilterGroup projected into the header row, selected by tag rather than\n       by an attribute — the same shape a Section catches its `m-action` with.\n       A header has room for one icon and not for a row, so a group landing\n       here is squeezed by placement (ADR 0025); nothing here enforces that,\n       the caller binding `[squeeze]` on the tag it projects. -->\n  <div class=\"section-header__filters\">\n    <ng-content select=\"m-section-filter-group\" />\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n<!-- Always the same two boxes, whether or not a `maxWidth` is in force. The\n     border and the sticky backdrop live on the host and keep spanning the\n     Section's full width; only this container narrows and is placed by the\n     Section's `align`, so the heading lines up with the body under it. -->\n<div class=\"section-header__container\">\n  <div class=\"section-header__inner\">\n    <ng-container [ngTemplateOutlet]=\"body\" />\n  </div>\n</div>\n",
-		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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;min-width:0;max-width:var(--m-section-header-max-width, none);margin-inline:0 auto}:host(.box-center) .section-header__container{margin-inline:auto}:host(.box-right) .section-header__container{margin-inline:auto 0}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.spacing) .section-header__inner{padding:1rem 1.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}:host(.is-accordion){cursor:pointer}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__filters{display:contents}.section-header__filters m-section-filter-group{width:auto;flex-shrink:0;border-bottom:none}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;height:var(--m-section-header-icon-box, 1.5125rem)}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"],
+		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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;min-width:0;max-width:var(--m-section-header-max-width, none);margin-inline:0 auto}:host(.box-center) .section-header__container{margin-inline:auto}:host(.box-right) .section-header__container{margin-inline:auto 0}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.spacing) .section-header__inner{padding:1rem 1.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:var(--m-section-header-sticky-top, 0);z-index:var(--m-section-header-sticky-z, 10)}:host(.is-sticky){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}:host(.is-accordion){cursor:pointer}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__filters{display:contents}.section-header__filters m-section-filter-group{width:auto;flex-shrink:0;border-bottom:none}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;height:var(--m-section-header-icon-box, 1.5125rem)}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -16778,7 +16863,8 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -16856,7 +16942,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(click)": "onHeaderClick($event)"
 			},
 			template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'chevron-left', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (!label() && icon(); as iconName) {\n    <!-- Only where no label is written. A header with one hands the icon to\n         `m-header`, which draws it inside the heading's line box and so on the\n         heading's own centre line. Beside a projected title there is no such\n         box to borrow, so the glyph is boxed to the level's line box here and\n         centred in it — otherwise it centres against the whole title column,\n         which on the Canvas is the label slot's drop rect stacked above the\n         heading. -->\n    <div class=\"section-header__icon\">\n      <m-icon [name]=\"iconName\" />\n    </div>\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits — `<span label>` — is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span —\n         empty until a Control is dropped in it — so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [icon]=\"icon()\"\n        [params]=\"params()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  <!-- A FilterGroup projected into the header row, selected by tag rather than\n       by an attribute — the same shape a Section catches its `m-action` with.\n       A header has room for one icon and not for a row, so a group landing\n       here is squeezed by placement (ADR 0025); nothing here enforces that,\n       the caller binding `[squeeze]` on the tag it projects. -->\n  <div class=\"section-header__filters\">\n    <ng-content select=\"m-section-filter-group\" />\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n<!-- Always the same two boxes, whether or not a `maxWidth` is in force. The\n     border and the sticky backdrop live on the host and keep spanning the\n     Section's full width; only this container narrows and is placed by the\n     Section's `align`, so the heading lines up with the body under it. -->\n<div class=\"section-header__container\">\n  <div class=\"section-header__inner\">\n    <ng-container [ngTemplateOutlet]=\"body\" />\n  </div>\n</div>\n",
-			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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;min-width:0;max-width:var(--m-section-header-max-width, none);margin-inline:0 auto}:host(.box-center) .section-header__container{margin-inline:auto}:host(.box-right) .section-header__container{margin-inline:auto 0}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.spacing) .section-header__inner{padding:1rem 1.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}:host(.is-accordion){cursor:pointer}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__filters{display:contents}.section-header__filters m-section-filter-group{width:auto;flex-shrink:0;border-bottom:none}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;height:var(--m-section-header-icon-box, 1.5125rem)}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"]
+			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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;min-width:0;max-width:var(--m-section-header-max-width, none);margin-inline:0 auto}:host(.box-center) .section-header__container{margin-inline:auto}:host(.box-right) .section-header__container{margin-inline:auto 0}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.spacing) .section-header__inner{padding:1rem 1.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:var(--m-section-header-sticky-top, 0);z-index:var(--m-section-header-sticky-z, 10)}:host(.is-sticky){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}:host(.is-accordion){cursor:pointer}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__filters{display:contents}.section-header__filters m-section-filter-group{width:auto;flex-shrink:0;border-bottom:none}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;height:var(--m-section-header-icon-box, 1.5125rem)}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -17310,7 +17396,8 @@ var SectionTableComponent = class SectionTableComponent extends ConfigComponent
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -18418,7 +18505,8 @@ var TextareaInputComponent = class TextareaInputComponent extends BaseTextInputC
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			}
@@ -21372,7 +21460,8 @@ var ColorPickerInputComponent = class ColorPickerInputComponent extends BaseText
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -21652,7 +21741,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-BjqYmT1s.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-BIs_YxJ5.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
@@ -21738,7 +21827,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-BL-1lWST.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-BvXdAX0i.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -22669,7 +22758,8 @@ var ToggleRadioInputComponent = class ToggleRadioInputComponent extends BaseText
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -23037,7 +23127,8 @@ var SelectableCardInputComponent = class SelectableCardInputComponent extends Ba
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -24054,7 +24145,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-Dn0ACfH0.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-oGxg59hV.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -24293,7 +24384,8 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -24734,7 +24826,8 @@ var ListComponent = class ListComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -25784,7 +25877,8 @@ var StepComponent = class StepComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -27164,7 +27258,8 @@ var DashboardCardComponent = class DashboardCardComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -27656,7 +27751,8 @@ var WatermarkComponent = class WatermarkComponent extends ConfigComponent {
 				"size",
 				"one",
 				"baseUrl",
-				"remote"
+				"remote",
+				"shadow"
 			],
 			outputs: ["configChange"]
 		}, {
@@ -27935,7 +28031,8 @@ var TechnicalMeterComponent = class TechnicalMeterComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -29516,7 +29613,8 @@ var RemoteComponent = class RemoteComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -30065,7 +30163,8 @@ var PluginComponent = class PluginComponent {
 				"size",
 				"one",
 				"baseUrl",
-				"remote"
+				"remote",
+				"shadow"
 			],
 			outputs: ["configChange"]
 		}, {
@@ -31098,7 +31197,8 @@ var SortComponent = class SortComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -33310,7 +33410,8 @@ var TableBodyComponent = class TableBodyComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -35690,7 +35791,8 @@ var TreeGridComponent = class TreeGridComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -36538,7 +36640,8 @@ var SummaryComponent = class SummaryComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -36833,7 +36936,8 @@ var AccordionComponent = class AccordionComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -37629,7 +37733,8 @@ var NothingComponent = class NothingComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -37810,6 +37915,140 @@ i0.ɵɵngDeclareClassMetadata({
 		args: ["inner", { isSignal: true }]
 	}] }
 });
+var AppLogoComponent = class AppLogoComponent {
+	glyph = input(...ngDevMode ? [void 0, { debugName: "glyph" }] : /* istanbul ignore next */ []);
+	appColor = input(...ngDevMode ? [void 0, { debugName: "appColor" }] : /* istanbul ignore next */ []);
+	name = input(...ngDevMode ? [void 0, { debugName: "name" }] : /* istanbul ignore next */ []);
+	color = computed(() => {
+		const value = this.appColor();
+		return value ? normalizeAppColor(value) ?? null : null;
+	}, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
+	shadow = computed(() => {
+		const color = this.color();
+		return color ? appLogoShadowColor(color) : null;
+	}, ...ngDevMode ? [{ debugName: "shadow" }] : /* istanbul ignore next */ []);
+	mask = computed(() => {
+		const glyph = this.glyph();
+		return glyph ? logoGlyphMaskUrl(glyph) : void 0;
+	}, ...ngDevMode ? [{ debugName: "mask" }] : /* istanbul ignore next */ []);
+	letter = computed(() => (this.name()?.trim().charAt(0) ?? "").toUpperCase(), ...ngDevMode ? [{ debugName: "letter" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AppLogoComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: AppLogoComponent,
+		isStandalone: true,
+		selector: "m-app-logo",
+		inputs: {
+			glyph: {
+				classPropertyName: "glyph",
+				publicName: "glyph",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appColor: {
+				classPropertyName: "appColor",
+				publicName: "appColor",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "img" },
+			properties: {
+				"attr.aria-label": "name() || null",
+				"style.--m-app-logo-color": "color()",
+				"style.--m-app-logo-shadow": "shadow()"
+			},
+			classAttribute: "m-app-logo"
+		},
+		ngImport: i0,
+		template: `
+    <span class="m-app-logo__mark">
+      @if (mask(); as url) {
+        <span class="m-app-logo__glyph" [style.mask-image]="url"></span>
+      } @else {
+        <span class="m-app-logo__letter">{{ letter() }}</span>
+      }
+    </span>
+  `,
+		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:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1;container-type:size;border-radius:22%;overflow:hidden;background:var(--m-app-logo-color, var(--m-text-quaternary))}.m-app-logo__mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(0 4cqmin 3cqmin var(--m-app-logo-shadow, rgba(0, 0, 0, .25)))}.m-app-logo__glyph{width:60%;height:60%;background:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.m-app-logo__letter{color:#fff;font-size:50cqmin;font-weight:700;line-height:1}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AppLogoComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-app-logo",
+			template: `
+    <span class="m-app-logo__mark">
+      @if (mask(); as url) {
+        <span class="m-app-logo__glyph" [style.mask-image]="url"></span>
+      } @else {
+        <span class="m-app-logo__letter">{{ letter() }}</span>
+      }
+    </span>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "m-app-logo",
+				role: "img",
+				"[attr.aria-label]": "name() || null",
+				"[style.--m-app-logo-color]": "color()",
+				"[style.--m-app-logo-shadow]": "shadow()"
+			},
+			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:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1;container-type:size;border-radius:22%;overflow:hidden;background:var(--m-app-logo-color, var(--m-text-quaternary))}.m-app-logo__mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(0 4cqmin 3cqmin var(--m-app-logo-shadow, rgba(0, 0, 0, .25)))}.m-app-logo__glyph{width:60%;height:60%;background:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.m-app-logo__letter{color:#fff;font-size:50cqmin;font-weight:700;line-height:1}\n"]
+		}]
+	}],
+	propDecorators: {
+		glyph: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "glyph",
+				required: false
+			}]
+		}],
+		appColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appColor",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}]
+	}
+});
 var AppCardComponent = class AppCardComponent {
 	app = input.required(...ngDevMode ? [{ debugName: "app" }] : /* istanbul ignore next */ []);
 	variant = input("card", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
@@ -37875,8 +38114,8 @@ var AppCardComponent = class AppCardComponent {
 		},
 		ngImport: i0,
 		template: `
-    <div [class]="'app-card app-card--' + variant()" [style.--app-accent]="app().accentColor" (click)="cardClick.emit(app())" role="button" tabindex="0">
-      @if (app().accentColor && variant() === 'card') {
+    <div [class]="'app-card app-card--' + variant()" [style.--app-accent]="app().appColor" (click)="cardClick.emit(app())" role="button" tabindex="0">
+      @if (app().appColor && variant() === 'card') {
         <div class="app-card__accent"></div>
       }
 
@@ -37885,17 +38124,13 @@ var AppCardComponent = class AppCardComponent {
       }
 
       <div class="app-card__icon-wrap">
-        <m-img [src]="app().iconUrl" [remote]="app().remote" [alt]="app().name" onerror="this.src='assets/icons/default-app.svg'; this.onerror=null;" />
+        <m-app-logo [glyph]="app().logoGlyph" [appColor]="app().appColor" [name]="app().name" />
       </div>
 
       <div class="app-card__body">
         <div class="app-card__main-info">
           <span class="app-card__name">{{ app().name }}</span>
           
-          @if (variant() === 'row' || variant() === 'card') {
-            <span class="app-card__company">{{ app().company }}</span>
-          }
-
           @if (variant() === 'row') {
             <span class="app-card__version">{{ app().version }}</span>
           }
@@ -37924,24 +38159,16 @@ var AppCardComponent = class AppCardComponent {
     </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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__company,.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__company{font-size:.8125rem;color:var(--m-text-secondary, #64748b);font-weight:600}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"],
+		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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"],
 		dependencies: [
 			{
 				kind: "component",
-				type: ImgComponent,
-				selector: "m-img",
+				type: AppLogoComponent,
+				selector: "m-app-logo",
 				inputs: [
-					"src",
-					"data",
-					"dataType",
-					"alt",
-					"priority",
-					"fill",
-					"width",
-					"height",
-					"remote",
-					"ngSrcset",
-					"sizes"
+					"glyph",
+					"appColor",
+					"name"
 				]
 			},
 			{
@@ -37989,7 +38216,8 @@ var AppCardComponent = class AppCardComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -38013,14 +38241,14 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "m-app-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [
-				ImgComponent,
+				AppLogoComponent,
 				ButtonComponent,
 				TranslatePipe,
 				IconComponent
 			],
 			template: `
-    <div [class]="'app-card app-card--' + variant()" [style.--app-accent]="app().accentColor" (click)="cardClick.emit(app())" role="button" tabindex="0">
-      @if (app().accentColor && variant() === 'card') {
+    <div [class]="'app-card app-card--' + variant()" [style.--app-accent]="app().appColor" (click)="cardClick.emit(app())" role="button" tabindex="0">
+      @if (app().appColor && variant() === 'card') {
         <div class="app-card__accent"></div>
       }
 
@@ -38029,17 +38257,13 @@ i0.ɵɵngDeclareClassMetadata({
       }
 
       <div class="app-card__icon-wrap">
-        <m-img [src]="app().iconUrl" [remote]="app().remote" [alt]="app().name" onerror="this.src='assets/icons/default-app.svg'; this.onerror=null;" />
+        <m-app-logo [glyph]="app().logoGlyph" [appColor]="app().appColor" [name]="app().name" />
       </div>
 
       <div class="app-card__body">
         <div class="app-card__main-info">
           <span class="app-card__name">{{ app().name }}</span>
           
-          @if (variant() === 'row' || variant() === 'card') {
-            <span class="app-card__company">{{ app().company }}</span>
-          }
-
           @if (variant() === 'row') {
             <span class="app-card__version">{{ app().version }}</span>
           }
@@ -38067,7 +38291,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     </div>
   `,
-			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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__company,.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__company{font-size:.8125rem;color:var(--m-text-secondary, #64748b);font-weight:600}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"]
+			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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -38121,6 +38345,241 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const ERROR_KEYS = {
+	logo_invalid: "logo-glyph-invalid",
+	logo_too_large: "logo-glyph-too-large"
+};
+var LogoGlyphInputComponent = class LogoGlyphInputComponent {
+	glyph = model(null, ...ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []);
+	appColor = model(null, ...ngDevMode ? [{ debugName: "appColor" }] : /* istanbul ignore next */ []);
+	name = input(...ngDevMode ? [void 0, { debugName: "name" }] : /* istanbul ignore next */ []);
+	suggestedColors = input([], ...ngDevMode ? [{ debugName: "suggestedColors" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	markup = signal("", ...ngDevMode ? [{ debugName: "markup" }] : /* istanbul ignore next */ []);
+	error = signal("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	errorKey = computed(() => {
+		const error = this.error();
+		return error ? ERROR_KEYS[error] : void 0;
+	}, ...ngDevMode ? [{ debugName: "errorKey" }] : /* istanbul ignore next */ []);
+	lightColor = computed(() => {
+		const color = this.appColor();
+		return !!color && isLightAppColor(color);
+	}, ...ngDevMode ? [{ debugName: "lightColor" }] : /* istanbul ignore next */ []);
+	suggestions = computed(() => this.suggestedColors().map((color) => normalizeAppColor(color)).filter((color) => !!color), ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
+	formData = computed(() => ({
+		logo_glyph_paste: this.markup(),
+		app_color: this.appColor() ?? ""
+	}), ...ngDevMode ? [{ debugName: "formData" }] : /* istanbul ignore next */ []);
+	lastUpload;
+	take = (markup) => {
+		this.markup.set(markup);
+		if (!markup.trim()) {
+			this.error.set("");
+			return;
+		}
+		const { svg, error } = rebuildLogoGlyph(markup);
+		this.error.set(error);
+		if (svg) this.glyph.set(svg);
+	};
+	onForm = (data) => {
+		const upload = data["logo_glyph_upload"];
+		if (upload !== this.lastUpload) {
+			this.lastUpload = upload;
+			if (typeof upload === "string") this.take(upload);
+		}
+		const paste = data["logo_glyph_paste"];
+		if (typeof paste === "string" && paste !== this.markup()) this.take(paste);
+		const color = normalizeAppColor(String(data["app_color"] ?? ""));
+		if (color && color !== this.appColor()) this.appColor.set(color);
+	};
+	pickSuggestion = (color) => {
+		if (!this.disabled()) this.appColor.set(color);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LogoGlyphInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: LogoGlyphInputComponent,
+		isStandalone: true,
+		selector: "m-logo-glyph-input",
+		inputs: {
+			glyph: {
+				classPropertyName: "glyph",
+				publicName: "glyph",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appColor: {
+				classPropertyName: "appColor",
+				publicName: "appColor",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			suggestedColors: {
+				classPropertyName: "suggestedColors",
+				publicName: "suggestedColors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			glyph: "glyphChange",
+			appColor: "appColorChange"
+		},
+		host: { classAttribute: "m-logo-glyph-input" },
+		ngImport: i0,
+		template: "<div class=\"m-logo-glyph-input__preview\">\n  <div class=\"m-logo-glyph-input__logo m-logo-glyph-input__logo--large\">\n    <m-app-logo [glyph]=\"glyph()\" [appColor]=\"appColor()\" [name]=\"name()\" />\n  </div>\n  <div class=\"m-logo-glyph-input__logo m-logo-glyph-input__logo--small\">\n    <m-app-logo [glyph]=\"glyph()\" [appColor]=\"appColor()\" [name]=\"name()\" />\n  </div>\n</div>\n\n<div class=\"m-logo-glyph-input__fields\">\n  <ng-content select=\"[logoAi]\" />\n\n  <!-- asset: forms/logo_glyph_input.yml -->\n  <m-form\n    name=\"logo_glyph_input\"\n    [one]=\"true\"\n    [data]=\"formData()\"\n    [readonly]=\"disabled()\"\n    [autofocus]=\"false\"\n    (dataChange)=\"onForm($event)\"\n  />\n  @if (errorKey(); as key) {\n    <m-text-output variant=\"footer\" color=\"error\" [label]=\"key\" />\n  }\n  @if (lightColor()) {\n    <m-text-output variant=\"footer\" color=\"warning\" label=\"app-color-light\" />\n  }\n\n  @if (suggestions().length) {\n    <m-text-output variant=\"footer\" label=\"app-color-suggestions\" />\n    <div class=\"m-logo-glyph-input__swatches\">\n      @for (color of suggestions(); track color) {\n        <div\n          class=\"m-logo-glyph-input__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"color\"\n          [attr.aria-pressed]=\"color === appColor()\"\n          [class.m-logo-glyph-input__swatch--picked]=\"color === appColor()\"\n          (click)=\"pickSuggestion(color)\"\n          (keydown.enter)=\"pickSuggestion(color)\"\n          (keydown.space)=\"pickSuggestion(color); $event.preventDefault()\"\n        >\n          <m-app-logo [glyph]=\"glyph()\" [appColor]=\"color\" [name]=\"name()\" />\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+		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:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.m-logo-glyph-input__preview{display:flex;align-items:flex-end;gap:1rem}.m-logo-glyph-input__logo--large{width:6rem;height:6rem}.m-logo-glyph-input__logo--small{width:2rem;height:2rem}.m-logo-glyph-input__fields{display:flex;flex-direction:column;gap:.75rem;flex:1 1 18rem;min-width:0}.m-logo-glyph-input__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.5rem}.m-logo-glyph-input__swatch{aspect-ratio:1;border-radius:25%;padding:2px;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s ease}.m-logo-glyph-input__swatch:focus-visible,.m-logo-glyph-input__swatch:hover{outline-color:var(--m-text-quaternary)}.m-logo-glyph-input__swatch--picked{outline-color:var(--m-mm)}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: AppLogoComponent,
+				selector: "m-app-logo",
+				inputs: [
+					"glyph",
+					"appColor",
+					"name"
+				]
+			},
+			{
+				kind: "component",
+				type: FormGroupComponent,
+				selector: "m-form, m-one-form",
+				inputs: [
+					"data",
+					"state",
+					"validation",
+					"options",
+					"fieldConfigs",
+					"aclResolver",
+					"autofocus",
+					"readonly",
+					"fieldRenderIds",
+					"elements",
+					"templates",
+					"datas",
+					"label",
+					"subtitle"
+				],
+				outputs: [
+					"dataChange",
+					"act",
+					"stateChange"
+				]
+			},
+			{
+				kind: "component",
+				type: TextOutputComponent,
+				selector: "m-text-output",
+				inputs: [
+					"config",
+					"align",
+					"variant",
+					"color",
+					"fontWeight",
+					"label",
+					"noTranslate",
+					"params"
+				],
+				outputs: ["configChange", "clicked"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LogoGlyphInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-logo-glyph-input",
+			imports: [
+				AppLogoComponent,
+				FormGroupComponent,
+				TextOutputComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "m-logo-glyph-input" },
+			template: "<div class=\"m-logo-glyph-input__preview\">\n  <div class=\"m-logo-glyph-input__logo m-logo-glyph-input__logo--large\">\n    <m-app-logo [glyph]=\"glyph()\" [appColor]=\"appColor()\" [name]=\"name()\" />\n  </div>\n  <div class=\"m-logo-glyph-input__logo m-logo-glyph-input__logo--small\">\n    <m-app-logo [glyph]=\"glyph()\" [appColor]=\"appColor()\" [name]=\"name()\" />\n  </div>\n</div>\n\n<div class=\"m-logo-glyph-input__fields\">\n  <ng-content select=\"[logoAi]\" />\n\n  <!-- asset: forms/logo_glyph_input.yml -->\n  <m-form\n    name=\"logo_glyph_input\"\n    [one]=\"true\"\n    [data]=\"formData()\"\n    [readonly]=\"disabled()\"\n    [autofocus]=\"false\"\n    (dataChange)=\"onForm($event)\"\n  />\n  @if (errorKey(); as key) {\n    <m-text-output variant=\"footer\" color=\"error\" [label]=\"key\" />\n  }\n  @if (lightColor()) {\n    <m-text-output variant=\"footer\" color=\"warning\" label=\"app-color-light\" />\n  }\n\n  @if (suggestions().length) {\n    <m-text-output variant=\"footer\" label=\"app-color-suggestions\" />\n    <div class=\"m-logo-glyph-input__swatches\">\n      @for (color of suggestions(); track color) {\n        <div\n          class=\"m-logo-glyph-input__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"color\"\n          [attr.aria-pressed]=\"color === appColor()\"\n          [class.m-logo-glyph-input__swatch--picked]=\"color === appColor()\"\n          (click)=\"pickSuggestion(color)\"\n          (keydown.enter)=\"pickSuggestion(color)\"\n          (keydown.space)=\"pickSuggestion(color); $event.preventDefault()\"\n        >\n          <m-app-logo [glyph]=\"glyph()\" [appColor]=\"color\" [name]=\"name()\" />\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+			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:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.m-logo-glyph-input__preview{display:flex;align-items:flex-end;gap:1rem}.m-logo-glyph-input__logo--large{width:6rem;height:6rem}.m-logo-glyph-input__logo--small{width:2rem;height:2rem}.m-logo-glyph-input__fields{display:flex;flex-direction:column;gap:.75rem;flex:1 1 18rem;min-width:0}.m-logo-glyph-input__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.5rem}.m-logo-glyph-input__swatch{aspect-ratio:1;border-radius:25%;padding:2px;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s ease}.m-logo-glyph-input__swatch:focus-visible,.m-logo-glyph-input__swatch:hover{outline-color:var(--m-text-quaternary)}.m-logo-glyph-input__swatch--picked{outline-color:var(--m-mm)}\n"]
+		}]
+	}],
+	propDecorators: {
+		glyph: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "glyph",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["glyphChange"]
+		}],
+		appColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appColor",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["appColorChange"]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		suggestedColors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "suggestedColors",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
 var PlaygroundComponent = class PlaygroundComponent {
 	config = input(...ngDevMode ? [void 0, { debugName: "config" }] : /* istanbul ignore next */ []);
 	copied = signal(false, ...ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []);
@@ -38977,7 +39436,8 @@ var ModalComponent = class ModalComponent extends ConfigComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -40285,7 +40745,8 @@ var NavTrailComponent = class NavTrailComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -40620,7 +41081,7 @@ var NavHeaderComponent = class NavHeaderComponent {
 		return trail && trail.length > 0 ? trail : null;
 	}, ...ngDevMode ? [{ debugName: "_trail" }] : /* istanbul ignore next */ []);
 	_user = computed(() => this._isUser() ? this.#authStore.user() ?? null : null, ...ngDevMode ? [{ debugName: "_user" }] : /* istanbul ignore next */ []);
-	_header = computed(() => this._isUser() ? null : this._navStore.breadcrumb().header, ...ngDevMode ? [{ debugName: "_header" }] : /* istanbul ignore next */ []);
+	_header = computed(() => this._isSearch() || this._isUser() ? null : this._navStore.breadcrumb().header, ...ngDevMode ? [{ debugName: "_header" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			if (!this._isSearch()) this._searchOpen.set(false);
@@ -40640,9 +41101,16 @@ var NavHeaderComponent = class NavHeaderComponent {
 		type: NavHeaderComponent,
 		isStandalone: true,
 		selector: "m-nav-header",
+		host: {
+			properties: {
+				"style.display": "\"block\"",
+				"style.--m-section-min-height": "\"0\""
+			},
+			classAttribute: "m-nav-header"
+		},
 		ngImport: i0,
-		template: "<m-section>\n  @if (_isSearch() && _searchOpen()) {\n    <!-- Searching: the field takes the row the trail was on, so the nav is\n         hidden while there is something to type into. -->\n    <m-section-search\n      class=\"nav-header__search\"\n      [(isOpen)]=\"_searchOpen\"\n      [value]=\"_searchStore.query()\"\n      [searchLabel]=\"_searchLabel()\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else {\n    @if (_trail(); as trail) {\n      <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n        <m-nav-trail [config]=\"trail\" />\n        @if (_isSearch()) {\n          <!-- The bar's toggle, drawn in the nav's own row rather than in a row\n               stacked on top of it. -->\n          <m-button\n            class=\"nav-header__search-toggle\"\n            [config]=\"_searchToggle\"\n            (clicked)=\"_openSearch()\"\n          />\n        }\n      </m-section-back>\n    } @else if (_isSearch()) {\n      <!-- No trail to sit beside — a search opened at root — so the toggle takes\n           the header row on its own. -->\n      <m-section-back>\n        <m-button\n          class=\"nav-header__search-toggle\"\n          [config]=\"_searchToggle\"\n          (clicked)=\"_openSearch()\"\n        />\n      </m-section-back>\n    }\n\n    @if (!_isSearch()) {\n      @if (_user(); as user) {\n        <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n          <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n        </m-user>\n      } @else if (_header(); as h) {\n        @if (h.label) {\n          <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n        }\n      }\n    }\n  }\n</m-section>\n",
-		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;--m-section-min-height: 0}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}m-section-search.nav-header__search{--_nav-row-height: var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));min-height:var(--_nav-row-height);padding-block:0;--m-input-clear-height: calc(var(--_nav-row-height) - .5rem);--m-input-clear-min-height: calc(var(--_nav-row-height) - .5rem)}\n"],
+		template: "<m-section>\n  @if (_isSearch() && _searchOpen()) {\n    <!-- Searching: the field takes the row the trail was on, so the nav is\n         hidden while there is something to type into. -->\n    <m-section-search\n      class=\"nav-header__search\"\n      [(isOpen)]=\"_searchOpen\"\n      [value]=\"_searchStore.query()\"\n      [searchLabel]=\"_searchLabel()\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_trail() || _isSearch()) {\n    <!-- The nav's row, and the bar's toggle stands in it rather than in a row\n         stacked on top of it. Both slots are written a single `@if` deep: a\n         Section matches its projected slots by tag, and a node nested deeper\n         falls through to the body instead. -->\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      @if (_trail(); as trail) {\n        <m-nav-trail [config]=\"trail\" />\n      }\n      @if (_isSearch()) {\n        <m-button\n          class=\"nav-header__search-toggle\"\n          [config]=\"_searchToggle\"\n          (clicked)=\"_openSearch()\"\n        />\n      }\n    </m-section-back>\n  }\n\n  @if (_user(); as user) {\n    <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n      <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n    </m-user>\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n",
+		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)}}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}m-section-search.nav-header__search{--_nav-row-height: var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));min-height:var(--_nav-row-height);padding-block:0;--m-input-clear-height: calc(var(--_nav-row-height) - .5rem);--m-input-clear-min-height: calc(var(--_nav-row-height) - .5rem)}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -40826,8 +41294,13 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<m-section>\n  @if (_isSearch() && _searchOpen()) {\n    <!-- Searching: the field takes the row the trail was on, so the nav is\n         hidden while there is something to type into. -->\n    <m-section-search\n      class=\"nav-header__search\"\n      [(isOpen)]=\"_searchOpen\"\n      [value]=\"_searchStore.query()\"\n      [searchLabel]=\"_searchLabel()\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else {\n    @if (_trail(); as trail) {\n      <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n        <m-nav-trail [config]=\"trail\" />\n        @if (_isSearch()) {\n          <!-- The bar's toggle, drawn in the nav's own row rather than in a row\n               stacked on top of it. -->\n          <m-button\n            class=\"nav-header__search-toggle\"\n            [config]=\"_searchToggle\"\n            (clicked)=\"_openSearch()\"\n          />\n        }\n      </m-section-back>\n    } @else if (_isSearch()) {\n      <!-- No trail to sit beside — a search opened at root — so the toggle takes\n           the header row on its own. -->\n      <m-section-back>\n        <m-button\n          class=\"nav-header__search-toggle\"\n          [config]=\"_searchToggle\"\n          (clicked)=\"_openSearch()\"\n        />\n      </m-section-back>\n    }\n\n    @if (!_isSearch()) {\n      @if (_user(); as user) {\n        <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n          <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n        </m-user>\n      } @else if (_header(); as h) {\n        @if (h.label) {\n          <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n        }\n      }\n    }\n  }\n</m-section>\n",
-			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;--m-section-min-height: 0}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}m-section-search.nav-header__search{--_nav-row-height: var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));min-height:var(--_nav-row-height);padding-block:0;--m-input-clear-height: calc(var(--_nav-row-height) - .5rem);--m-input-clear-min-height: calc(var(--_nav-row-height) - .5rem)}\n"]
+			host: {
+				class: "m-nav-header",
+				"[style.display]": "\"block\"",
+				"[style.--m-section-min-height]": "\"0\""
+			},
+			template: "<m-section>\n  @if (_isSearch() && _searchOpen()) {\n    <!-- Searching: the field takes the row the trail was on, so the nav is\n         hidden while there is something to type into. -->\n    <m-section-search\n      class=\"nav-header__search\"\n      [(isOpen)]=\"_searchOpen\"\n      [value]=\"_searchStore.query()\"\n      [searchLabel]=\"_searchLabel()\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_trail() || _isSearch()) {\n    <!-- The nav's row, and the bar's toggle stands in it rather than in a row\n         stacked on top of it. Both slots are written a single `@if` deep: a\n         Section matches its projected slots by tag, and a node nested deeper\n         falls through to the body instead. -->\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      @if (_trail(); as trail) {\n        <m-nav-trail [config]=\"trail\" />\n      }\n      @if (_isSearch()) {\n        <m-button\n          class=\"nav-header__search-toggle\"\n          [config]=\"_searchToggle\"\n          (clicked)=\"_openSearch()\"\n        />\n      }\n    </m-section-back>\n  }\n\n  @if (_user(); as user) {\n    <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n      <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n    </m-user>\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n",
+			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)}}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}m-section-search.nav-header__search{--_nav-row-height: var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));min-height:var(--_nav-row-height);padding-block:0;--m-input-clear-height: calc(var(--_nav-row-height) - .5rem);--m-input-clear-min-height: calc(var(--_nav-row-height) - .5rem)}\n"]
 		}]
 	}],
 	ctorParameters: () => []
@@ -40996,7 +41469,8 @@ var NavMenuComponent = class NavMenuComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -41459,7 +41933,8 @@ var NavDetailsComponent = class NavDetailsComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -41612,24 +42087,31 @@ var NavComponent = class NavComponent {
 	logo = computed(() => {
 		if (this.logoPending()) return void 0;
 		const config = this.isHost() ? void 0 : this.currentWcConfig();
-		if (config?.logo) return {
-			src: config.logo,
-			alt: config.name || config.app,
-			app: config.app
-		};
+		if (config?.app) {
+			const identity = this.#navStore.currentIdentity();
+			return {
+				app: config.app,
+				alt: identity?.name ?? config.app,
+				glyph: identity?.logoGlyph ?? null,
+				color: identity?.appColor ?? null,
+				src: void 0
+			};
+		}
 		const root = this.#navStore.navMap()[ROOT_NAV];
 		return root?.logo ? {
-			src: root.logo,
+			app: void 0,
 			alt: root.title ?? "logo",
-			app: void 0
+			glyph: null,
+			color: null,
+			src: root.logo
 		} : void 0;
 	}, ...ngDevMode ? [{ debugName: "logo" }] : /* istanbul ignore next */ []);
 	appRail = computed(() => {
 		if (!this.isHost()) return [];
 		const configs = this.#navStore.wcConfigMap();
+		const identities = this.#navStore.identityMap();
 		const panelNavId = this.isNavOpened() ? this.#navStore.id() : void 0;
 		const isActive = (appNavId) => !!panelNavId && (panelNavId === appNavId || panelNavId.startsWith(`${appNavId}_`));
-		const hostLogo = this.#navStore.navMap()[ROOT_NAV]?.logo;
 		const appLink = this.appLink();
 		const appNavId = this.#navStore.appNavId();
 		const main = appLink && appNavId && !this.activeAppOpen() ? [{
@@ -41648,9 +42130,9 @@ var NavComponent = class NavComponent {
 			key,
 			appNavId,
 			pending: !config,
-			src: config?.logo ?? hostLogo,
-			remote: config?.logo ? config.link || link : void 0,
-			alt: config?.name || config?.app || link,
+			glyph: identities[link]?.logoGlyph ?? null,
+			color: identities[link]?.appColor ?? null,
+			alt: identities[link]?.name ?? link,
 			active: isActive(appNavId)
 		}));
 	}, ...ngDevMode ? [{ debugName: "appRail" }] : /* istanbul ignore next */ []);
@@ -41836,7 +42318,7 @@ var NavComponent = class NavComponent {
 		outputs: { menuClicked: "menuClicked" },
 		host: { classAttribute: "m-nav" },
 		ngImport: i0,
-		template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"app.src\" [remote]=\"app.remote\" [alt]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
+		template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          @if (logo.src) {\n            <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n          } @else {\n            <m-app-logo class=\"nav_logo_img\" [glyph]=\"logo.glyph\" [appColor]=\"logo.color\" [name]=\"logo.alt\" />\n          }\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-app-logo class=\"nav_logo_img\" [glyph]=\"app.glyph\" [appColor]=\"app.color\" [name]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
 		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-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);width:64px;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:flex;align-items:center;justify-content:center;padding:0;height:64px;width:64px;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--rail:after{content:none}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent!important;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.m-nav .nav_logo.nav_logo--app:hover{transform:none!important}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:32px;height:32px;margin:0 auto;position:relative;z-index:1;border-radius:9px;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app .nav_logo_img img{width:100%;height:100%;object-fit:cover}.m-nav .nav_logo.nav_logo--app:hover .nav_logo_img{transform:scale(1.06)}.m-nav .nav_logo.nav_logo--app:active .nav_logo_img{transform:scale(.88);transition-duration:.1s}.m-nav .nav_logo.nav_logo--app.nav_logo--pop .nav_logo_img{animation:nav-logo-pop .4s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app:before{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:14px;border:1px solid transparent;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app.nav_logo--active:before{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:color-mix(in srgb,var(--m-primary-color) 45%,transparent);background:color-mix(in srgb,var(--m-primary-color) 8%,transparent)}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:28px;height:28px;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:48px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 64px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 48px;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:56px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 72px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 56px;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@keyframes nav-logo-pop{0%{transform:scale(1)}35%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}\n"],
 		dependencies: [
 			{
@@ -41908,6 +42390,16 @@ var NavComponent = class NavComponent {
 					"ngSrcset",
 					"sizes"
 				]
+			},
+			{
+				kind: "component",
+				type: AppLogoComponent,
+				selector: "m-app-logo",
+				inputs: [
+					"glyph",
+					"appColor",
+					"name"
+				]
 			}
 		],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -41927,12 +42419,13 @@ i0.ɵɵngDeclareClassMetadata({
 				ButtonGroupComponent,
 				ButtonComponent,
 				NavDetailsComponent,
-				ImgComponent
+				ImgComponent,
+				AppLogoComponent
 			],
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "m-nav" },
-			template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"app.src\" [remote]=\"app.remote\" [alt]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
+			template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          @if (logo.src) {\n            <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n          } @else {\n            <m-app-logo class=\"nav_logo_img\" [glyph]=\"logo.glyph\" [appColor]=\"logo.color\" [name]=\"logo.alt\" />\n          }\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-app-logo class=\"nav_logo_img\" [glyph]=\"app.glyph\" [appColor]=\"app.color\" [name]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
 			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-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);width:64px;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:flex;align-items:center;justify-content:center;padding:0;height:64px;width:64px;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--rail:after{content:none}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent!important;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.m-nav .nav_logo.nav_logo--app:hover{transform:none!important}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:32px;height:32px;margin:0 auto;position:relative;z-index:1;border-radius:9px;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app .nav_logo_img img{width:100%;height:100%;object-fit:cover}.m-nav .nav_logo.nav_logo--app:hover .nav_logo_img{transform:scale(1.06)}.m-nav .nav_logo.nav_logo--app:active .nav_logo_img{transform:scale(.88);transition-duration:.1s}.m-nav .nav_logo.nav_logo--app.nav_logo--pop .nav_logo_img{animation:nav-logo-pop .4s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app:before{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:14px;border:1px solid transparent;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app.nav_logo--active:before{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:color-mix(in srgb,var(--m-primary-color) 45%,transparent);background:color-mix(in srgb,var(--m-primary-color) 8%,transparent)}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:28px;height:28px;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:48px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 64px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 48px;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:56px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 72px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 56px;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@keyframes nav-logo-pop{0%{transform:scale(1)}35%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}\n"]
 		}]
 	}],
@@ -41970,7 +42463,6 @@ var FooterComponent = class FooterComponent {
 	#navStore = inject(NavStore);
 	currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 	activeApp = this.#navStore.currentWcConfig;
-	companyName = computed(() => this.activeApp()?.company ?? "Magmonium India Private Limited", ...ngDevMode ? [{ debugName: "companyName" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -42028,7 +42520,8 @@ var FooterComponent = class FooterComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -44231,7 +44724,8 @@ var ThemeCardContentComponent = class ThemeCardContentComponent {
 				"size",
 				"one",
 				"baseUrl",
-				"remote"
+				"remote",
+				"shadow"
 			],
 			outputs: ["configChange"]
 		}, {
@@ -48014,7 +48508,8 @@ var SvgGeneratorComponent = class SvgGeneratorComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -48279,7 +48774,8 @@ var SearchUserPanelComponent = class SearchUserPanelComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -49202,7 +49698,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const FALLBACK_ICON = "apps";
 var AppTileComponent = class AppTileComponent {
 	app = input.required(...ngDevMode ? [{ debugName: "app" }] : /* istanbul ignore next */ []);
 	notifications = input([], ...ngDevMode ? [{ debugName: "notifications" }] : /* istanbul ignore next */ []);
@@ -49210,13 +49705,7 @@ var AppTileComponent = class AppTileComponent {
 	openApp = output();
 	clearAll = output();
 	expanded = signal(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
-	fallback = FALLBACK_ICON;
 	icon = computed(() => this.app()?.icon, ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
-	remote = computed(() => this.app()?.remote, ...ngDevMode ? [{ debugName: "remote" }] : /* istanbul ignore next */ []);
-	isUrl = computed(() => {
-		const icon = this.icon();
-		return !!icon && (icon.startsWith("http") || icon.startsWith("/") || icon.includes("."));
-	}, ...ngDevMode ? [{ debugName: "isUrl" }] : /* istanbul ignore next */ []);
 	notificationCount = computed(() => this.notifications().length, ...ngDevMode ? [{ debugName: "notificationCount" }] : /* istanbul ignore next */ []);
 	expandOrNavigate = (_event) => {
 		if (this.expanded()) {
@@ -49295,10 +49784,10 @@ var AppTileComponent = class AppTileComponent {
         @if (expanded()) {
           <div class="app-tile__header">
             <div class="app-tile__header-icon">
-              @if (isUrl()) {
-                <m-img [src]="icon()!" [remote]="remote()" [alt]="app.name" />
+              @if (icon(); as name) {
+                <m-icon [name]="name" color="mm" />
               } @else {
-                <m-icon [name]="icon() || fallback" color="mm" />
+                <m-app-logo [glyph]="app.logoGlyph" [appColor]="app.appColor" [name]="app.name" />
               }
             </div>
             <span class="app-tile__header-name">{{ app.name }}</span>
@@ -49314,13 +49803,13 @@ var AppTileComponent = class AppTileComponent {
           </div>
         } @else {
           <div class="app-tile__icon-wrapper">
-            @if (isUrl()) {
-              <div class="app-tile__custom-icon">
-                <m-img [src]="icon()!" [remote]="remote()" [alt]="app.name" />
+            @if (icon(); as name) {
+              <div class="app-tile__icon">
+                <m-icon [name]="name" />
               </div>
             } @else {
-              <div class="app-tile__icon">
-                <m-icon [name]="icon() || fallback" />
+              <div class="app-tile__custom-icon">
+                <m-app-logo [glyph]="app.logoGlyph" [appColor]="app.appColor" [name]="app.name" />
               </div>
             }
             @if (notificationCount() > 0) {
@@ -49337,20 +49826,12 @@ var AppTileComponent = class AppTileComponent {
 		dependencies: [
 			{
 				kind: "component",
-				type: ImgComponent,
-				selector: "m-img",
+				type: AppLogoComponent,
+				selector: "m-app-logo",
 				inputs: [
-					"src",
-					"data",
-					"dataType",
-					"alt",
-					"priority",
-					"fill",
-					"width",
-					"height",
-					"remote",
-					"ngSrcset",
-					"sizes"
+					"glyph",
+					"appColor",
+					"name"
 				]
 			},
 			{
@@ -49364,7 +49845,8 @@ var AppTileComponent = class AppTileComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -49410,7 +49892,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "m-app-tile",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [
-				ImgComponent,
+				AppLogoComponent,
 				IconComponent,
 				BadgeComponent,
 				ButtonGroupComponent,
@@ -49432,10 +49914,10 @@ i0.ɵɵngDeclareClassMetadata({
         @if (expanded()) {
           <div class="app-tile__header">
             <div class="app-tile__header-icon">
-              @if (isUrl()) {
-                <m-img [src]="icon()!" [remote]="remote()" [alt]="app.name" />
+              @if (icon(); as name) {
+                <m-icon [name]="name" color="mm" />
               } @else {
-                <m-icon [name]="icon() || fallback" color="mm" />
+                <m-app-logo [glyph]="app.logoGlyph" [appColor]="app.appColor" [name]="app.name" />
               }
             </div>
             <span class="app-tile__header-name">{{ app.name }}</span>
@@ -49451,13 +49933,13 @@ i0.ɵɵngDeclareClassMetadata({
           </div>
         } @else {
           <div class="app-tile__icon-wrapper">
-            @if (isUrl()) {
-              <div class="app-tile__custom-icon">
-                <m-img [src]="icon()!" [remote]="remote()" [alt]="app.name" />
+            @if (icon(); as name) {
+              <div class="app-tile__icon">
+                <m-icon [name]="name" />
               </div>
             } @else {
-              <div class="app-tile__icon">
-                <m-icon [name]="icon() || fallback" />
+              <div class="app-tile__custom-icon">
+                <m-app-logo [glyph]="app.logoGlyph" [appColor]="app.appColor" [name]="app.name" />
               </div>
             }
             @if (notificationCount() > 0) {
@@ -49718,7 +50200,8 @@ var AudiencePickerBoxComponent = class AudiencePickerBoxComponent {
 					"size",
 					"one",
 					"baseUrl",
-					"remote"
+					"remote",
+					"shadow"
 				],
 				outputs: ["configChange"]
 			},
@@ -50103,6 +50586,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
+export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appLogoShadowColor, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, rebuildLogoGlyph, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
 
 //# sourceMappingURL=magmonium-one.mjs.map