@magmonium/one 0.4.51 → 0.4.53

package/fesm2022/magmonium-one.mjs

@@ -1,30 +1,30 @@
 import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
-import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BalJd7VH.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-GGFfBf2O.mjs";
+import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BOLtxL8d.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-CXZMCqmO.mjs";
 import { t as FileService } from "./magmonium-one-file.service-Bo06pU3_.mjs";
-import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-td5Lij8L.mjs";
-import "./magmonium-one-theme-CYT4pn5X.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-B2Rtuiyg.mjs";
-import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-DR7LgBc3.mjs";
-import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CSl5Xeq1.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-CJ1Gaaw-.mjs";
-import { t as MRefDirective } from "./magmonium-one-m-ref-X9KgVe86.mjs";
-import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-BlrhLckD.mjs";
+import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-Bd80JrEQ.mjs";
+import "./magmonium-one-theme-Ce9i3H3R.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-B95NhEzQ.mjs";
+import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-dAR6gd-q.mjs";
+import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-BobQXKUK.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-B1KCA8KO.mjs";
+import { t as MRefDirective } from "./magmonium-one-m-ref-BdP7Kzhk.mjs";
+import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-By4-vPVk.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CS83TVYG.mjs";
-import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-O1JyFBc3.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-7MmiF2rG.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-BBaepb2P.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-B8H0Grmb.mjs";
-import { t as BaseInputComponent } from "./magmonium-one-base-input-CsVND89n.mjs";
-import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-CWf7J75v.mjs";
-import { t as TextOutputComponent } from "./magmonium-one-text-output-Cg2dT_U_.mjs";
-import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-BqCPBI1d.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-dZL0E4k_.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-BPThK6-y.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-OzTdXSHR.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-DLu5PhUN.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-0qlJVp_y.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CbEdjmtz.mjs";
+import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-C_i3gUFT.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-CckG0DHr.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-C7alQqSj.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-DmZJi88Y.mjs";
+import { t as BaseInputComponent } from "./magmonium-one-base-input-KRWQalNW.mjs";
+import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-HyEol70U.mjs";
+import { t as TextOutputComponent } from "./magmonium-one-text-output-Dkx0i1iu.mjs";
+import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-bwMjlhHR.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-BsQv0Wof.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-Bo4XPBXB.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-BnWtK-O0.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-DPR659yG.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-7XYsiJBX.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 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";
@@ -744,12 +744,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-dZL0E4k_.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-BsQv0Wof.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
 				case InputType.TOGGLE: {
-					const { ToggleInputComponent } = await import("./magmonium-one-toggle-DRG14zhR.mjs");
+					const { ToggleInputComponent } = await import("./magmonium-one-toggle-C5-GwMSQ.mjs");
 					this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 					break;
 				}
@@ -759,12 +759,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-CLhWaUXK.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-Bsv1wUIJ.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-CkQohg0H.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-BOiv-9eT.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +774,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CS83TVYG.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CbEdjmtz.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-DLu5PhUN.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-DPR659yG.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-OzTdXSHR.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-BnWtK-O0.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +845,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-BPThK6-y.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-Bo4XPBXB.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -13314,7 +13314,7 @@ const mInterceptor = (incoming, next) => {
 	const authBaseUrl = httpService.getAuthUrl();
 	const isBackend = incoming.url.startsWith(baseUrl) || incoming.url.startsWith(authBaseUrl);
 	const appLink = inject(APP_LINK)();
-	const request = appLink && incoming.url.startsWith(baseUrl) ? incoming.clone({ setHeaders: { [CALLING_APP_HEADER]: appLink } }) : incoming;
+	const request = appLink && incoming.url.startsWith(baseUrl) && !incoming.headers.has("X-Mag-App") ? incoming.clone({ setHeaders: { [CALLING_APP_HEADER]: appLink } }) : incoming;
 	const authenticate = injectAuthenticate();
 	const renewSession = injectRenewSession();
 	const hostSession = inject(HOST_SESSION);
@@ -15283,9 +15283,14 @@ i0.ɵɵngDeclareClassMetadata({
 });
 function initMagmoniumApp({ backend, authUrl, socketUrl }) {
 	return () => {
+		const httpService = inject(HttpService);
+		const effectiveBackend = backend || "http://localhost:8000";
+		if (!backend) console.warn("initMagmoniumApp: No backend URL provided, defaulting to http://localhost:8000. Check your environment configuration if this is unexpected.");
+		const effectiveAuth = authUrl || effectiveBackend;
+		httpService.setUrl(effectiveBackend);
+		httpService.setAuthUrl(effectiveAuth);
 		inject(FreezeService);
 		const hostSession = inject(HOST_SESSION);
-		const httpService = inject(HttpService);
 		const translateService = inject(TranslateService);
 		const themeStore = inject(ThemeStore);
 		const loginStore = inject(LOGIN_STORE);
@@ -15300,11 +15305,6 @@ function initMagmoniumApp({ backend, authUrl, socketUrl }) {
 		SharedStoreRegistry.setAppLogoState(inject(AppLogoState));
 		if (navStore) SharedStoreRegistry.setNavStore(navStore);
 		if (loginStore) SharedStoreRegistry.setLoginStore(loginStore);
-		const effectiveBackend = backend || "http://localhost:8000";
-		if (!backend) console.warn("initMagmoniumApp: No backend URL provided, defaulting to http://localhost:8000. Check your environment configuration if this is unexpected.");
-		const effectiveAuth = authUrl || effectiveBackend;
-		httpService.setUrl(effectiveBackend);
-		httpService.setAuthUrl(effectiveAuth);
 		themeStore.init();
 		if (socketUrl) {
 			const socketStore = inject(SocketStore);
@@ -21900,12 +21900,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-dZL0E4k_.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-BsQv0Wof.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
 			case InputType.TOGGLE: {
-				const { ToggleInputComponent } = await import("./magmonium-one-toggle-DRG14zhR.mjs");
+				const { ToggleInputComponent } = await import("./magmonium-one-toggle-C5-GwMSQ.mjs");
 				this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 				break;
 			}
@@ -21915,12 +21915,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-CLhWaUXK.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-Bsv1wUIJ.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-CkQohg0H.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-BOiv-9eT.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -21930,7 +21930,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CS83TVYG.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CbEdjmtz.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -21945,12 +21945,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-DLu5PhUN.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-DPR659yG.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-OzTdXSHR.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-BnWtK-O0.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -22001,7 +22001,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-BPThK6-y.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-Bo4XPBXB.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -24319,7 +24319,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-CkPeheGY.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-DHlktZ6z.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -29079,13 +29079,15 @@ var RemoteLoaderService = class RemoteLoaderService {
 		const config = await this.configOf(link);
 		return config.reason ? config : this.mount(config.config, useShadow, props, children);
 	};
-	loadPluginFromLink = async (link, screen, props) => {
+	loadPluginFromLink = async (link, screen, props, hostLink) => {
 		const loaded = await this.configOf(link);
 		if (loaded.reason) return loaded;
 		const config = loaded.config;
-		const bundle = await this.loadBundle(config);
-		if (bundle !== true) return bundle;
 		const tag = pluginTag(config.selector, screen);
+		const rootless = config.kind === "plugin";
+		if (rootless && !(config.plugins ?? []).some((p) => p.name === screen)) return { reason: "screen-not-found" };
+		const bundle = await this.loadBundle(config, rootless ? tag : config.selector, hostLink);
+		if (bundle !== true) return bundle;
 		if (!customElements.get(tag)) return { reason: "screen-not-found" };
 		const element = this.create(tag, props || {});
 		const { assetBaseUrl } = this.resolveUrls(config);
@@ -29128,7 +29130,7 @@ var RemoteLoaderService = class RemoteLoaderService {
 			config
 		} : { reason: "element-timeout" };
 	};
-	loadBundle = async (config) => {
+	loadBundle = async (config, waitFor = config.selector, hostLink) => {
 		if (this.loginStore && !this.loginStore.isLoggedIn()) {
 			console.warn(`Attempted to load component ${config.selector} without authentication`);
 			return {};
@@ -29136,18 +29138,18 @@ var RemoteLoaderService = class RemoteLoaderService {
 		const { scriptUrl } = this.resolveUrls(config);
 		if (!scriptUrl) return { reason: "script-failed" };
 		const tier = config.link && wcTierOf(config.link) || "status";
-		const wasDefined = !!customElements.get(config.selector);
+		const wasDefined = !!customElements.get(waitFor);
 		const definedAs = definedWcTierOf(config.selector);
 		const sameBundle = !!config.componentFileName && definedWcBundleOf(config.selector) === config.componentFileName;
 		if (wasDefined && definedAs && definedAs !== tier && !sameBundle) return { reason: "tier-conflict" };
 		if (wasDefined && sameBundle) return true;
 		try {
-			await this.loadScript(scriptUrl);
+			await this.loadScript(scriptUrl, hostLink);
 		} catch {
 			return { reason: "script-failed" };
 		}
 		let timer;
-		const defined = await Promise.race([customElements.whenDefined(config.selector).then(() => true), new Promise((resolve) => {
+		const defined = await Promise.race([customElements.whenDefined(waitFor).then(() => true), new Promise((resolve) => {
 			timer = setTimeout(() => resolve(false), ELEMENT_TIMEOUT_MS);
 		})]);
 		clearTimeout(timer);
@@ -29155,7 +29157,7 @@ var RemoteLoaderService = class RemoteLoaderService {
 		if (!wasDefined) recordDefinedWcTier(config.selector, tier, config.componentFileName);
 		return true;
 	};
-	async loadScript(url) {
+	async loadScript(url, hostLink) {
 		if (document.querySelector(`script[data-wc-src="${url}"]`)) return;
 		if (!url.startsWith("http") || url.startsWith(window.location.origin)) return new Promise((resolve, reject) => {
 			const script = document.createElement("script");
@@ -29166,7 +29168,7 @@ var RemoteLoaderService = class RemoteLoaderService {
 			script.onerror = () => reject(/* @__PURE__ */ new Error(`Failed to load script: ${url}`));
 			document.head.appendChild(script);
 		});
-		const blob = await firstValueFrom(this.httpService.blob(url));
+		const blob = await firstValueFrom(this.httpService.blob(url, hostLink ? { [CALLING_APP_HEADER]: hostLink } : void 0));
 		const blobUrl = URL.createObjectURL(blob);
 		return new Promise((resolve, reject) => {
 			const script = document.createElement("script");
@@ -30705,6 +30707,7 @@ var PluginComponent = class PluginComponent {
 		...ngDevMode ? { debugName: "port" } : /* istanbul ignore next */ {},
 		transform: (value) => value === void 0 || value === null || value === "" ? void 0 : numberAttribute(value)
 	});
+	hostLink = input(void 0, ...ngDevMode ? [{ debugName: "hostLink" }] : /* istanbul ignore next */ []);
 	inputs = input({}, ...ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []);
 	inputChildren = contentChildren(PluginInputComponent, ...ngDevMode ? [{ debugName: "inputChildren" }] : /* istanbul ignore next */ []);
 	outputChildren = contentChildren(PluginOutputComponent, ...ngDevMode ? [{ debugName: "outputChildren" }] : /* istanbul ignore next */ []);
@@ -30717,9 +30720,9 @@ var PluginComponent = class PluginComponent {
 	loader = inject(RemoteLoaderService);
 	translateService = inject(TranslateService);
 	loginStore = inject(LOGIN_STORE, { optional: true });
-	hostLink = inject(APP_LINK);
+	appLink = inject(APP_LINK);
 	elementRef = inject(ElementRef);
-	loadedElement;
+	loadedElement = signal(void 0, ...ngDevMode ? [{ debugName: "loadedElement" }] : /* istanbul ignore next */ []);
 	loadId = 0;
 	state = signal("idle", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
 	failure = signal({}, ...ngDevMode ? [{ debugName: "failure" }] : /* istanbul ignore next */ []);
@@ -30730,6 +30733,7 @@ var PluginComponent = class PluginComponent {
 			const screen = this.screen();
 			const source = this.source();
 			const port = this.port();
+			this.hostLink();
 			untracked(() => {
 				setWcTier(link, source === "published" ? void 0 : source);
 				setWcLocalPort(link, source === "local" ? port : void 0);
@@ -30738,7 +30742,7 @@ var PluginComponent = class PluginComponent {
 		});
 		effect(() => {
 			const inputs = this.values();
-			const el = this.loadedElement;
+			const el = this.loadedElement();
 			if (!el) return;
 			Object.entries(inputs).forEach(([key, value]) => {
 				el[key] = value;
@@ -30746,7 +30750,8 @@ var PluginComponent = class PluginComponent {
 		});
 		effect(() => {
 			const lang = this.translateService.lang();
-			if (this.loadedElement) this.loadedElement.lang = lang;
+			const el = this.loadedElement();
+			if (el) el.lang = lang;
 		});
 	}
 	ngOnDestroy() {
@@ -30756,22 +30761,23 @@ var PluginComponent = class PluginComponent {
 		const id = ++this.loadId;
 		this.dismount();
 		this.state.set("loading");
+		const host = untracked(() => this.hostLink());
 		const result = await this.loader.loadPluginFromLink(link, screen, {
 			...untracked(() => this.values()),
 			lang: untracked(() => this.translateService.lang()),
 			pluginLink: link,
-			hostLink: this.hostLink()
-		});
+			hostLink: host ?? this.appLink()
+		}, host);
 		if (id !== this.loadId) return;
 		if (!result.element) {
 			this.failure.set(result);
 			if (result.reason) this.failed.emit(result);
 			return this.state.set(result.reason ? "failed" : "idle");
 		}
-		this.loadedElement = result.element;
 		result.element.style.display = "block";
 		result.element.addEventListener(PLUGIN_OUTPUT_EVENT, this.onOutput);
 		this.elementRef.nativeElement.appendChild(result.element);
+		this.loadedElement.set(result.element);
 		this.state.set("loaded");
 	};
 	onOutput = (event) => {
@@ -30780,9 +30786,10 @@ var PluginComponent = class PluginComponent {
 		this.outputChildren().filter((child) => child.name() === detail.name).forEach((child) => child.fired.emit(detail.value));
 	};
 	dismount = () => {
-		this.loadedElement?.removeEventListener(PLUGIN_OUTPUT_EVENT, this.onOutput);
-		this.loadedElement?.remove();
-		this.loadedElement = void 0;
+		const el = untracked(this.loadedElement);
+		el?.removeEventListener(PLUGIN_OUTPUT_EVENT, this.onOutput);
+		el?.remove();
+		this.loadedElement.set(void 0);
 	};
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -30827,6 +30834,13 @@ var PluginComponent = class PluginComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			hostLink: {
+				classPropertyName: "hostLink",
+				publicName: "hostLink",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			inputs: {
 				classPropertyName: "inputs",
 				publicName: "inputs",
@@ -30968,6 +30982,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		hostLink: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hostLink",
+				required: false
+			}]
+		}],
 		inputs: [{
 			type: i0.Input,
 			args: [{