@scion/workbench 21.0.0-beta.3 → 21.0.0-beta.5

package/fesm2022/scion-workbench.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
 import { effect, untracked, Injectable, inject, Injector, signal, booleanAttribute, numberAttribute, DestroyRef, DOCUMENT, computed, InjectionToken, assertNotInReactiveContext, isSignal, createEnvironmentInjector, EnvironmentInjector, runInInjectionContext, Pipe, isDevMode, ChangeDetectionStrategy, Component, makeEnvironmentProviders, NgZone, ɵZONELESS_ENABLED as _ZONELESS_ENABLED, ApplicationInitStatus, forwardRef, Directive, createComponent, ApplicationRef, ElementRef, viewChild, afterRenderEffect, input, output, ViewContainerRef, TemplateRef, Renderer2, ChangeDetectorRef, linkedSignal, HostListener, HostBinding, viewChildren, IterableDiffers, CUSTOM_ELEMENTS_SCHEMA, provideEnvironmentInitializer } from '@angular/core';
 import { RouterOutlet, Router, PRIMARY_OUTLET, ChildrenOutletContexts, NavigationStart, ActivationStart, ActivationEnd, UrlSegment, RouterEvent, NavigationEnd, NavigationCancel, NavigationError, ActivatedRoute } from '@angular/router';
-import { Arrays, Objects as Objects$1, Defined, Observables, Maps, Dictionaries } from '@scion/toolkit/util';
+import { Arrays, Objects, Defined, Observables, Maps, Dictionaries } from '@scion/toolkit/util';
 import { toObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { skipUntil, mergeMap, filter, observeOn, catchError, map, startWith, take, switchMap as switchMap$1, skip, subscribeOn, finalize, distinctUntilChanged, takeUntil, first, combineLatestWith } from 'rxjs/operators';
+import { skipUntil, mergeMap, observeOn, catchError, map, startWith, take, filter, switchMap as switchMap$1, skip, subscribeOn, finalize, distinctUntilChanged, takeUntil, first, combineLatestWith } from 'rxjs/operators';
 import { coerceElement } from '@angular/cdk/coercion';
 import { UUID } from '@scion/toolkit/uuid';
-import { Observable, Subject, asapScheduler, AsyncSubject, lastValueFrom, iif, switchMap, race, pairwise, EMPTY, of, firstValueFrom, from, animationFrameScheduler, merge, fromEvent, noop, BehaviorSubject, mergeWith, mergeMap as mergeMap$1, delay, identity, concatWith, withLatestFrom, NEVER, map as map$1, share, timer, ReplaySubject, combineLatest, tap, asyncScheduler } from 'rxjs';
+import { Observable, Subject, asapScheduler, AsyncSubject, lastValueFrom, iif, switchMap, race, pairwise, EMPTY, of, firstValueFrom, from, animationFrameScheduler, merge, fromEvent, noop, BehaviorSubject, mergeWith, mergeMap as mergeMap$1, delay, identity, concatWith, withLatestFrom, NEVER, map as map$1, share, timer, ReplaySubject, combineLatest, tap } from 'rxjs';
 import { ManifestService, MicrofrontendPlatform, PlatformState, QualifierMatcher, ObservableDecorator, MicrofrontendPlatformConfig, MicrofrontendPlatformHost, APP_IDENTITY, MessageClient, mapToBody, OutletRouter, MessageHeaders, ResponseStatusCodes, ParamMatcher, CapabilityInterceptor, HostManifestInterceptor, IntentInterceptor, IntentClient, PlatformPropertyService } from '@scion/microfrontend-platform';
 import { tapFirst, subscribeIn, observeIn, filterArray } from '@scion/toolkit/operators';
-import { WorkbenchCapabilities, WorkbenchRouter as WorkbenchRouter$1, ɵWorkbenchRouter as _WorkbenchRouter, WorkbenchDialogService as WorkbenchDialogService$1, ɵWorkbenchDialogService as _WorkbenchDialogService, WorkbenchMessageBoxService as WorkbenchMessageBoxService$1, ɵWorkbenchMessageBoxService as _WorkbenchMessageBoxService, WorkbenchPopupService as WorkbenchPopupService$1, ɵWorkbenchPopupService as _WorkbenchPopupService, WorkbenchNotificationService as WorkbenchNotificationService$1, ɵWorkbenchNotificationService as _WorkbenchNotificationService, WorkbenchTextService, ɵWorkbenchTextService as _WorkbenchTextService, ɵTHEME_CONTEXT_KEY as _THEME_CONTEXT_KEY, ɵVIEW_ID_CONTEXT_KEY as _VIEW_ID_CONTEXT_KEY, ɵWorkbenchCommands as _WorkbenchCommands, ɵVIEW_CAPABILITY_ID_PARAM_NAME as _VIEW_CAPABILITY_ID_PARAM_NAME, ɵWORKBENCH_PART_CONTEXT as _WORKBENCH_PART_CONTEXT, eNOTIFICATION_MESSAGE_PARAM, ɵDIALOG_CONTEXT as _DIALOG_CONTEXT, ɵWorkbenchDialogMessageHeaders as _WorkbenchDialogMessageHeaders, ɵMESSAGE_BOX_CONTEXT as _MESSAGE_BOX_CONTEXT, eMESSAGE_BOX_MESSAGE_PARAM, WorkbenchClient, ɵPOPUP_CONTEXT as _POPUP_CONTEXT, ɵWorkbenchPopupMessageHeaders as _WorkbenchPopupMessageHeaders } from '@scion/workbench-client';
+import { WorkbenchCapabilities, WorkbenchRouter as WorkbenchRouter$1, ɵWorkbenchRouter as _WorkbenchRouter, WorkbenchDialogService as WorkbenchDialogService$1, ɵWorkbenchDialogService as _WorkbenchDialogService, WorkbenchMessageBoxService as WorkbenchMessageBoxService$1, ɵWorkbenchMessageBoxService as _WorkbenchMessageBoxService, WorkbenchPopupService as WorkbenchPopupService$1, ɵWorkbenchPopupService as _WorkbenchPopupService, WorkbenchNotificationService as WorkbenchNotificationService$1, ɵWorkbenchNotificationService as _WorkbenchNotificationService, WorkbenchTextService, ɵWorkbenchTextService as _WorkbenchTextService, ɵTHEME_CONTEXT_KEY as _THEME_CONTEXT_KEY, ɵVIEW_ID_CONTEXT_KEY as _VIEW_ID_CONTEXT_KEY, ɵWorkbenchCommands as _WorkbenchCommands, ɵVIEW_CAPABILITY_ID_PARAM_NAME as _VIEW_CAPABILITY_ID_PARAM_NAME, ɵWORKBENCH_PART_CONTEXT as _WORKBENCH_PART_CONTEXT, eNOTIFICATION_MESSAGE_PARAM, ɵNOTIFICATION_CONTEXT as _NOTIFICATION_CONTEXT, ɵDIALOG_CONTEXT as _DIALOG_CONTEXT, ɵWorkbenchDialogMessageHeaders as _WorkbenchDialogMessageHeaders, ɵMESSAGE_BOX_CONTEXT as _MESSAGE_BOX_CONTEXT, eMESSAGE_BOX_MESSAGE_PARAM, WorkbenchClient, ɵPOPUP_CONTEXT as _POPUP_CONTEXT, ɵWorkbenchPopupMessageHeaders as _WorkbenchPopupMessageHeaders } from '@scion/workbench-client';
 import { fromMutation$, fromResize$ } from '@scion/toolkit/observable';
 import { boundingClientRect, SciDimensionDirective, dimension } from '@scion/components/dimension';
 import { SciViewportComponent } from '@scion/components/viewport';
@@ -511,12 +511,6 @@ const WORKBENCH_ROUTE = new InjectionToken('WORKBENCH_ROUTE');
 function serializeExecution(fn) {
     return mergeMap(element => fn(element), 1);
 }
-/**
- * Mirrors the source except for `null` emissions.
- */
-function filterNull() {
-    return filter((item) => item !== null);
-}
 
 /*
  * Copyright (c) 2018-2024 Swiss Federal Railways
@@ -1376,7 +1370,7 @@ function provideManifestObjectCache() {
 }
 
 /*
- * Copyright (c) 2018-2025 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -1559,6 +1553,41 @@ function canMatchWorkbenchMessageBoxCapability(qualifier) {
 function canMatchWorkbenchPopupCapability(qualifier) {
     return canMatchWorkbenchCapability('popup', WorkbenchCapabilities.Popup, qualifier);
 }
+/**
+ * Configures a route to only match workbench notifications navigated to the specified notification capability.
+ *
+ * Use this guard to differentiate microfrontend routes, which must all have an empty path.
+ *
+ * @example - Route matching a notification capability with qualifier {notification: 'info'}
+ * ```ts
+ * import {Routes} from '@angular/router';
+ * import {canMatchWorkbenchNotificationCapability} from '@scion/workbench';
+ *
+ * const routes: Routes = [
+ *   {path: '', canMatch: [canMatchWorkbenchNotificationCapability({notification: 'info'})], component: InfoComponent},
+ * ];
+ * ```
+ *
+ * The above route matches the following notification capability:
+ *
+ * ```json
+ * {
+ *   "type": "notification",
+ *   "qualifier": {
+ *     "notification": "info"
+ *   },
+ *   "properties": {
+ *     "path": ""
+ *   }
+ * }
+ * ```
+ *
+ * @param qualifier - Identifies the notification capability.
+ * @return guard matching the specified notification capability.
+ */
+function canMatchWorkbenchNotificationCapability(qualifier) {
+    return canMatchWorkbenchCapability('notification', WorkbenchCapabilities.Notification, qualifier);
+}
 /**
  * Matches a route if navigated to the specified capability displayed in the specified workbench element.
  */
@@ -1673,6 +1702,12 @@ function isDialogId(dialogId) {
 function isPopupId(popupId) {
     return popupId?.startsWith(POPUP_ID_PREFIX) ?? false;
 }
+/**
+ * Tests if the given id matches the format of a notification identifier.
+ */
+function isNotificationId(notificationId) {
+    return notificationId?.startsWith(NOTIFICATION_ID_PREFIX) ?? false;
+}
 /**
  * Tests if the given id matches the format of an activity identifier.
  */
@@ -1993,7 +2028,7 @@ class UrlSegmentMatcher {
             if (checkPath && segment.path !== this._pattern[index].path) {
                 return false;
             }
-            if (checkMatrixParams && !Objects$1.isEqual(segment.parameters, this._pattern[index].parameters)) {
+            if (checkMatrixParams && !Objects.isEqual(segment.parameters, this._pattern[index].parameters)) {
                 return false;
             }
             return true;
@@ -2001,51 +2036,6 @@ class UrlSegmentMatcher {
     }
 }
 
-/*
- * Copyright (c) 2018-2024 Swiss Federal Railways
- *
- * This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License 2.0
- * which is available at https://www.eclipse.org/legal/epl-2.0/
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-/**
- * Provides helper functions for working with objects.
- */
-const Objects = {
-    /**
-     * Like {@link Object.keys}, but preserving the data type of keys.
-     */
-    keys: (object) => {
-        return Object.keys(object);
-    },
-    /**
-     * Like {@link Object.values}, but preserving the data type of values and supporting optional properties.
-     */
-    values: (object) => {
-        return Object.values(object);
-    },
-    /**
-     * Like {@link Object.entries}, but preserving the data type of keys and supporting optional properties.
-     */
-    entries: (object) => {
-        return Object.entries(object);
-    },
-    /**
-     * Stringifies given object to matrix notation: a=b;c=d;e=f
-     */
-    toMatrixNotation: (object) => {
-        return Object.entries(object ?? {}).map(([key, value]) => `${key}=${value}`).join(';');
-    },
-    /**
-     * Compares the two objects for shallow equality, ignoring the propery order.
-     */
-    isEqual: (a, b) => {
-        return Objects$1.isEqual(a, b);
-    },
-};
-
 /*
  * Copyright (c) 2018-2023 Swiss Federal Railways
  *
@@ -6376,7 +6366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }], ctorParameters: () => [] });
 
 /*
- * Copyright (c) 2018-2025 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -6435,7 +6425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }] });
 
 /*
- * Copyright (c) 2018-2023 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -6789,7 +6779,7 @@ function removeEmptyEntries(map) {
  * Compares two arrays of strings for equality, ignoring element order.
  */
 function isEqualArray(a, b) {
-    return Arrays.isEqual(a, b, { exactOrder: false });
+    return Objects.isEqual(a, b, { ignoreArrayOrder: true });
 }
 
 /**
@@ -6863,7 +6853,7 @@ class WbComponentPortal {
             this.detach();
         }
         this._viewContainerRef.set(viewContainerRef);
-        this._componentRef.update(componentRef => componentRef ?? createPortalComponent(this._componentType, { providers: this._options?.providers, injector: viewContainerRef.injector }));
+        this._componentRef.update(componentRef => componentRef ?? createPortalComponent(this._componentType, { providers: this._options?.providers, injector: this._options?.injector ?? viewContainerRef.injector }));
         this._logger.debug(() => 'Attaching portal', LoggerNames.LIFECYCLE, this._options?.debugName ?? this._componentType.name);
         this._componentRef().changeDetectorRef.reattach();
         this._viewContainerRef().insert(this._componentRef().hostView);
@@ -8339,7 +8329,7 @@ class MainAreaPartComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MainAreaPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: MainAreaPartComponent, isStandalone: true, selector: "wb-part[data-partid=\"part.main-area\"]", host: { properties: { "attr.data-grid": "dasherize(part.gridName())", "attr.data-active": "part.active() ? '' : null" } }, ngImport: i0, template: "@if (mainAreaGrid().root.visible) {\n  <wb-grid [grid]=\"mainAreaGrid()\"\n           [gridDropZone]=\"{\n             dropRegionSize: 100,\n             dropPlaceholderSize: 100,\n             dropZoneAttributes: {\n               'data-grid': 'main-area',\n               'data-partid': part.id,\n             }\n           }\"\n           [attr.data-grid]=\"'main-area'\"\n           class=\"e2e-content\"/>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: false, south: false, west: false, east: false}\"\n       [wbViewDropZoneAttributes]=\"{\n         'data-desktop': '',\n         'data-partid': part.id,\n       }\"\n       (wbViewDropZoneDrop)=\"onDesktopViewDrop($event)\"\n       class=\"desktop e2e-part-content e2e-content\">\n    @if (part.navigation()) {\n      <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n    } @else {\n      <ng-container *wbPortalOutlet=\"desktop.slot.portal; destroyOnDetach: false\"/>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host>wb-grid{flex:auto}:host>div.desktop{flex:auto;display:grid;position:relative}\n"], dependencies: [{ kind: "component", type: GridComponent, selector: "wb-grid", inputs: ["grid", "gridDropZone"] }, { kind: "directive", type: ViewDropZoneDirective, selector: "[wbViewDropZone]", inputs: ["wbViewDropZoneRegions", "wbViewDropZoneAttributes", "wbViewDropZoneRegionSize", "wbViewDropZonePlaceholderSize"], outputs: ["wbViewDropZoneDrop"] }, { kind: "directive", type: WorkbenchPortalOutletDirective, selector: "ng-template[wbPortalOutlet]", inputs: ["wbPortalOutlet", "wbPortalOutletDestroyOnDetach"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: MainAreaPartComponent, isStandalone: true, selector: "wb-part[data-partid=\"part.main-area\"]", host: { properties: { "attr.data-grid": "dasherize(part.gridName())", "attr.data-active": "part.active() ? '' : null" } }, ngImport: i0, template: "@if (mainAreaGrid().root.visible) {\n  <wb-grid [grid]=\"mainAreaGrid()\"\n           [gridDropZone]=\"{\n             dropRegionSize: 100,\n             dropPlaceholderSize: 100,\n             dropZoneAttributes: {\n               'data-grid': 'main-area',\n               'data-partid': part.id,\n             }\n           }\"\n           [attr.data-grid]=\"'main-area'\"\n           class=\"e2e-slot\"/>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: false, south: false, west: false, east: false}\"\n       [wbViewDropZoneAttributes]=\"{\n         'data-desktop': '',\n         'data-partid': part.id,\n       }\"\n       (wbViewDropZoneDrop)=\"onDesktopViewDrop($event)\"\n       class=\"desktop e2e-part-slot e2e-slot\">\n    @if (part.navigation()) {\n      <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n    } @else {\n      <ng-container *wbPortalOutlet=\"desktop.slot.portal; destroyOnDetach: false\"/>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host>wb-grid{flex:auto}:host>div.desktop{flex:auto;display:grid;position:relative}\n"], dependencies: [{ kind: "component", type: GridComponent, selector: "wb-grid", inputs: ["grid", "gridDropZone"] }, { kind: "directive", type: ViewDropZoneDirective, selector: "[wbViewDropZone]", inputs: ["wbViewDropZoneRegions", "wbViewDropZoneAttributes", "wbViewDropZoneRegionSize", "wbViewDropZonePlaceholderSize"], outputs: ["wbViewDropZoneDrop"] }, { kind: "directive", type: WorkbenchPortalOutletDirective, selector: "ng-template[wbPortalOutlet]", inputs: ["wbPortalOutlet", "wbPortalOutletDestroyOnDetach"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MainAreaPartComponent, decorators: [{
             type: Component,
@@ -8350,7 +8340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                     ], host: {
                         '[attr.data-grid]': 'dasherize(part.gridName())',
                         '[attr.data-active]': `part.active() ? '' : null`,
-                    }, template: "@if (mainAreaGrid().root.visible) {\n  <wb-grid [grid]=\"mainAreaGrid()\"\n           [gridDropZone]=\"{\n             dropRegionSize: 100,\n             dropPlaceholderSize: 100,\n             dropZoneAttributes: {\n               'data-grid': 'main-area',\n               'data-partid': part.id,\n             }\n           }\"\n           [attr.data-grid]=\"'main-area'\"\n           class=\"e2e-content\"/>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: false, south: false, west: false, east: false}\"\n       [wbViewDropZoneAttributes]=\"{\n         'data-desktop': '',\n         'data-partid': part.id,\n       }\"\n       (wbViewDropZoneDrop)=\"onDesktopViewDrop($event)\"\n       class=\"desktop e2e-part-content e2e-content\">\n    @if (part.navigation()) {\n      <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n    } @else {\n      <ng-container *wbPortalOutlet=\"desktop.slot.portal; destroyOnDetach: false\"/>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host>wb-grid{flex:auto}:host>div.desktop{flex:auto;display:grid;position:relative}\n"] }]
+                    }, template: "@if (mainAreaGrid().root.visible) {\n  <wb-grid [grid]=\"mainAreaGrid()\"\n           [gridDropZone]=\"{\n             dropRegionSize: 100,\n             dropPlaceholderSize: 100,\n             dropZoneAttributes: {\n               'data-grid': 'main-area',\n               'data-partid': part.id,\n             }\n           }\"\n           [attr.data-grid]=\"'main-area'\"\n           class=\"e2e-slot\"/>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: false, south: false, west: false, east: false}\"\n       [wbViewDropZoneAttributes]=\"{\n         'data-desktop': '',\n         'data-partid': part.id,\n       }\"\n       (wbViewDropZoneDrop)=\"onDesktopViewDrop($event)\"\n       class=\"desktop e2e-part-slot e2e-slot\">\n    @if (part.navigation()) {\n      <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n    } @else {\n      <ng-container *wbPortalOutlet=\"desktop.slot.portal; destroyOnDetach: false\"/>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host>wb-grid{flex:auto}:host>div.desktop{flex:auto;display:grid;position:relative}\n"] }]
         }] });
 
 /*
@@ -9732,7 +9722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }] });
 
 /*
- * Copyright (c) 2018-2023 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -9754,7 +9744,8 @@ class WorkbenchDialogComponent {
     headerHeight = signal(undefined, { ...(ngDevMode ? { debugName: "headerHeight" } : {}) });
     transformTranslateX = signal(0, { ...(ngDevMode ? { debugName: "transformTranslateX" } : {}) });
     transformTranslateY = signal(0, { ...(ngDevMode ? { debugName: "transformTranslateY" } : {}) });
-    dialogContent = viewChild.required(SciViewportComponent, { read: (ElementRef) });
+    slotAnchorName = this.dialog.id.replace('.', '_'); // Anchor must not contain a dot.
+    dialogSlotBounds = viewChild.required('slot_bounds', { read: (ElementRef) });
     constructor() {
         this.setDialogOffset();
         this.trackFocus();
@@ -9856,7 +9847,7 @@ class WorkbenchDialogComponent {
         this.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchDialogComponent, isStandalone: true, selector: "wb-dialog", host: { listeners: { "keydown.escape": "onEscape($event)" }, properties: { "attr.data-dialogid": "dialog.id", "class.justified": "!dialog.padding()", "style.--\u0275dialog-transform-translate-x": "transformTranslateX()", "style.--\u0275dialog-transform-translate-y": "transformTranslateY()", "style.--\u0275dialog-min-height": "dialog.size.minHeight() ?? headerHeight()", "style.--\u0275dialog-height": "dialog.size.height()", "style.--\u0275dialog-max-height": "dialog.size.maxHeight()", "style.--\u0275dialog-min-width": "dialog.size.minWidth() ?? '100px'", "style.--\u0275dialog-width": "dialog.size.width()", "style.--\u0275dialog-max-width": "dialog.size.maxWidth()", "class": "dialog.cssClass()" } }, viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }, { propertyName: "_dialogElement", first: true, predicate: ["dialog_element"], descendants: true, isSignal: true }, { propertyName: "dialogContent", first: true, predicate: SciViewportComponent, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"dialog e2e-dialog\"\n     [class.blinking]=\"dialog.blinking$ | async\"\n     [tabindex]=\"-1\"\n     wbMovable [wbHandle]=\"header\" (wbMovableMove)=\"onMove($event)\"\n     (mousedown)=\"onDialogMouseDown()\"\n     wbResizable [wbResizableEnabled]=\"dialog.resizable()\" (wbResizableResize)=\"onResize($event)\"\n     @enter\n     [@.disabled]=\"!dialog.animate\"\n     wbGlassPane\n     #dialog_element>\n  <div class=\"dialog-box e2e-dialog-box\" cdkTrapFocus>\n    <header #header\n            class=\"e2e-dialog-header\"\n            [class.divider]=\"dialog.header?.divider() ?? true\"\n            sciDimension (sciDimensionChange)=\"onHeaderDimensionChange($event)\">\n      <ng-container *ngTemplateOutlet=\"dialog.header?.template ?? default_dialog_header\"/>\n    </header>\n\n    <sci-viewport class=\"content e2e-dialog-content\">\n      <ng-container *ngComponentOutlet=\"dialog.component; inputs: dialog.inputs\"/>\n    </sci-viewport>\n\n    @if (dialog.footer || dialog.actions.length) {\n      <footer class=\"e2e-dialog-footer\" [class.divider]=\"dialog.footer?.divider() ?? true\">\n        <ng-container *ngTemplateOutlet=\"dialog.footer?.template ?? default_dialog_footer\"/>\n      </footer>\n    }\n  </div>\n</div>\n\n<ng-template #default_dialog_header>\n  <wb-dialog-header/>\n</ng-template>\n\n<ng-template #default_dialog_footer>\n  <wb-dialog-footer/>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{--\\275 dialog-transform-translate-x: 0;--\\275 dialog-transform-translate-y: 0;--\\275 dialog-min-height: initial;--\\275 dialog-height: initial;--\\275 dialog-max-height: initial;--\\275 dialog-min-width: initial;--\\275 dialog-width: initial;--\\275 dialog-max-width: initial;--\\275 dialog-padding: var(--sci-workbench-dialog-padding)}:host.justified{--\\275 dialog-padding: 0}:host{display:flex;flex-direction:column;align-items:center;position:relative}:host>div.dialog{display:flex;flex-direction:column;position:absolute;top:3%;color:var(--sci-color-text);transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x))) translateY(calc(1px * var(--\\275 dialog-transform-translate-y)));min-height:var(--\\275 dialog-min-height);height:var(--\\275 dialog-height);max-height:var(--\\275 dialog-max-height);min-width:var(--\\275 dialog-min-width);width:var(--\\275 dialog-width);max-width:var(--\\275 dialog-max-width);outline:none;pointer-events:auto}:host>div.dialog>div.dialog-box{flex:auto;display:flex;flex-direction:column;gap:calc(1.25 * var(--\\275 dialog-padding));border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);background-color:var(--sci-color-background-elevation);box-shadow:var(--sci-elevation) var(--sci-static-color-black);overflow:hidden}:host>div.dialog>div.dialog-box>header{flex:none}:host>div.dialog>div.dialog-box>header.divider{border-bottom:1px solid var(--sci-color-border)}:host>div.dialog>div.dialog-box>sci-viewport{flex:auto}:host>div.dialog>div.dialog-box>sci-viewport::part(content){padding-inline:var(--\\275 dialog-padding)}:host>div.dialog>div.dialog-box>footer{flex:none}:host>div.dialog>div.dialog-box>footer.divider{border-top:1px solid var(--sci-color-border)}:host>div.dialog.blinking{animation-duration:50ms;animation-iteration-count:infinite;animation-name:blink-animation}@keyframes blink-animation{0%{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) - 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) - 1px))}to{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) + 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) + 1px))}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: MovableDirective, selector: "[wbMovable]", inputs: ["wbHandle"], outputs: ["wbMovableMove"] }, { kind: "directive", type: ResizableDirective, selector: "[wbResizable]", inputs: ["wbResizableEnabled"], outputs: ["wbResizableResize"] }, { kind: "component", type: SciViewportComponent, selector: "sci-viewport", inputs: ["scrollbarStyle"], outputs: ["scroll"] }, { kind: "directive", type: SciDimensionDirective, selector: "[sciDimension]", inputs: ["emitOutsideAngular"], outputs: ["sciDimensionChange"] }, { kind: "component", type: DialogHeaderComponent, selector: "wb-dialog-header" }, { kind: "component", type: DialogFooterComponent, selector: "wb-dialog-footer" }, { kind: "directive", type: GlassPaneDirective, selector: "[wbGlassPane]" }, { kind: "pipe", type: AsyncPipe, name: "async" }], viewProviders: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchDialogComponent, isStandalone: true, selector: "wb-dialog", host: { listeners: { "keydown.escape": "onEscape($event)" }, properties: { "attr.data-dialogid": "dialog.id", "class.justified": "!dialog.padding()", "style.--\u0275dialog-transform-translate-x": "transformTranslateX()", "style.--\u0275dialog-transform-translate-y": "transformTranslateY()", "style.--\u0275dialog-min-height": "dialog.size.minHeight() ?? headerHeight()", "style.--\u0275dialog-height": "dialog.size.height()", "style.--\u0275dialog-max-height": "dialog.size.maxHeight()", "style.--\u0275dialog-min-width": "dialog.size.minWidth() ?? '100px'", "style.--\u0275dialog-width": "dialog.size.width()", "style.--\u0275dialog-max-width": "dialog.size.maxWidth()", "style.--\u0275slot-anchor": "`--${slotAnchorName}`", "class": "dialog.cssClass()" } }, viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }, { propertyName: "_dialogElement", first: true, predicate: ["dialog_element"], descendants: true, isSignal: true }, { propertyName: "dialogSlotBounds", first: true, predicate: ["slot_bounds"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"dialog e2e-dialog\"\n     [class.blinking]=\"dialog.blinking$ | async\"\n     [tabindex]=\"-1\"\n     wbMovable [wbHandle]=\"header\" (wbMovableMove)=\"onMove($event)\"\n     (mousedown)=\"onDialogMouseDown()\"\n     wbResizable [wbResizableEnabled]=\"dialog.resizable()\" (wbResizableResize)=\"onResize($event)\"\n     @enter\n     [@.disabled]=\"!dialog.animate\"\n     wbGlassPane\n     #dialog_element>\n  <div class=\"dialog-box e2e-dialog-box\" cdkTrapFocus>\n    <header #header\n            class=\"e2e-dialog-header\"\n            [class.divider]=\"dialog.header?.divider() ?? true\"\n            sciDimension (sciDimensionChange)=\"onHeaderDimensionChange($event)\">\n      <ng-container *ngTemplateOutlet=\"dialog.header?.template ?? default_dialog_header\"/>\n    </header>\n\n    <sci-viewport class=\"e2e-dialog-slot\">\n      <ng-container *ngComponentOutlet=\"dialog.component; inputs: dialog.inputs\"/>\n    </sci-viewport>\n\n    <!-- Extra DIV to capture bounds available to slotted content, excluding viewport content padding. May differ from the actual content size if content overflows or does not fill the slot. -->\n    <div class=\"slot-bounds e2e-dialog-slot-bounds\" #slot_bounds></div>\n\n    @if (dialog.footer || dialog.actions.length) {\n      <footer class=\"e2e-dialog-footer\" [class.divider]=\"dialog.footer?.divider() ?? true\">\n        <ng-container *ngTemplateOutlet=\"dialog.footer?.template ?? default_dialog_footer\"/>\n      </footer>\n    }\n  </div>\n</div>\n\n<ng-template #default_dialog_header>\n  <wb-dialog-header/>\n</ng-template>\n\n<ng-template #default_dialog_footer>\n  <wb-dialog-footer/>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{--\\275 dialog-transform-translate-x: 0;--\\275 dialog-transform-translate-y: 0;--\\275 dialog-min-height: initial;--\\275 dialog-height: initial;--\\275 dialog-max-height: initial;--\\275 dialog-min-width: initial;--\\275 dialog-width: initial;--\\275 dialog-max-width: initial;--\\275 dialog-padding: var(--sci-workbench-dialog-padding)}:host.justified{--\\275 dialog-padding: 0}:host{display:flex;flex-direction:column;align-items:center;position:relative}:host>div.dialog{display:flex;flex-direction:column;position:absolute;top:3%;color:var(--sci-color-text);transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x))) translateY(calc(1px * var(--\\275 dialog-transform-translate-y)));min-height:var(--\\275 dialog-min-height);height:var(--\\275 dialog-height);max-height:var(--\\275 dialog-max-height);min-width:var(--\\275 dialog-min-width);width:var(--\\275 dialog-width);max-width:var(--\\275 dialog-max-width);outline:none;pointer-events:auto}:host>div.dialog>div.dialog-box{flex:auto;display:flex;flex-direction:column;gap:calc(1.25 * var(--\\275 dialog-padding));border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);background-color:var(--sci-color-background-elevation);box-shadow:var(--sci-elevation) var(--sci-static-color-black);overflow:hidden}:host>div.dialog>div.dialog-box>header{flex:none}:host>div.dialog>div.dialog-box>header.divider{border-bottom:1px solid var(--sci-color-border)}:host>div.dialog>div.dialog-box>sci-viewport{flex:auto;anchor-name:var(--\\275slot-anchor)}:host>div.dialog>div.dialog-box>sci-viewport::part(content){padding-inline:var(--\\275 dialog-padding)}:host>div.dialog>div.dialog-box>div.slot-bounds{position:absolute;position-anchor:var(--\\275slot-anchor);inset:anchor(top) anchor(right) anchor(bottom) anchor(left);margin-inline:var(--\\275 dialog-padding);visibility:hidden}:host>div.dialog>div.dialog-box>footer{flex:none}:host>div.dialog>div.dialog-box>footer.divider{border-top:1px solid var(--sci-color-border)}:host>div.dialog.blinking{animation-duration:50ms;animation-iteration-count:infinite;animation-name:blink-animation}@keyframes blink-animation{0%{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) - 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) - 1px))}to{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) + 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) + 1px))}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: MovableDirective, selector: "[wbMovable]", inputs: ["wbHandle"], outputs: ["wbMovableMove"] }, { kind: "directive", type: ResizableDirective, selector: "[wbResizable]", inputs: ["wbResizableEnabled"], outputs: ["wbResizableResize"] }, { kind: "component", type: SciViewportComponent, selector: "sci-viewport", inputs: ["scrollbarStyle"], outputs: ["scroll"] }, { kind: "directive", type: SciDimensionDirective, selector: "[sciDimension]", inputs: ["emitOutsideAngular"], outputs: ["sciDimensionChange"] }, { kind: "component", type: DialogHeaderComponent, selector: "wb-dialog-header" }, { kind: "component", type: DialogFooterComponent, selector: "wb-dialog-footer" }, { kind: "directive", type: GlassPaneDirective, selector: "[wbGlassPane]" }, { kind: "pipe", type: AsyncPipe, name: "async" }], viewProviders: [
             configureDialogGlassPane(),
         ], animations: [
             trigger('enter', provideEnterAnimation()),
@@ -9891,9 +9882,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         '[style.--ɵdialog-min-width]': 'dialog.size.minWidth() ?? \'100px\'',
                         '[style.--ɵdialog-width]': 'dialog.size.width()',
                         '[style.--ɵdialog-max-width]': 'dialog.size.maxWidth()',
+                        '[style.--ɵslot-anchor]': '`--${slotAnchorName}`',
                         '[class]': 'dialog.cssClass()',
-                    }, template: "<div class=\"dialog e2e-dialog\"\n     [class.blinking]=\"dialog.blinking$ | async\"\n     [tabindex]=\"-1\"\n     wbMovable [wbHandle]=\"header\" (wbMovableMove)=\"onMove($event)\"\n     (mousedown)=\"onDialogMouseDown()\"\n     wbResizable [wbResizableEnabled]=\"dialog.resizable()\" (wbResizableResize)=\"onResize($event)\"\n     @enter\n     [@.disabled]=\"!dialog.animate\"\n     wbGlassPane\n     #dialog_element>\n  <div class=\"dialog-box e2e-dialog-box\" cdkTrapFocus>\n    <header #header\n            class=\"e2e-dialog-header\"\n            [class.divider]=\"dialog.header?.divider() ?? true\"\n            sciDimension (sciDimensionChange)=\"onHeaderDimensionChange($event)\">\n      <ng-container *ngTemplateOutlet=\"dialog.header?.template ?? default_dialog_header\"/>\n    </header>\n\n    <sci-viewport class=\"content e2e-dialog-content\">\n      <ng-container *ngComponentOutlet=\"dialog.component; inputs: dialog.inputs\"/>\n    </sci-viewport>\n\n    @if (dialog.footer || dialog.actions.length) {\n      <footer class=\"e2e-dialog-footer\" [class.divider]=\"dialog.footer?.divider() ?? true\">\n        <ng-container *ngTemplateOutlet=\"dialog.footer?.template ?? default_dialog_footer\"/>\n      </footer>\n    }\n  </div>\n</div>\n\n<ng-template #default_dialog_header>\n  <wb-dialog-header/>\n</ng-template>\n\n<ng-template #default_dialog_footer>\n  <wb-dialog-footer/>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{--\\275 dialog-transform-translate-x: 0;--\\275 dialog-transform-translate-y: 0;--\\275 dialog-min-height: initial;--\\275 dialog-height: initial;--\\275 dialog-max-height: initial;--\\275 dialog-min-width: initial;--\\275 dialog-width: initial;--\\275 dialog-max-width: initial;--\\275 dialog-padding: var(--sci-workbench-dialog-padding)}:host.justified{--\\275 dialog-padding: 0}:host{display:flex;flex-direction:column;align-items:center;position:relative}:host>div.dialog{display:flex;flex-direction:column;position:absolute;top:3%;color:var(--sci-color-text);transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x))) translateY(calc(1px * var(--\\275 dialog-transform-translate-y)));min-height:var(--\\275 dialog-min-height);height:var(--\\275 dialog-height);max-height:var(--\\275 dialog-max-height);min-width:var(--\\275 dialog-min-width);width:var(--\\275 dialog-width);max-width:var(--\\275 dialog-max-width);outline:none;pointer-events:auto}:host>div.dialog>div.dialog-box{flex:auto;display:flex;flex-direction:column;gap:calc(1.25 * var(--\\275 dialog-padding));border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);background-color:var(--sci-color-background-elevation);box-shadow:var(--sci-elevation) var(--sci-static-color-black);overflow:hidden}:host>div.dialog>div.dialog-box>header{flex:none}:host>div.dialog>div.dialog-box>header.divider{border-bottom:1px solid var(--sci-color-border)}:host>div.dialog>div.dialog-box>sci-viewport{flex:auto}:host>div.dialog>div.dialog-box>sci-viewport::part(content){padding-inline:var(--\\275 dialog-padding)}:host>div.dialog>div.dialog-box>footer{flex:none}:host>div.dialog>div.dialog-box>footer.divider{border-top:1px solid var(--sci-color-border)}:host>div.dialog.blinking{animation-duration:50ms;animation-iteration-count:infinite;animation-name:blink-animation}@keyframes blink-animation{0%{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) - 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) - 1px))}to{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) + 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) + 1px))}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _cdkTrapFocus: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], _dialogElement: [{ type: i0.ViewChild, args: ['dialog_element', { isSignal: true }] }], dialogContent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SciViewportComponent), { ...{ read: (ElementRef) }, isSignal: true }] }], onEscape: [{
+                    }, template: "<div class=\"dialog e2e-dialog\"\n     [class.blinking]=\"dialog.blinking$ | async\"\n     [tabindex]=\"-1\"\n     wbMovable [wbHandle]=\"header\" (wbMovableMove)=\"onMove($event)\"\n     (mousedown)=\"onDialogMouseDown()\"\n     wbResizable [wbResizableEnabled]=\"dialog.resizable()\" (wbResizableResize)=\"onResize($event)\"\n     @enter\n     [@.disabled]=\"!dialog.animate\"\n     wbGlassPane\n     #dialog_element>\n  <div class=\"dialog-box e2e-dialog-box\" cdkTrapFocus>\n    <header #header\n            class=\"e2e-dialog-header\"\n            [class.divider]=\"dialog.header?.divider() ?? true\"\n            sciDimension (sciDimensionChange)=\"onHeaderDimensionChange($event)\">\n      <ng-container *ngTemplateOutlet=\"dialog.header?.template ?? default_dialog_header\"/>\n    </header>\n\n    <sci-viewport class=\"e2e-dialog-slot\">\n      <ng-container *ngComponentOutlet=\"dialog.component; inputs: dialog.inputs\"/>\n    </sci-viewport>\n\n    <!-- Extra DIV to capture bounds available to slotted content, excluding viewport content padding. May differ from the actual content size if content overflows or does not fill the slot. -->\n    <div class=\"slot-bounds e2e-dialog-slot-bounds\" #slot_bounds></div>\n\n    @if (dialog.footer || dialog.actions.length) {\n      <footer class=\"e2e-dialog-footer\" [class.divider]=\"dialog.footer?.divider() ?? true\">\n        <ng-container *ngTemplateOutlet=\"dialog.footer?.template ?? default_dialog_footer\"/>\n      </footer>\n    }\n  </div>\n</div>\n\n<ng-template #default_dialog_header>\n  <wb-dialog-header/>\n</ng-template>\n\n<ng-template #default_dialog_footer>\n  <wb-dialog-footer/>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{--\\275 dialog-transform-translate-x: 0;--\\275 dialog-transform-translate-y: 0;--\\275 dialog-min-height: initial;--\\275 dialog-height: initial;--\\275 dialog-max-height: initial;--\\275 dialog-min-width: initial;--\\275 dialog-width: initial;--\\275 dialog-max-width: initial;--\\275 dialog-padding: var(--sci-workbench-dialog-padding)}:host.justified{--\\275 dialog-padding: 0}:host{display:flex;flex-direction:column;align-items:center;position:relative}:host>div.dialog{display:flex;flex-direction:column;position:absolute;top:3%;color:var(--sci-color-text);transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x))) translateY(calc(1px * var(--\\275 dialog-transform-translate-y)));min-height:var(--\\275 dialog-min-height);height:var(--\\275 dialog-height);max-height:var(--\\275 dialog-max-height);min-width:var(--\\275 dialog-min-width);width:var(--\\275 dialog-width);max-width:var(--\\275 dialog-max-width);outline:none;pointer-events:auto}:host>div.dialog>div.dialog-box{flex:auto;display:flex;flex-direction:column;gap:calc(1.25 * var(--\\275 dialog-padding));border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);background-color:var(--sci-color-background-elevation);box-shadow:var(--sci-elevation) var(--sci-static-color-black);overflow:hidden}:host>div.dialog>div.dialog-box>header{flex:none}:host>div.dialog>div.dialog-box>header.divider{border-bottom:1px solid var(--sci-color-border)}:host>div.dialog>div.dialog-box>sci-viewport{flex:auto;anchor-name:var(--\\275slot-anchor)}:host>div.dialog>div.dialog-box>sci-viewport::part(content){padding-inline:var(--\\275 dialog-padding)}:host>div.dialog>div.dialog-box>div.slot-bounds{position:absolute;position-anchor:var(--\\275slot-anchor);inset:anchor(top) anchor(right) anchor(bottom) anchor(left);margin-inline:var(--\\275 dialog-padding);visibility:hidden}:host>div.dialog>div.dialog-box>footer{flex:none}:host>div.dialog>div.dialog-box>footer.divider{border-top:1px solid var(--sci-color-border)}:host>div.dialog.blinking{animation-duration:50ms;animation-iteration-count:infinite;animation-name:blink-animation}@keyframes blink-animation{0%{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) - 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) - 1px))}to{transform:translate(calc(1px * var(--\\275 dialog-transform-translate-x) + 2px)) translateY(calc(1px * var(--\\275 dialog-transform-translate-y) + 1px))}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _cdkTrapFocus: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], _dialogElement: [{ type: i0.ViewChild, args: ['dialog_element', { isSignal: true }] }], dialogSlotBounds: [{ type: i0.ViewChild, args: ['slot_bounds', { ...{ read: (ElementRef) }, isSignal: true }] }], onEscape: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]
             }] } });
@@ -10175,7 +10167,7 @@ class MessageBoxHeaderComponent {
     title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : {}) });
     severity = input.required({ ...(ngDevMode ? { debugName: "severity" } : {}) });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MessageBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: MessageBoxHeaderComponent, isStandalone: true, selector: "wb-message-box-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-severity": "severity()" } }, ngImport: i0, template: "@if (title()) {\n  <span class=\"title e2e-title\">{{(title() | wbText)()}}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{--\\275message-box-severity-color: initial;display:grid;border-top:var(--sci-workbench-messagebox-severity-indicator-size) solid var(--\\275message-box-severity-color);padding-inline:var(--sci-workbench-messagebox-padding);padding-top:var(--sci-workbench-messagebox-padding);-webkit-user-select:none;user-select:none}:host[data-severity=info]{--\\275message-box-severity-color: var(--sci-color-accent)}:host[data-severity=warn]{--\\275message-box-severity-color: var(--sci-color-notice)}:host[data-severity=error]{--\\275message-box-severity-color: var(--sci-color-negative)}:host>span.title{overflow-wrap:break-word;white-space:pre-line;font-family:var(--sci-workbench-messagebox-title-font-family),sans-serif;font-size:var(--sci-workbench-messagebox-title-font-size);font-weight:var(--sci-workbench-messagebox-title-font-weight);text-align:var(--sci-workbench-messagebox-title-align)}\n"], dependencies: [{ kind: "pipe", type: TextPipe, name: "wbText" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: MessageBoxHeaderComponent, isStandalone: true, selector: "wb-message-box-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-severity": "severity()" } }, ngImport: i0, template: "@if (title()) {\n  <span class=\"title e2e-title\">{{(title() | wbText)()}}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{--\\275message-box-severity-color: initial;display:grid;border-top:var(--sci-workbench-messagebox-severity-indicator-size) solid var(--\\275message-box-severity-color);padding-inline:var(--sci-workbench-messagebox-padding);padding-top:var(--sci-workbench-messagebox-padding);-webkit-user-select:none;user-select:none}:host[data-severity=info]{--\\275message-box-severity-color: var(--sci-color-accent)}:host[data-severity=warn]{--\\275message-box-severity-color: var(--sci-color-notice)}:host[data-severity=error]{--\\275message-box-severity-color: var(--sci-color-negative)}:host>span.title{word-break:break-word;white-space:pre-line;font-family:var(--sci-workbench-messagebox-title-font-family),sans-serif;font-size:var(--sci-workbench-messagebox-title-font-size);font-weight:var(--sci-workbench-messagebox-title-font-weight);text-align:var(--sci-workbench-messagebox-title-align)}\n"], dependencies: [{ kind: "pipe", type: TextPipe, name: "wbText" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MessageBoxHeaderComponent, decorators: [{
             type: Component,
@@ -10183,7 +10175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         TextPipe,
                     ], host: {
                         '[attr.data-severity]': 'severity()',
-                    }, template: "@if (title()) {\n  <span class=\"title e2e-title\">{{(title() | wbText)()}}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{--\\275message-box-severity-color: initial;display:grid;border-top:var(--sci-workbench-messagebox-severity-indicator-size) solid var(--\\275message-box-severity-color);padding-inline:var(--sci-workbench-messagebox-padding);padding-top:var(--sci-workbench-messagebox-padding);-webkit-user-select:none;user-select:none}:host[data-severity=info]{--\\275message-box-severity-color: var(--sci-color-accent)}:host[data-severity=warn]{--\\275message-box-severity-color: var(--sci-color-notice)}:host[data-severity=error]{--\\275message-box-severity-color: var(--sci-color-negative)}:host>span.title{overflow-wrap:break-word;white-space:pre-line;font-family:var(--sci-workbench-messagebox-title-font-family),sans-serif;font-size:var(--sci-workbench-messagebox-title-font-size);font-weight:var(--sci-workbench-messagebox-title-font-weight);text-align:var(--sci-workbench-messagebox-title-align)}\n"] }]
+                    }, template: "@if (title()) {\n  <span class=\"title e2e-title\">{{(title() | wbText)()}}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{--\\275message-box-severity-color: initial;display:grid;border-top:var(--sci-workbench-messagebox-severity-indicator-size) solid var(--\\275message-box-severity-color);padding-inline:var(--sci-workbench-messagebox-padding);padding-top:var(--sci-workbench-messagebox-padding);-webkit-user-select:none;user-select:none}:host[data-severity=info]{--\\275message-box-severity-color: var(--sci-color-accent)}:host[data-severity=warn]{--\\275message-box-severity-color: var(--sci-color-notice)}:host[data-severity=error]{--\\275message-box-severity-color: var(--sci-color-negative)}:host>span.title{word-break:break-word;white-space:pre-line;font-family:var(--sci-workbench-messagebox-title-font-family),sans-serif;font-size:var(--sci-workbench-messagebox-title-font-size);font-weight:var(--sci-workbench-messagebox-title-font-weight);text-align:var(--sci-workbench-messagebox-title-align)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: true }] }] } });
 
 /*
@@ -10228,20 +10220,17 @@ class WorkbenchMessageBoxComponent {
     message = input.required({ ...(ngDevMode ? { debugName: "message" } : {}), transform: nullIfEmptyMessage });
     options = input(undefined, { ...(ngDevMode ? { debugName: "options" } : {}) });
     _dialog = inject(ɵWorkbenchDialog);
-    // Ensure host element to be focusable in order to close the message box on Escape keystroke.
-    tabindex = -1;
-    empty = false;
-    get contentSelectable() {
-        return this.options()?.contentSelectable;
-    }
-    get hasTitle() {
-        return !!this.options()?.title;
-    }
+    empty = signal(false, { ...(ngDevMode ? { debugName: "empty" } : {}) });
     constructor() {
         this._dialog.closable = false;
         this._dialog.resizable = false;
         this._dialog.padding = false;
-        this._dialog.size.maxWidth = 'var(--sci-workbench-messagebox-max-width)';
+        // Limit the maximum messagebox width if text message to break the message.
+        effect(() => {
+            if (typeof this.message() === 'string' || this.message() === null) {
+                this._dialog.size.maxWidth = 'var(--sci-workbench-messagebox-max-width)';
+            }
+        });
     }
     onAction(action) {
         this._dialog.close(action);
@@ -10255,10 +10244,10 @@ class WorkbenchMessageBoxComponent {
         this._dialog.size.minWidth = `${preferredSize}px`;
     }
     onContentDimensionChange(dimension) {
-        this.empty = !dimension.offsetHeight;
+        this.empty.set(!dimension.offsetHeight);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchMessageBoxComponent, isStandalone: true, selector: "wb-message-box", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.tabindex": "this.tabindex", "class.empty": "this.empty", "class.content-selectable": "this.contentSelectable", "class.has-title": "this.hasTitle" } }, ngImport: i0, template: "@let options = this.options() ?? {};\n<ng-template wbDialogHeader [divider]=\"false\">\n  <wb-message-box-header [title]=\"options.title\" [severity]=\"options.severity ?? 'info'\"/>\n</ng-template>\n\n@let message = this.message();\n<div class=\"message e2e-message\" [class.text]=\"message | wbTypeof:'string'\" sciDimension (sciDimensionChange)=\"onContentDimensionChange($event)\">\n  @if (message | wbTypeof:'string') {\n    {{($any(message) | wbText)()}}\n  } @else {\n    <ng-container *ngComponentOutlet=\"message; inputs: options.inputs\"/>\n  }\n</div>\n\n<ng-template wbDialogFooter>\n  <wb-message-box-footer [actions]=\"options.actions ?? {ok: '%workbench.ok.action'}\"\n                         [severity]=\"options.severity ?? 'info'\"\n                         (action)=\"onAction($event)\"\n                         (keydown.escape)=\"onEscape()\"\n                         (preferredSizeChange)=\"onFooterPreferredSizeChange($event)\"/>\n</ng-template>\n", styles: [":host{display:grid;overflow:hidden;outline:none;padding-inline:var(--sci-workbench-messagebox-padding);padding-bottom:var(--sci-workbench-messagebox-padding)}:host.has-title:not(.empty){padding-top:var(--sci-workbench-messagebox-padding)}:host:not(.content-selectable){-webkit-user-select:none;user-select:none}:host>div.message.text{overflow-wrap:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: SciDimensionDirective, selector: "[sciDimension]", inputs: ["emitOutsideAngular"], outputs: ["sciDimensionChange"] }, { kind: "directive", type: WorkbenchDialogHeaderDirective, selector: "ng-template[wbDialogHeader]", inputs: ["divider"] }, { kind: "directive", type: WorkbenchDialogFooterDirective, selector: "ng-template[wbDialogFooter]", inputs: ["divider"] }, { kind: "component", type: MessageBoxHeaderComponent, selector: "wb-message-box-header", inputs: ["title", "severity"] }, { kind: "component", type: MessageBoxFooterComponent, selector: "wb-message-box-footer", inputs: ["actions", "severity"], outputs: ["action", "preferredSizeChange"] }, { kind: "pipe", type: TypeofPipe, name: "wbTypeof" }, { kind: "pipe", type: TextPipe, name: "wbText" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchMessageBoxComponent, isStandalone: true, selector: "wb-message-box", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.tabindex": "-1", "class.empty": "empty()", "class.content-selectable": "options()?.contentSelectable", "class.has-title": "!!this.options()?.title" } }, ngImport: i0, template: "@let options = this.options() ?? {};\n<ng-template wbDialogHeader [divider]=\"false\">\n  <wb-message-box-header [title]=\"options.title\" [severity]=\"options.severity ?? 'info'\"/>\n</ng-template>\n\n@let message = this.message();\n<div class=\"slot e2e-slot\" [class.text]=\"message | wbTypeof:'string'\" sciDimension (sciDimensionChange)=\"onContentDimensionChange($event)\">\n  @if (message | wbTypeof:'string') {\n    {{($any(message) | wbText)()}}\n  } @else {\n    <ng-container *ngComponentOutlet=\"message; inputs: options.inputs\"/>\n  }\n</div>\n\n<ng-template wbDialogFooter>\n  <wb-message-box-footer [actions]=\"options.actions ?? {ok: '%workbench.ok.action'}\"\n                         [severity]=\"options.severity ?? 'info'\"\n                         (action)=\"onAction($event)\"\n                         (keydown.escape)=\"onEscape()\"\n                         (preferredSizeChange)=\"onFooterPreferredSizeChange($event)\"/>\n</ng-template>\n", styles: [":host{display:grid;outline:none;padding-inline:var(--sci-workbench-messagebox-padding);padding-bottom:var(--sci-workbench-messagebox-padding)}:host.has-title:not(.empty){padding-top:var(--sci-workbench-messagebox-padding)}:host:not(.content-selectable){-webkit-user-select:none;user-select:none}:host>div.slot.text{word-break:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: SciDimensionDirective, selector: "[sciDimension]", inputs: ["emitOutsideAngular"], outputs: ["sciDimensionChange"] }, { kind: "directive", type: WorkbenchDialogHeaderDirective, selector: "ng-template[wbDialogHeader]", inputs: ["divider"] }, { kind: "directive", type: WorkbenchDialogFooterDirective, selector: "ng-template[wbDialogFooter]", inputs: ["divider"] }, { kind: "component", type: MessageBoxHeaderComponent, selector: "wb-message-box-header", inputs: ["title", "severity"] }, { kind: "component", type: MessageBoxFooterComponent, selector: "wb-message-box-footer", inputs: ["actions", "severity"], outputs: ["action", "preferredSizeChange"] }, { kind: "pipe", type: TypeofPipe, name: "wbTypeof" }, { kind: "pipe", type: TextPipe, name: "wbText" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchMessageBoxComponent, decorators: [{
             type: Component,
@@ -10271,23 +10260,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         MessageBoxFooterComponent,
                         TypeofPipe,
                         TextPipe,
-                    ], template: "@let options = this.options() ?? {};\n<ng-template wbDialogHeader [divider]=\"false\">\n  <wb-message-box-header [title]=\"options.title\" [severity]=\"options.severity ?? 'info'\"/>\n</ng-template>\n\n@let message = this.message();\n<div class=\"message e2e-message\" [class.text]=\"message | wbTypeof:'string'\" sciDimension (sciDimensionChange)=\"onContentDimensionChange($event)\">\n  @if (message | wbTypeof:'string') {\n    {{($any(message) | wbText)()}}\n  } @else {\n    <ng-container *ngComponentOutlet=\"message; inputs: options.inputs\"/>\n  }\n</div>\n\n<ng-template wbDialogFooter>\n  <wb-message-box-footer [actions]=\"options.actions ?? {ok: '%workbench.ok.action'}\"\n                         [severity]=\"options.severity ?? 'info'\"\n                         (action)=\"onAction($event)\"\n                         (keydown.escape)=\"onEscape()\"\n                         (preferredSizeChange)=\"onFooterPreferredSizeChange($event)\"/>\n</ng-template>\n", styles: [":host{display:grid;overflow:hidden;outline:none;padding-inline:var(--sci-workbench-messagebox-padding);padding-bottom:var(--sci-workbench-messagebox-padding)}:host.has-title:not(.empty){padding-top:var(--sci-workbench-messagebox-padding)}:host:not(.content-selectable){-webkit-user-select:none;user-select:none}:host>div.message.text{overflow-wrap:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }], empty: [{
-                type: HostBinding,
-                args: ['class.empty']
-            }], contentSelectable: [{
-                type: HostBinding,
-                args: ['class.content-selectable']
-            }], hasTitle: [{
-                type: HostBinding,
-                args: ['class.has-title']
-            }], onEscape: [{
-                type: HostListener,
-                args: ['keydown.escape']
-            }] } });
+                    ], host: {
+                        // Ensure host element to be focusable in order to close the message box on Escape keystroke.
+                        '[attr.tabindex]': '-1',
+                        '[class.empty]': 'empty()',
+                        '[class.content-selectable]': 'options()?.contentSelectable',
+                        '[class.has-title]': '!!this.options()?.title',
+                        '(keydown.escape)': 'onEscape()',
+                    }, template: "@let options = this.options() ?? {};\n<ng-template wbDialogHeader [divider]=\"false\">\n  <wb-message-box-header [title]=\"options.title\" [severity]=\"options.severity ?? 'info'\"/>\n</ng-template>\n\n@let message = this.message();\n<div class=\"slot e2e-slot\" [class.text]=\"message | wbTypeof:'string'\" sciDimension (sciDimensionChange)=\"onContentDimensionChange($event)\">\n  @if (message | wbTypeof:'string') {\n    {{($any(message) | wbText)()}}\n  } @else {\n    <ng-container *ngComponentOutlet=\"message; inputs: options.inputs\"/>\n  }\n</div>\n\n<ng-template wbDialogFooter>\n  <wb-message-box-footer [actions]=\"options.actions ?? {ok: '%workbench.ok.action'}\"\n                         [severity]=\"options.severity ?? 'info'\"\n                         (action)=\"onAction($event)\"\n                         (keydown.escape)=\"onEscape()\"\n                         (preferredSizeChange)=\"onFooterPreferredSizeChange($event)\"/>\n</ng-template>\n", styles: [":host{display:grid;outline:none;padding-inline:var(--sci-workbench-messagebox-padding);padding-bottom:var(--sci-workbench-messagebox-padding)}:host.has-title:not(.empty){padding-top:var(--sci-workbench-messagebox-padding)}:host:not(.content-selectable){-webkit-user-select:none;user-select:none}:host>div.slot.text{word-break:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
 function nullIfEmptyMessage(message) {
     return message !== '' ? message : null;
 }
@@ -10424,7 +10405,7 @@ class WorkbenchPopupComponent {
         }, { ...(ngDevMode ? { debugName: "effectRef" } : {}) });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.1", type: WorkbenchPopupComponent, isStandalone: true, selector: "wb-popup", host: { properties: { "attr.data-popupid": "popup.id", "style.width": "popup.size?.width()", "style.min-width": "popup.size?.minWidth()", "style.max-width": "popup.size?.maxWidth()", "style.height": "popup.size?.height()", "style.min-height": "popup.size?.minHeight()", "style.max-height": "popup.size?.maxHeight()", "class": "popup.cssClass()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.1", type: WorkbenchPopupComponent, isStandalone: true, selector: "wb-popup", host: { properties: { "attr.data-popupid": "popup.id", "style.width": "popup.size.width()", "style.min-width": "popup.size.minWidth()", "style.max-width": "popup.size.maxWidth()", "style.height": "popup.size.height()", "style.min-height": "popup.size.minHeight()", "style.max-height": "popup.size.maxHeight()", "class": "popup.cssClass()" } }, providers: [
             configurePopupGlassPane(),
         ], viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: ["focus_trap"], descendants: true, read: CdkTrapFocus, isSignal: true }], hostDirectives: [{ directive: GlassPaneDirective }], ngImport: i0, template: "<sci-viewport cdkTrapFocus class=\"e2e-popup-viewport\" #focus_trap>\n  <ng-container *ngComponentOutlet=\"popup.component; inputs: popup.inputs\"/>\n</sci-viewport>\n", styles: [":host{display:grid;grid-template-columns:100%;grid-template-rows:100%;outline:none;border-radius:var(--sci-corner);overflow:hidden}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SciViewportComponent, selector: "sci-viewport", inputs: ["scrollbarStyle"], outputs: ["scroll"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
 }
@@ -10440,12 +10421,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         configurePopupGlassPane(),
                     ], host: {
                         '[attr.data-popupid]': 'popup.id',
-                        '[style.width]': 'popup.size?.width()',
-                        '[style.min-width]': 'popup.size?.minWidth()',
-                        '[style.max-width]': 'popup.size?.maxWidth()',
-                        '[style.height]': 'popup.size?.height()',
-                        '[style.min-height]': 'popup.size?.minHeight()',
-                        '[style.max-height]': 'popup.size?.maxHeight()',
+                        '[style.width]': 'popup.size.width()',
+                        '[style.min-width]': 'popup.size.minWidth()',
+                        '[style.max-width]': 'popup.size.maxWidth()',
+                        '[style.height]': 'popup.size.height()',
+                        '[style.min-height]': 'popup.size.minHeight()',
+                        '[style.max-height]': 'popup.size.maxHeight()',
                         '[class]': 'popup.cssClass()',
                     }, template: "<sci-viewport cdkTrapFocus class=\"e2e-popup-viewport\" #focus_trap>\n  <ng-container *ngComponentOutlet=\"popup.component; inputs: popup.inputs\"/>\n</sci-viewport>\n", styles: [":host{display:grid;grid-template-columns:100%;grid-template-rows:100%;outline:none;border-radius:var(--sci-corner);overflow:hidden}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _cdkTrapFocus: [{ type: i0.ViewChild, args: ['focus_trap', { ...{ read: CdkTrapFocus }, isSignal: true }] }] } });
@@ -10943,6 +10924,38 @@ const LEGACY_POPUP_INPUT = new InjectionToken('LEGACY_POPUP_INPUT');
  *
  * SPDX-License-Identifier: EPL-2.0
  */
+/**
+ * Registry for {@link WorkbenchNotification} elements.
+ */
+class WorkbenchNotificationRegistry extends WorkbenchElementRegistry {
+    /**
+     * Gets the most recently opened notification.
+     */
+    top;
+    constructor() {
+        super({
+            nullElementErrorFn: notificationId => Error(`[NullNotificationError] Notification '${notificationId}' not found.`),
+            onUnregister: notification => notification.destroy(),
+        });
+        this.top = computed(() => this.elements().at(-1), { ...(ngDevMode ? { debugName: "top" } : {}) });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
 /**
  * Creates the invocation context for given element.
  *
@@ -10963,7 +10976,7 @@ function createInvocationContext(elementId, options) {
         return {
             elementId: part.id,
             attached: part.slot.portal.attached,
-            bounds: computed(() => constrainClientRect(part.slot.bounds(), part.bounds())),
+            bounds: computed(() => constrainClientRect(part.slot.bounds(), part.partBounds())),
             destroyed: part.slot.portal.destroyed,
             peripheral: part.peripheral,
         };
@@ -10973,7 +10986,7 @@ function createInvocationContext(elementId, options) {
         return {
             elementId: view.id,
             attached: view.slot.portal.attached,
-            bounds: computed(() => constrainClientRect(view.slot.bounds(), view.part().bounds())),
+            bounds: computed(() => constrainClientRect(view.slot.bounds(), view.part().partBounds())),
             destroyed: view.slot.portal.destroyed,
             peripheral: computed(() => view.part().peripheral()),
         };
@@ -10998,6 +11011,16 @@ function createInvocationContext(elementId, options) {
             peripheral: signal(false),
         };
     }
+    else if (isNotificationId(contextualElementId)) {
+        const notification = injector.get(WorkbenchNotificationRegistry).get(contextualElementId);
+        return {
+            elementId: notification.id,
+            attached: computed(() => !notification.destroyed()),
+            bounds: notification.bounds,
+            destroyed: notification.destroyed,
+            peripheral: signal(true),
+        };
+    }
     return null;
 }
 
@@ -11195,7 +11218,7 @@ function provideWorkbenchDialogContext() {
 }
 
 /*
- * Copyright (c) 2018-2023 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -11230,7 +11253,7 @@ class ɵWorkbenchDialog {
     focused = computed(() => this._focusMonitor.activeElement()?.id === this.id, { ...(ngDevMode ? { debugName: "focused" } : {}) });
     attached;
     destroyed = signal(false, { ...(ngDevMode ? { debugName: "destroyed" } : {}) });
-    bounds = boundingClientRect(computed(() => this._componentRef()?.instance.dialogContent()));
+    bounds = boundingClientRect(computed(() => this._componentRef()?.instance.dialogSlotBounds()));
     modal;
     blinking$ = new BehaviorSubject(false);
     header;
@@ -11760,6 +11783,7 @@ class ɵWorkbenchView {
     focused = computed(() => this._focusMonitor.activeElement()?.id === this.id, { ...(ngDevMode ? { debugName: "focused" } : {}) });
     menuItems;
     blockedBy;
+    bounds = computed(() => this.slot.bounds(), { ...(ngDevMode ? { debugName: "bounds" } : {}) });
     slot;
     classList = new ClassList();
     isClosable = computed(() => this._closable() && !this.blockedBy(), { ...(ngDevMode ? { debugName: "isClosable" } : {}) });
@@ -12005,7 +12029,7 @@ class ɵWorkbenchView {
             changes?.forEachAddedItem(({ item: fn }) => menuItems.set(fn, computed(() => runInInjectionContext(constructInjector(this, this.part()), () => fn(this)))));
             changes?.forEachRemovedItem(({ item: fn }) => menuItems.delete(fn));
             return Array.from(menuItems.values()).map(menuItem => menuItem()).filter(menuItem => !!menuItem);
-        }, { equal: (a, b) => Arrays.isEqual(a, b) });
+        }, { equal: (a, b) => Objects.isEqual(a, b) });
         function constructInjector(view, part) {
             return Injector.create({
                 parent: injector,
@@ -12463,7 +12487,7 @@ class ViewMenuService {
                 }
                 const key = accelerator.at(-1).toLocaleLowerCase();
                 const modifierKeys = accelerator.slice(0, -1);
-                return key === eventKey && Arrays.isEqual(modifierKeys, eventModifierKeys, { exactOrder: false });
+                return key === eventKey && Objects.isEqual(modifierKeys, eventModifierKeys, { ignoreArrayOrder: true });
             });
         }
     }
@@ -12657,18 +12681,12 @@ class ViewTabComponent {
     }
     onClose(event) {
         event.stopPropagation(); // prevent the view from being activated
-        if (event.altKey) {
-            void this.view().close('other-views');
-        }
-        else {
-            void this.view().close();
-        }
+        this.closeView(event);
     }
-    onMousedown(event) {
-        if (event.buttons === AUXILARY_MOUSE_BUTTON$1) {
-            void this.view().close();
-            event.stopPropagation();
-            event.preventDefault();
+    onAuxClick(event) {
+        if (event.button === 1) { // primary aux button
+            event.preventDefault(); // prevent user-agent default action
+            this.closeView(event);
         }
     }
     onContextmenu(event) {
@@ -12713,6 +12731,17 @@ class ViewTabComponent {
     onDragEnd() {
         this.viewDragService.unsetViewDragData();
     }
+    /**
+     * Closes the current view or other views if the 'Alt' key is pressed.
+     */
+    closeView(event) {
+        if (event.altKey) {
+            void this.view().close('other-views');
+        }
+        else {
+            void this.view().close();
+        }
+    }
     installMenuAccelerators() {
         this._viewMenuService.installMenuAccelerators(this.host, this.view);
     }
@@ -12729,7 +12758,7 @@ class ViewTabComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ViewTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ViewTabComponent, isStandalone: true, selector: "wb-view-tab", inputs: { view: { classPropertyName: "view", publicName: "viewId", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()", "mousedown": "onMousedown($event)", "contextmenu": "onContextmenu($event)", "dragstart": "onDragStart($event)", "dragend": "onDragEnd()" }, properties: { "attr.data-viewid": "view().id", "attr.data-active": "view().active() ? '' : null", "attr.data-dirty": "view().dirty() ? '' : null", "attr.data-focus-within-view": "view().focused() ? '' : null", "attr.draggable": "true", "attr.tabindex": "-1", "class.view-drag": "viewDragService.dragging()", "class": "view().classList.asList()", "style.--sci-workbench-tab-title-offset-right": "viewTitleOffsetRight()" } }, ngImport: i0, template: "<!-- IMPORTANT: THIS HTML FILE IS ALSO USED BY `ViewTabDragImageComponent` -->\n\n@if (view().active()) {\n  <div class=\"corner-radius start\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n<div class=\"content\">\n  <ng-container *cdkPortalOutlet=\"viewTabContentPortal()\"/>\n</div>\n\n@if (view().active()) {\n  <div class=\"corner-radius end\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n@if (view().closable()) {\n  <button (click)=\"onClose($event)\"\n          [title]=\"('%workbench.close_tab.tooltip;close_others_modifier=Alt' | wbText)()\"\n          [disabled]=\"!view().isClosable()\"\n          class=\"close e2e-close\">\n    <wb-icon icon=\"workbench.close\"/>\n  </button>\n}\n", styles: [":host{display:grid;align-items:center;padding-left:var(--sci-workbench-tab-padding-inline);padding-right:var(--sci-workbench-tab-padding-inline);position:relative;-webkit-user-select:none;user-select:none;cursor:var(--sci-workbench-tab-cursor);box-sizing:border-box;outline:none;border-top:var(--sci-workbench-tab-border-top-width) solid transparent;border-left:var(--sci-workbench-tab-border-width) solid transparent;border-right:var(--sci-workbench-tab-border-width) solid transparent;border-top-left-radius:var(--sci-workbench-tab-border-radius);border-top-right-radius:var(--sci-workbench-tab-border-radius)}:host[data-active]{cursor:default;border-left-color:var(--sci-workbench-tab-border-color);border-right-color:var(--sci-workbench-tab-border-color);border-top-color:var(--sci-workbench-tab-border-color);background-color:var(--sci-workbench-view-background-color)}wb-part[data-peripheral] :host[data-active]{background-color:var(--sci-workbench-view-peripheral-background-color)}:host[data-active]>div.content{color:var(--sci-workbench-tab-text-color-active)}:host[data-active][data-focus-within-view]>div.content{color:var(--sci-workbench-part-active-tab-text-color-active)}:host>div.content{display:inline-grid;font-family:var(--sci-workbench-tab-font-family),sans-serif;font-size:var(--sci-workbench-tab-font-size);font-weight:var(--sci-workbench-tab-font-weight);min-width:var(--sci-workbench-tab-min-width);max-width:var(--sci-workbench-tab-max-width);isolation:isolate;transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;right:calc(var(--sci-workbench-tab-padding-inline) - .125em);visibility:hidden;padding:.125em;border-radius:var(--sci-corner-small);transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host[data-active]>button.close:is(button,#sci-reset),:host:hover:not(.view-drag)>button.close:is(button,#sci-reset){visibility:visible}@container style(--sci-workbench-tab-background-color-hover){:host:hover:not([data-active]):not(.view-drag):before{content:\"\";position:absolute;place-self:start center;box-sizing:border-box;height:calc(100% - var(--sci-workbench-tab-padding-block-hover) - var(--sci-workbench-part-bar-border-bottom-width));width:calc(100% - var(--sci-workbench-tab-padding-inline-hover) + 2 * var(--sci-workbench-tab-border-width));background-color:var(--sci-workbench-tab-background-color-hover);border:var(--sci-workbench-tab-border-width) solid var(--sci-workbench-tab-background-color-hover);border-radius:var(--sci-workbench-tab-border-radius);pointer-events:none}:host:hover:not([data-active]):not(.view-drag)>button.close:is(button,#sci-reset):not(:disabled):hover{background-color:color-mix(in srgb,var(--sci-workbench-tab-background-color-hover) 90%,light-dark(var(--sci-static-color-black),var(--sci-static-color-white)))}}:host>div.corner-radius{height:var(--sci-workbench-tab-border-radius);width:var(--sci-workbench-tab-border-radius);overflow:hidden;position:absolute;bottom:0}:host>div.corner-radius>div.circle{position:absolute;top:calc(-2 * var(--sci-workbench-tab-border-radius));width:calc(2 * var(--sci-workbench-tab-border-radius));height:calc(2 * var(--sci-workbench-tab-border-radius));border:var(--sci-workbench-tab-border-radius) solid var(--sci-workbench-view-background-color);border-radius:50%;box-shadow:inset 0 0 0 var(--sci-workbench-tab-border-width) var(--sci-workbench-tab-border-color);box-sizing:content-box}wb-part[data-peripheral] :host>div.corner-radius>div.circle{border-color:var(--sci-workbench-view-peripheral-background-color)}:host>div.corner-radius.start{left:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.start>div.circle{left:calc(-2 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end{right:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end>div.circle{right:calc(-2 * var(--sci-workbench-tab-border-radius))}@container viewtab (height >= 3.5rem){:host>button.close:is(button,#sci-reset){top:5px;right:5px}}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: IconComponent, selector: "wb-icon", inputs: ["icon"] }, { kind: "pipe", type: TextPipe, name: "wbText" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ViewTabComponent, isStandalone: true, selector: "wb-view-tab", inputs: { view: { classPropertyName: "view", publicName: "viewId", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()", "auxclick": "onAuxClick($event)", "contextmenu": "onContextmenu($event)", "dragstart": "onDragStart($event)", "dragend": "onDragEnd()" }, properties: { "attr.data-viewid": "view().id", "attr.data-active": "view().active() ? '' : null", "attr.data-dirty": "view().dirty() ? '' : null", "attr.data-focus-within-view": "view().focused() ? '' : null", "attr.draggable": "true", "attr.tabindex": "-1", "class.view-drag": "viewDragService.dragging()", "class": "view().classList.asList()", "style.--sci-workbench-tab-title-offset-right": "viewTitleOffsetRight()" } }, ngImport: i0, template: "<!-- IMPORTANT: THIS HTML FILE IS ALSO USED BY `ViewTabDragImageComponent` -->\n\n@if (view().active()) {\n  <div class=\"corner-radius start\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n<div class=\"content\">\n  <ng-container *cdkPortalOutlet=\"viewTabContentPortal()\"/>\n</div>\n\n@if (view().active()) {\n  <div class=\"corner-radius end\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n@if (view().closable()) {\n  <button (click)=\"onClose($event)\"\n          [title]=\"('%workbench.close_tab.tooltip;close_others_modifier=Alt' | wbText)()\"\n          [disabled]=\"!view().isClosable()\"\n          class=\"close e2e-close\">\n    <wb-icon icon=\"workbench.close\"/>\n  </button>\n}\n", styles: [":host{display:grid;align-items:center;padding-left:var(--sci-workbench-tab-padding-inline);padding-right:var(--sci-workbench-tab-padding-inline);position:relative;-webkit-user-select:none;user-select:none;cursor:var(--sci-workbench-tab-cursor);box-sizing:border-box;outline:none;border-top:var(--sci-workbench-tab-border-top-width) solid transparent;border-left:var(--sci-workbench-tab-border-width) solid transparent;border-right:var(--sci-workbench-tab-border-width) solid transparent;border-top-left-radius:var(--sci-workbench-tab-border-radius);border-top-right-radius:var(--sci-workbench-tab-border-radius)}:host[data-active]{cursor:default;border-left-color:var(--sci-workbench-tab-border-color);border-right-color:var(--sci-workbench-tab-border-color);border-top-color:var(--sci-workbench-tab-border-color);background-color:var(--sci-workbench-view-background-color)}wb-part[data-peripheral] :host[data-active]{background-color:var(--sci-workbench-view-peripheral-background-color)}:host[data-active]>div.content{color:var(--sci-workbench-tab-text-color-active)}:host[data-active][data-focus-within-view]>div.content{color:var(--sci-workbench-part-active-tab-text-color-active)}:host>div.content{display:inline-grid;font-family:var(--sci-workbench-tab-font-family),sans-serif;font-size:var(--sci-workbench-tab-font-size);font-weight:var(--sci-workbench-tab-font-weight);min-width:var(--sci-workbench-tab-min-width);max-width:var(--sci-workbench-tab-max-width);isolation:isolate;transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;right:calc(var(--sci-workbench-tab-padding-inline) - .125em);visibility:hidden;padding:.125em;border-radius:var(--sci-corner-small);transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host[data-active]>button.close:is(button,#sci-reset),:host:hover:not(.view-drag)>button.close:is(button,#sci-reset){visibility:visible}@container style(--sci-workbench-tab-background-color-hover){:host:hover:not([data-active]):not(.view-drag):before{content:\"\";position:absolute;place-self:start center;box-sizing:border-box;height:calc(100% - var(--sci-workbench-tab-padding-block-hover) - var(--sci-workbench-part-bar-border-bottom-width));width:calc(100% - var(--sci-workbench-tab-padding-inline-hover) + 2 * var(--sci-workbench-tab-border-width));background-color:var(--sci-workbench-tab-background-color-hover);border:var(--sci-workbench-tab-border-width) solid var(--sci-workbench-tab-background-color-hover);border-radius:var(--sci-workbench-tab-border-radius);pointer-events:none}:host:hover:not([data-active]):not(.view-drag)>button.close:is(button,#sci-reset):not(:disabled):hover{background-color:color-mix(in srgb,var(--sci-workbench-tab-background-color-hover) 90%,light-dark(var(--sci-static-color-black),var(--sci-static-color-white)))}}:host>div.corner-radius{height:var(--sci-workbench-tab-border-radius);width:var(--sci-workbench-tab-border-radius);overflow:hidden;position:absolute;bottom:0}:host>div.corner-radius>div.circle{position:absolute;top:calc(-2 * var(--sci-workbench-tab-border-radius));width:calc(2 * var(--sci-workbench-tab-border-radius));height:calc(2 * var(--sci-workbench-tab-border-radius));border:var(--sci-workbench-tab-border-radius) solid var(--sci-workbench-view-background-color);border-radius:50%;box-shadow:inset 0 0 0 var(--sci-workbench-tab-border-width) var(--sci-workbench-tab-border-color);box-sizing:content-box}wb-part[data-peripheral] :host>div.corner-radius>div.circle{border-color:var(--sci-workbench-view-peripheral-background-color)}:host>div.corner-radius.start{left:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.start>div.circle{left:calc(-2 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end{right:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end>div.circle{right:calc(-2 * var(--sci-workbench-tab-border-radius))}@container viewtab (height >= 3.5rem){:host>button.close:is(button,#sci-reset){top:5px;right:5px}}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: IconComponent, selector: "wb-icon", inputs: ["icon"] }, { kind: "pipe", type: TextPipe, name: "wbText" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ViewTabComponent, decorators: [{
             type: Component,
@@ -12747,27 +12776,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         '[class.view-drag]': 'viewDragService.dragging()',
                         '[class]': 'view().classList.asList()',
                         '[style.--sci-workbench-tab-title-offset-right]': 'viewTitleOffsetRight()',
+                        '(click)': 'onClick()',
+                        '(auxclick)': 'onAuxClick($event)',
+                        '(contextmenu)': 'onContextmenu($event)',
+                        '(dragstart)': 'onDragStart($event)',
+                        '(dragend)': 'onDragEnd()',
                     }, template: "<!-- IMPORTANT: THIS HTML FILE IS ALSO USED BY `ViewTabDragImageComponent` -->\n\n@if (view().active()) {\n  <div class=\"corner-radius start\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n<div class=\"content\">\n  <ng-container *cdkPortalOutlet=\"viewTabContentPortal()\"/>\n</div>\n\n@if (view().active()) {\n  <div class=\"corner-radius end\">\n    <div class=\"circle\"></div>\n  </div>\n}\n\n@if (view().closable()) {\n  <button (click)=\"onClose($event)\"\n          [title]=\"('%workbench.close_tab.tooltip;close_others_modifier=Alt' | wbText)()\"\n          [disabled]=\"!view().isClosable()\"\n          class=\"close e2e-close\">\n    <wb-icon icon=\"workbench.close\"/>\n  </button>\n}\n", styles: [":host{display:grid;align-items:center;padding-left:var(--sci-workbench-tab-padding-inline);padding-right:var(--sci-workbench-tab-padding-inline);position:relative;-webkit-user-select:none;user-select:none;cursor:var(--sci-workbench-tab-cursor);box-sizing:border-box;outline:none;border-top:var(--sci-workbench-tab-border-top-width) solid transparent;border-left:var(--sci-workbench-tab-border-width) solid transparent;border-right:var(--sci-workbench-tab-border-width) solid transparent;border-top-left-radius:var(--sci-workbench-tab-border-radius);border-top-right-radius:var(--sci-workbench-tab-border-radius)}:host[data-active]{cursor:default;border-left-color:var(--sci-workbench-tab-border-color);border-right-color:var(--sci-workbench-tab-border-color);border-top-color:var(--sci-workbench-tab-border-color);background-color:var(--sci-workbench-view-background-color)}wb-part[data-peripheral] :host[data-active]{background-color:var(--sci-workbench-view-peripheral-background-color)}:host[data-active]>div.content{color:var(--sci-workbench-tab-text-color-active)}:host[data-active][data-focus-within-view]>div.content{color:var(--sci-workbench-part-active-tab-text-color-active)}:host>div.content{display:inline-grid;font-family:var(--sci-workbench-tab-font-family),sans-serif;font-size:var(--sci-workbench-tab-font-size);font-weight:var(--sci-workbench-tab-font-weight);min-width:var(--sci-workbench-tab-min-width);max-width:var(--sci-workbench-tab-max-width);isolation:isolate;transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;right:calc(var(--sci-workbench-tab-padding-inline) - .125em);visibility:hidden;padding:.125em;border-radius:var(--sci-corner-small);transform:translateY(calc(-1 * var(--sci-workbench-tab-border-top-width)))}:host[data-active]>button.close:is(button,#sci-reset),:host:hover:not(.view-drag)>button.close:is(button,#sci-reset){visibility:visible}@container style(--sci-workbench-tab-background-color-hover){:host:hover:not([data-active]):not(.view-drag):before{content:\"\";position:absolute;place-self:start center;box-sizing:border-box;height:calc(100% - var(--sci-workbench-tab-padding-block-hover) - var(--sci-workbench-part-bar-border-bottom-width));width:calc(100% - var(--sci-workbench-tab-padding-inline-hover) + 2 * var(--sci-workbench-tab-border-width));background-color:var(--sci-workbench-tab-background-color-hover);border:var(--sci-workbench-tab-border-width) solid var(--sci-workbench-tab-background-color-hover);border-radius:var(--sci-workbench-tab-border-radius);pointer-events:none}:host:hover:not([data-active]):not(.view-drag)>button.close:is(button,#sci-reset):not(:disabled):hover{background-color:color-mix(in srgb,var(--sci-workbench-tab-background-color-hover) 90%,light-dark(var(--sci-static-color-black),var(--sci-static-color-white)))}}:host>div.corner-radius{height:var(--sci-workbench-tab-border-radius);width:var(--sci-workbench-tab-border-radius);overflow:hidden;position:absolute;bottom:0}:host>div.corner-radius>div.circle{position:absolute;top:calc(-2 * var(--sci-workbench-tab-border-radius));width:calc(2 * var(--sci-workbench-tab-border-radius));height:calc(2 * var(--sci-workbench-tab-border-radius));border:var(--sci-workbench-tab-border-radius) solid var(--sci-workbench-view-background-color);border-radius:50%;box-shadow:inset 0 0 0 var(--sci-workbench-tab-border-width) var(--sci-workbench-tab-border-color);box-sizing:content-box}wb-part[data-peripheral] :host>div.corner-radius>div.circle{border-color:var(--sci-workbench-view-peripheral-background-color)}:host>div.corner-radius.start{left:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.start>div.circle{left:calc(-2 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end{right:calc(-1 * var(--sci-workbench-tab-border-radius))}:host>div.corner-radius.end>div.circle{right:calc(-2 * var(--sci-workbench-tab-border-radius))}@container viewtab (height >= 3.5rem){:host>button.close:is(button,#sci-reset){top:5px;right:5px}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewId", required: true }] }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }], onMousedown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }], onContextmenu: [{
-                type: HostListener,
-                args: ['contextmenu', ['$event']]
-            }], onDragStart: [{
-                type: HostListener,
-                args: ['dragstart', ['$event']]
-            }], onDragEnd: [{
-                type: HostListener,
-                args: ['dragend']
-            }] } });
-/**
- * Indicates that the auxilary mouse button is pressed (usually the mouse wheel button or middle button).
- */
-const AUXILARY_MOUSE_BUTTON$1 = 4;
+        }], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewId", required: true }] }] } });
 
 /*
  * Copyright (c) 2018-2022 Swiss Federal Railways
@@ -13027,6 +13042,7 @@ class DragImageWorkbenchView {
     menuItems = signal([], { ...(ngDevMode ? { debugName: "menuItems" } : {}) });
     isClosable;
     activationInstant = signal(0, { ...(ngDevMode ? { debugName: "activationInstant" } : {}) });
+    bounds = signal(undefined, { ...(ngDevMode ? { debugName: "bounds" } : {}) });
     constructor(dragData) {
         this.id = dragData.viewId;
         this.alternativeId = dragData.alternativeViewId;
@@ -13707,7 +13723,7 @@ class PartComponent {
         inject(DestroyRef).onDestroy(() => logger.debug(() => `Destroying PartComponent [partId=${this.part.id}]'`, LoggerNames.LIFECYCLE));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: PartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: PartComponent, isStandalone: true, selector: "wb-part", host: { properties: { "attr.data-partid": "part.id", "attr.data-peripheral": "part.peripheral() ? '' : null", "attr.data-grid": "dasherize(part.gridName())", "attr.data-active": "part.active() ? '' : null", "attr.data-referencepart": "part.referencePart() ? '' : null", "attr.tabindex": "-1", "class": "part.classList.asList()" } }, ngImport: i0, template: "@if (part.title() || part.views().length || part.actions().length || part.canMinimize()) {\n  <wb-part-bar/>\n}\n\n@if (part.views().length) {\n  <!-- Prevent splitting if there is no active view, i.e, when dragging the last view out of the tabbar. -->\n  @let canSplit = !!part.activeView();\n  <div wbViewDropZone\n       [wbViewDropZoneRegionSize]=\".25\"\n       [wbViewDropZonePlaceholderSize]=\".5\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: canSplit, south: canSplit, west: canSplit, east: canSplit}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"content e2e-content e2e-view-content\">\n    <ng-container *wbPortalOutlet=\"part.activeView()?.slot!.portal; destroyOnDetach: false\"/>\n  </div>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: false, north: true, south: true, west: true, east: true}\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"content e2e-content e2e-part-content\">\n    <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;outline:none;background-color:var(--sci-workbench-part-background-color);overflow:hidden}:host[data-peripheral]{background-color:var(--sci-workbench-part-peripheral-background-color)}:host>wb-part-bar{flex:none}:host>div.content{flex:auto;display:grid;position:relative}\n"], dependencies: [{ kind: "component", type: PartBarComponent, selector: "wb-part-bar" }, { kind: "directive", type: ViewDropZoneDirective, selector: "[wbViewDropZone]", inputs: ["wbViewDropZoneRegions", "wbViewDropZoneAttributes", "wbViewDropZoneRegionSize", "wbViewDropZonePlaceholderSize"], outputs: ["wbViewDropZoneDrop"] }, { kind: "directive", type: WorkbenchPortalOutletDirective, selector: "ng-template[wbPortalOutlet]", inputs: ["wbPortalOutlet", "wbPortalOutletDestroyOnDetach"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: PartComponent, isStandalone: true, selector: "wb-part", host: { properties: { "attr.data-partid": "part.id", "attr.data-peripheral": "part.peripheral() ? '' : null", "attr.data-grid": "dasherize(part.gridName())", "attr.data-active": "part.active() ? '' : null", "attr.data-referencepart": "part.referencePart() ? '' : null", "attr.tabindex": "-1", "class": "part.classList.asList()" } }, ngImport: i0, template: "@if (part.title() || part.views().length || part.actions().length || part.canMinimize()) {\n  <wb-part-bar/>\n}\n\n@if (part.views().length) {\n  <!-- Prevent splitting if there is no active view, i.e, when dragging the last view out of the tabbar. -->\n  @let canSplit = !!part.activeView();\n  <div wbViewDropZone\n       [wbViewDropZoneRegionSize]=\".25\"\n       [wbViewDropZonePlaceholderSize]=\".5\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: canSplit, south: canSplit, west: canSplit, east: canSplit}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"slot e2e-slot e2e-view-slot\">\n    <ng-container *wbPortalOutlet=\"part.activeView()?.slot!.portal; destroyOnDetach: false\"/>\n  </div>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: false, north: true, south: true, west: true, east: true}\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"slot e2e-slot e2e-part-slot\">\n    <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;outline:none;background-color:var(--sci-workbench-part-background-color);overflow:hidden}:host[data-peripheral]{background-color:var(--sci-workbench-part-peripheral-background-color)}:host>wb-part-bar{flex:none}:host>div.slot{flex:auto;display:grid;position:relative}\n"], dependencies: [{ kind: "component", type: PartBarComponent, selector: "wb-part-bar" }, { kind: "directive", type: ViewDropZoneDirective, selector: "[wbViewDropZone]", inputs: ["wbViewDropZoneRegions", "wbViewDropZoneAttributes", "wbViewDropZoneRegionSize", "wbViewDropZonePlaceholderSize"], outputs: ["wbViewDropZoneDrop"] }, { kind: "directive", type: WorkbenchPortalOutletDirective, selector: "ng-template[wbPortalOutlet]", inputs: ["wbPortalOutlet", "wbPortalOutletDestroyOnDetach"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: PartComponent, decorators: [{
             type: Component,
@@ -13723,7 +13739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         '[attr.data-referencepart]': `part.referencePart() ? '' : null`,
                         '[attr.tabindex]': '-1',
                         '[class]': 'part.classList.asList()',
-                    }, template: "@if (part.title() || part.views().length || part.actions().length || part.canMinimize()) {\n  <wb-part-bar/>\n}\n\n@if (part.views().length) {\n  <!-- Prevent splitting if there is no active view, i.e, when dragging the last view out of the tabbar. -->\n  @let canSplit = !!part.activeView();\n  <div wbViewDropZone\n       [wbViewDropZoneRegionSize]=\".25\"\n       [wbViewDropZonePlaceholderSize]=\".5\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: canSplit, south: canSplit, west: canSplit, east: canSplit}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"content e2e-content e2e-view-content\">\n    <ng-container *wbPortalOutlet=\"part.activeView()?.slot!.portal; destroyOnDetach: false\"/>\n  </div>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: false, north: true, south: true, west: true, east: true}\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"content e2e-content e2e-part-content\">\n    <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;outline:none;background-color:var(--sci-workbench-part-background-color);overflow:hidden}:host[data-peripheral]{background-color:var(--sci-workbench-part-peripheral-background-color)}:host>wb-part-bar{flex:none}:host>div.content{flex:auto;display:grid;position:relative}\n"] }]
+                    }, template: "@if (part.title() || part.views().length || part.actions().length || part.canMinimize()) {\n  <wb-part-bar/>\n}\n\n@if (part.views().length) {\n  <!-- Prevent splitting if there is no active view, i.e, when dragging the last view out of the tabbar. -->\n  @let canSplit = !!part.activeView();\n  <div wbViewDropZone\n       [wbViewDropZoneRegionSize]=\".25\"\n       [wbViewDropZonePlaceholderSize]=\".5\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       [wbViewDropZoneRegions]=\"canDrop() && {center: true, north: canSplit, south: canSplit, west: canSplit, east: canSplit}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"slot e2e-slot e2e-view-slot\">\n    <ng-container *wbPortalOutlet=\"part.activeView()?.slot!.portal; destroyOnDetach: false\"/>\n  </div>\n} @else {\n  <div wbViewDropZone\n       [wbViewDropZoneRegions]=\"canDrop() && {center: false, north: true, south: true, west: true, east: true}\"\n       [wbViewDropZoneAttributes]=\"{'data-partid': part.id}\"\n       (wbViewDropZoneDrop)=\"onViewDrop($event)\"\n       class=\"slot e2e-slot e2e-part-slot\">\n    <ng-container *wbPortalOutlet=\"part.slot.portal; destroyOnDetach: false\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;outline:none;background-color:var(--sci-workbench-part-background-color);overflow:hidden}:host[data-peripheral]{background-color:var(--sci-workbench-part-peripheral-background-color)}:host>wb-part-bar{flex:none}:host>div.slot{flex:auto;display:grid;position:relative}\n"] }]
         }], ctorParameters: () => [] });
 
 /*
@@ -13794,7 +13810,9 @@ class ɵWorkbenchPart {
     views;
     classList = new ClassList();
     portal;
-    bounds;
+    partBounds;
+    /** Represents the bounds of the slot. Used for public API. Internally, use {@link slot.bounds()} instead. */
+    bounds = computed(() => this.slot.bounds(), { ...(ngDevMode ? { debugName: "bounds" } : {}) });
     blockedBy;
     slot;
     _isInMainArea;
@@ -13807,7 +13825,7 @@ class ɵWorkbenchPart {
         this.views = computeViews(this.mPart);
         this.alternativeId = this.mPart().alternativeId;
         this.portal = this.createPartPortal();
-        this.bounds = boundingClientRect(computed(() => this.portal.element()));
+        this.partBounds = boundingClientRect(computed(() => this.portal.element()));
         this.blockedBy = inject(WorkbenchDialogRegistry).top(this.id);
         this.slot = {
             portal: this.createPartSlotPortal(),
@@ -14069,7 +14087,7 @@ function computePartActions(part) {
         changes?.forEachAddedItem(({ item: fn }) => partActions.set(fn, computed(() => constructPartAction(fn, injector))));
         changes?.forEachRemovedItem(({ item: fn }) => partActions.delete(fn));
         return Array.from(partActions.values()).map(partAction => partAction()).filter(partAction => !!partAction);
-    }, { equal: (a, b) => Arrays.isEqual(a, b) });
+    }, { equal: (a, b) => Objects.isEqual(a, b) });
     function constructPartAction(factoryFn, injector) {
         const action = runInInjectionContext(injector, () => factoryFn(inject(ɵWorkbenchPart)));
         if (action instanceof TemplateRef || typeof action === 'function') {
@@ -14090,7 +14108,7 @@ function computeActiveView(mPart) {
  */
 function computeViews(mPart) {
     const viewRegistry = inject(WorkbenchViewRegistry);
-    return computed(() => mPart().views.map(mView => viewRegistry.get(mView.id)), { equal: (a, b) => Arrays.isEqual(a, b, { exactOrder: true }) });
+    return computed(() => mPart().views.map(mView => viewRegistry.get(mView.id)), { equal: (a, b) => Objects.isEqual(a, b) });
 }
 
 /*
@@ -15244,8 +15262,7 @@ class MicrofrontendViewComponent {
     installNavigator() {
         // Use a root effect to emit even if detached from change detection.
         toRootObservable(this.navigationContext)
-            .pipe(tap(context => this.onPreNavigate(context)), filter((context) => !!context.capability), delayIfLazy(), serializeExecution(context => this.onNavigate(context)), subscribeOn(asyncScheduler), // subscribe asynchronously because `onCapabilityChange` triggers a manual change detection cycle for inactive views; would error if called during component construction otherwise.
-        takeUntilDestroyed())
+            .pipe(tap(context => this.onPreNavigate(context)), filter((context) => !!context.capability), delayIfLazy(), serializeExecution(context => this.onNavigate(context)), takeUntilDestroyed())
             .subscribe();
     }
     /**
@@ -15268,6 +15285,7 @@ class MicrofrontendViewComponent {
                 }),
                 referrer: navigationData.referrer,
             }),
+            equal: (a, b) => a.capability?.metadata.id === b.capability?.metadata.id && Objects.isEqual(a.params, b.params), // do not create new navigation context when navigating to the same capability with the same params
         });
     }
     /**
@@ -15483,7 +15501,7 @@ class MicrofrontendViewComponent {
                 }
             }))
                 .map(accelerator => `keydown.${accelerator.join('.')}{preventDefault=true}`);
-        }, { equal: (a, b) => Arrays.isEqual(a, b, { exactOrder: false }) });
+        }, { equal: (a, b) => Objects.isEqual(a, b, { ignoreArrayOrder: true }) });
     }
     propagateWorkbenchTheme() {
         Microfrontends.propagateTheme(this._routerOutletElement);
@@ -15570,6 +15588,12 @@ class ActivatedMicrofrontend {
  * Embeds the microfrontend of a capability provided by the workbench host application.
  */
 class MicrofrontendHostComponent {
+    /**
+     * Parameters passed to the microfrontend, required to reduce inputs for notification capabilities.
+     *
+     * @see MicrofrontendNotificationIntentHandler
+     */
+    params = input(undefined, { ...(ngDevMode ? { debugName: "params" } : {}) });
     _logger = inject(Logger);
     workbenchElement = inject(WORKBENCH_ELEMENT);
     capability = inject(ActivatedMicrofrontend).capability;
@@ -15605,7 +15629,7 @@ class MicrofrontendHostComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: MicrofrontendHostComponent, isStandalone: true, selector: "wb-microfrontend-host", host: { properties: { "attr.data-capabilityid": "capability().metadata!.id", "attr.data-app": "capability().metadata!.appSymbolicName", "attr.data-focus": "workbenchElement.focused() ? '' : null" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: MicrofrontendHostComponent, isStandalone: true, selector: "wb-microfrontend-host", inputs: { params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-capabilityid": "capability().metadata!.id", "attr.data-app": "capability().metadata!.appSymbolicName", "attr.data-focus": "workbenchElement.focused() ? '' : null" } }, providers: [
             // Provide `ActivatedMicrofrontend` for DI in router outlet. Otherwise, `ActivatedMicrofrontend` would not be available, most likely because provided on the route level.
             // TODO [Angular 22] Check if still required. If not, remove this TODO.
             { provide: ActivatedMicrofrontend, useFactory: () => inject(ActivatedMicrofrontend, { skipSelf: true }) },
@@ -15625,7 +15649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         // TODO [Angular 22] Check if still required. If not, remove this TODO.
                         { provide: ActivatedMicrofrontend, useFactory: () => inject(ActivatedMicrofrontend, { skipSelf: true }) },
                     ], template: "<router-outlet [name]=\"outlet()\" wbRouterOutletRootContext/>\n", styles: [":host{display:grid}:host>router-outlet{position:absolute}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }] } });
 
 /*
  * Copyright (c) 2018-2025 Swiss Federal Railways
@@ -15758,7 +15782,7 @@ function provideMicrofrontendViewRoute() {
                 path: '',
                 component: MicrofrontendHostComponent,
                 canMatch: [canMatchMicrofrontendView({ host: true })], // use a single matcher because Angular evaluates matchers in parallel
-                providers: [provideActivatedMicrofrontend$4()],
+                providers: [provideActivatedMicrofrontend$5()],
             }),
             multi: true,
         },
@@ -15792,7 +15816,7 @@ function canMatchMicrofrontendView(matcher) {
 /**
  * Provides {@link ActivatedMicrofrontend} for injection in the host microfrontend.
  */
-function provideActivatedMicrofrontend$4() {
+function provideActivatedMicrofrontend$5() {
     return {
         provide: ActivatedMicrofrontend,
         useFactory: () => {
@@ -16078,7 +16102,7 @@ function provideMicrofrontendPartRoute() {
                 path: '',
                 component: MicrofrontendHostComponent,
                 canMatch: [canMatchMicrofrontendPart({ host: true })], // use a single matcher because Angular evaluates matchers in parallel
-                providers: [provideActivatedMicrofrontend$3()],
+                providers: [provideActivatedMicrofrontend$4()],
             }),
             multi: true,
         },
@@ -16112,7 +16136,7 @@ function canMatchMicrofrontendPart(matcher) {
 /**
  * Provides {@link ActivatedMicrofrontend} for injection in the host microfrontend.
  */
-function provideActivatedMicrofrontend$3() {
+function provideActivatedMicrofrontend$4() {
     return {
         provide: ActivatedMicrofrontend,
         useFactory: () => {
@@ -16145,9 +16169,9 @@ class ParamValidator {
     validatePartParams(params, partCapability, context) {
         const { perspectiveCapability, partId } = context;
         return this.validateParams(params, partCapability, {
-            deprecated: param => `[PerspectiveDefinitionWarning] Perspective '${qualifier$7(perspectiveCapability)}' of app '${app$7(perspectiveCapability)}' passes the deprecated parameter '${param}' to part '${partId}'. Migrate deprecated parameters as specified in the capability documentation of part '${qualifier$7(partCapability)}'.`,
-            missing: param => `[PerspectiveDefinitionError] Perspective '${qualifier$7(perspectiveCapability)}' of app '${app$7(perspectiveCapability)}' does not pass the required parameter '${param}' to part '${partId}'. Pass required parameters as specified in the capability documentation of part '${qualifier$7(partCapability)}'. Ignoring part.`,
-            unexpected: param => `[PerspectiveDefinitionError] Perspective '${qualifier$7(perspectiveCapability)}' of app '${app$7(perspectiveCapability)}' passes the unexpected parameter '${param}' to part '${partId}'. Pass parameters as specified in the capability documentation of part '${qualifier$7(partCapability)}'. Ignoring part.`,
+            deprecated: param => `[PerspectiveDefinitionWarning] Perspective '${qualifier$8(perspectiveCapability)}' of app '${app$8(perspectiveCapability)}' passes the deprecated parameter '${param}' to part '${partId}'. Migrate deprecated parameters as specified in the capability documentation of part '${qualifier$8(partCapability)}'.`,
+            missing: param => `[PerspectiveDefinitionError] Perspective '${qualifier$8(perspectiveCapability)}' of app '${app$8(perspectiveCapability)}' does not pass the required parameter '${param}' to part '${partId}'. Pass required parameters as specified in the capability documentation of part '${qualifier$8(partCapability)}'. Ignoring part.`,
+            unexpected: param => `[PerspectiveDefinitionError] Perspective '${qualifier$8(perspectiveCapability)}' of app '${app$8(perspectiveCapability)}' passes the unexpected parameter '${param}' to part '${partId}'. Pass parameters as specified in the capability documentation of part '${qualifier$8(partCapability)}'. Ignoring part.`,
         });
     }
     /**
@@ -16158,9 +16182,9 @@ class ParamValidator {
     validateViewParams(params, viewCapability, context) {
         const { partCapability } = context;
         return this.validateParams(params, viewCapability, {
-            deprecated: param => `[PartDefinitionWarning] Part '${qualifier$7(partCapability)}' of app '${app$7(partCapability)}' passes the deprecated parameter '${param}' to view '${qualifier$7(viewCapability)}'. Migrate deprecated parameters as specified in the capability documentation.`,
-            missing: param => `[PartDefinitionError] Part '${qualifier$7(partCapability)}' of app '${app$7(partCapability)}' does not pass the required parameter '${param}' to view '${qualifier$7(viewCapability)}'. Pass required parameters as specified in the capability documentation. Ignoring view.`,
-            unexpected: param => `[PartDefinitionError] Part '${qualifier$7(partCapability)}' of app '${app$7(partCapability)}' passes the unexpected parameter '${param}' to view '${qualifier$7(viewCapability)}'. Pass parameters as specified in the capability documentation. Ignoring view.`,
+            deprecated: param => `[PartDefinitionWarning] Part '${qualifier$8(partCapability)}' of app '${app$8(partCapability)}' passes the deprecated parameter '${param}' to view '${qualifier$8(viewCapability)}'. Migrate deprecated parameters as specified in the capability documentation.`,
+            missing: param => `[PartDefinitionError] Part '${qualifier$8(partCapability)}' of app '${app$8(partCapability)}' does not pass the required parameter '${param}' to view '${qualifier$8(viewCapability)}'. Pass required parameters as specified in the capability documentation. Ignoring view.`,
+            unexpected: param => `[PartDefinitionError] Part '${qualifier$8(partCapability)}' of app '${app$8(partCapability)}' passes the unexpected parameter '${param}' to view '${qualifier$8(viewCapability)}'. Pass parameters as specified in the capability documentation. Ignoring view.`,
         });
     }
     validateParams(params, capability, messageFactory) {
@@ -16188,13 +16212,13 @@ class ParamValidator {
 /**
  * Returns the qualifier as string.
  */
-function qualifier$7(capability) {
+function qualifier$8(capability) {
     return Objects.toMatrixNotation(capability.qualifier);
 }
 /**
  * Returns the app symbolic name.
  */
-function app$7(capability) {
+function app$8(capability) {
     return capability.metadata.appSymbolicName;
 }
 
@@ -16303,7 +16327,7 @@ class MicrofrontendPerspectiveInstaller {
         // If a relative aligned part and the reference part cannot be found, ignore the part.
         // Do not log an error to support conditional parts, i.e., if aligned relative to a conditional docked part.
         if (typeof partRef.position === 'object' && partRef.position.relativeTo && !layout.hasPart(partRef.position.relativeTo)) {
-            this._logger.debug(`[PerspectiveDefinitionInfo] Perspective '${qualifier$6(perspectiveCapability)}' of app '${app$6(perspectiveCapability)}' aligns part '${partRef.id}' relative to missing part '${partRef.position.relativeTo}'. The reference part may not be available. Ignoring part.`, LoggerNames.MICROFRONTEND);
+            this._logger.debug(`[PerspectiveDefinitionInfo] Perspective '${qualifier$7(perspectiveCapability)}' of app '${app$7(perspectiveCapability)}' aligns part '${partRef.id}' relative to missing part '${partRef.position.relativeTo}'. The reference part may not be available. Ignoring part.`, LoggerNames.MICROFRONTEND);
             return layout;
         }
         // If capability cannot be found, ignore the part if docked, or add an empty part otherwise, required to support layouts with conditional reference parts.
@@ -16420,13 +16444,13 @@ class MicrofrontendPerspectiveInstaller {
             }
         }
         if (visibleCapabilities.length > 1) {
-            this._logger.error(`[PerspectiveDefinitionError] Multiple ${type} capabilities found for qualifier '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}' of app '${app$6(requester)}'. Defaulting to first. Ensure ${type} capabilities to have a unique qualifier.`, LoggerNames.MICROFRONTEND);
+            this._logger.error(`[PerspectiveDefinitionError] Multiple ${type} capabilities found for qualifier '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}' of app '${app$7(requester)}'. Defaulting to first. Ensure ${type} capabilities to have a unique qualifier.`, LoggerNames.MICROFRONTEND);
         }
         else if (!visibleCapabilities.length && capabilities.length) {
-            this._logger.error(`[PerspectiveDefinitionError] Application '${app$6(requester)}' is not qualified to use ${type} capability '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}'. Ensure to have declared an intention and the capability is not private.`, LoggerNames.MICROFRONTEND);
+            this._logger.error(`[PerspectiveDefinitionError] Application '${app$7(requester)}' is not qualified to use ${type} capability '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}'. Ensure to have declared an intention and the capability is not private.`, LoggerNames.MICROFRONTEND);
         }
         else if (!visibleCapabilities.length) {
-            const message = `No ${type} capability found for qualifier '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}' of app '${app$6(requester)}'. The qualifier may be incorrect, the capability not registered, or the providing application not available.`;
+            const message = `No ${type} capability found for qualifier '${Objects.toMatrixNotation(qualifier)}' in ${requester.type} '${Objects.toMatrixNotation(requester.qualifier)}' of app '${app$7(requester)}'. The qualifier may be incorrect, the capability not registered, or the providing application not available.`;
             if (context.logLevelIfEmpty === 'error') {
                 this._logger.error(`[PerspectiveDefinitionError] ${message}`, LoggerNames.MICROFRONTEND);
             }
@@ -16447,14 +16471,14 @@ class MicrofrontendPerspectiveInstaller {
         // Validate main area part not to have views.
         const isMainAreaPart = partRef.id === MAIN_AREA || partRef.id === MAIN_AREA_ALTERNATIVE_ID;
         if (isMainAreaPart && partCapability.properties?.views?.length) {
-            this._logger.error(`[PerspectiveDefinitionError] Part '${qualifier$6(partCapability)}' of app '${app$6(partCapability)}' is used as main area part in perspective '${qualifier$6(context.perspectiveCapability)}' and defines views. Views cannot be added to the main area of a perspective. Ignoring part.`, LoggerNames.MICROFRONTEND);
+            this._logger.error(`[PerspectiveDefinitionError] Part '${qualifier$7(partCapability)}' of app '${app$7(partCapability)}' is used as main area part in perspective '${qualifier$7(context.perspectiveCapability)}' and defines views. Views cannot be added to the main area of a perspective. Ignoring part.`, LoggerNames.MICROFRONTEND);
             return false;
         }
         // Validate extras of docked part.
         if ('position' in partRef && typeof partRef.position === 'string') {
             const dockedPartExtras = partCapability.properties?.extras;
             if (!dockedPartExtras?.label || !dockedPartExtras.icon) {
-                this._logger.error(`[PerspectiveDefinitionError] Part '${qualifier$6(partCapability)}' of app '${app$6(partCapability)}' is used as a docked part in perspective '${qualifier$6(context.perspectiveCapability)}' but does not define an icon and label. A docked part must define both an icon and a label: { properties: { extras: { icon: '<icon-name>', label: '<text>' } } }. Ignoring part.`, LoggerNames.MICROFRONTEND);
+                this._logger.error(`[PerspectiveDefinitionError] Part '${qualifier$7(partCapability)}' of app '${app$7(partCapability)}' is used as a docked part in perspective '${qualifier$7(context.perspectiveCapability)}' but does not define an icon and label. A docked part must define both an icon and a label: { properties: { extras: { icon: '<icon-name>', label: '<text>' } } }. Ignoring part.`, LoggerNames.MICROFRONTEND);
                 return false;
             }
         }
@@ -16476,13 +16500,13 @@ function createCapabilityRemoteTranslatable(translatable, capability, params) {
 /**
  * Returns the qualifier as string.
  */
-function qualifier$6(capability) {
+function qualifier$7(capability) {
     return Objects.toMatrixNotation(capability.qualifier);
 }
 /**
  * Returns the app symbolic name.
  */
-function app$6(capability) {
+function app$7(capability) {
     return capability.metadata.appSymbolicName;
 }
 
@@ -16636,61 +16660,61 @@ class MicrofrontendPerspectiveCapabilityValidator {
         const perspectiveCapability = capability;
         // Assert the perspective capability to have a qualifier.
         if (!Object.keys(perspectiveCapability.qualifier ?? {}).length) {
-            throw Error(`[PerspectiveDefinitionError] Perspective capability requires a qualifier [app=${app$5(perspectiveCapability)}, perspective=${JSON.stringify(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Perspective capability requires a qualifier [app=${app$6(perspectiveCapability)}, perspective=${JSON.stringify(perspectiveCapability)}]`);
         }
         // Assert the perspective capability to have properties.
         if (!perspectiveCapability.properties) {
-            throw Error(`[PerspectiveDefinitionError] Perspective capability requires properties [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Perspective capability requires properties [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
         }
         // Assert the perspective capability to have parts.
         if (!perspectiveCapability.properties.parts) {
-            throw Error(`[PerspectiveDefinitionError] Perspective capability requires the 'parts' property [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Perspective capability requires the 'parts' property [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
         }
         // Assert parts to have an id.
         const parts = perspectiveCapability.properties.parts;
         parts.forEach((part, index) => {
             if (!part.id) {
-                throw Error(`[PerspectiveDefinitionError] Missing required 'id' property of part at index '${index}' [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Missing required 'id' property of part at index '${index}' [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
         });
         // Assert unique part ids.
         if (new Set(parts.map(part => part.id)).size !== parts.length) {
-            throw Error(`[PerspectiveDefinitionError] Parts of perspective must have a unique id [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Parts of perspective must have a unique id [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
         }
         // Assert the perspective capability to have an initial part.
         const [initialPart, ...otherParts] = parts;
         if (!initialPart) {
-            throw Error(`[PerspectiveDefinitionError] Perspective capability requires an initial part [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Perspective capability requires an initial part [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
         }
         // Assert initial part not to be positioned.
         if (initialPart.position) {
-            throw Error(`[PerspectiveDefinitionError] Initial part '${initialPart.id}' of perspective must not have the 'position' property [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+            throw Error(`[PerspectiveDefinitionError] Initial part '${initialPart.id}' of perspective must not have the 'position' property [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
         }
         // Assert other parts to be positioned.
         otherParts.forEach(part => {
             if (!part.position) {
-                throw Error(`[PerspectiveDefinitionError] Missing required 'position' property in part '${part.id}' [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Missing required 'position' property in part '${part.id}' [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
             if (typeof part.position === 'string' && !dockingAreas.has(part.position)) {
-                throw Error(`[PerspectiveDefinitionError] Illegal position in docked part '${part.id}': '${part.position}'. Must be one of [${[...dockingAreas].join(',')}] [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Illegal position in docked part '${part.id}': '${part.position}'. Must be one of [${[...dockingAreas].join(',')}] [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
             if (typeof part.position === 'object' && !part.position.align) {
-                throw Error(`[PerspectiveDefinitionError] Missing required 'align' property in part '${part.id}': { position: { align: 'left|right|top|bottom' } } [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Missing required 'align' property in part '${part.id}': { position: { align: 'left|right|top|bottom' } } [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
             if (typeof part.position === 'object' && !align.has(part.position.align)) {
-                throw Error(`[PerspectiveDefinitionError] Illegal alignment of part '${part.id}': '${part.position.align}'. Must be one of [${[...align].join(',')}] [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Illegal alignment of part '${part.id}': '${part.position.align}'. Must be one of [${[...align].join(',')}] [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
             if (typeof part.position === 'object' && part.position.relativeTo && !parts.some(otherPart => otherPart.id === part.position.relativeTo)) {
-                throw Error(`[PerspectiveDefinitionError] Illegal part '${part.position.relativeTo}' referenced in 'relativeTo' of part '${part.id}'. Part not found. [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Illegal part '${part.position.relativeTo}' referenced in 'relativeTo' of part '${part.id}'. Part not found. [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
         });
         // Assert parts to have a qualifier.
         parts.forEach(part => {
             if (!Object.keys(part.qualifier ?? {}).length) {
-                throw Error(`[PerspectiveDefinitionError] Missing required qualifier for part '${part.id}' [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Missing required qualifier for part '${part.id}' [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
             if (Object.entries(part.qualifier).some(([key, value]) => key === '*' || value === '*')) {
-                throw Error(`[PerspectiveDefinitionError] Qualifier for part '${part.id}' must be explicit and not contain wildcards: '${Objects.toMatrixNotation(part.qualifier)}' [app=${app$5(perspectiveCapability)}, perspective=${qualifier$5(perspectiveCapability)}]`);
+                throw Error(`[PerspectiveDefinitionError] Qualifier for part '${part.id}' must be explicit and not contain wildcards: '${Objects.toMatrixNotation(part.qualifier)}' [app=${app$6(perspectiveCapability)}, perspective=${qualifier$6(perspectiveCapability)}]`);
             }
         });
         return capability;
@@ -16704,13 +16728,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 /**
  * Returns the qualifier as string.
  */
-function qualifier$5(capability) {
+function qualifier$6(capability) {
     return Objects.toMatrixNotation(capability.qualifier);
 }
 /**
  * Returns the app symbolic name.
  */
-function app$5(capability) {
+function app$6(capability) {
     return capability.metadata.appSymbolicName;
 }
 const dockingAreas = new Set()
@@ -16840,24 +16864,24 @@ class MicrofrontendPartCapabilityValidator {
         const partCapability = capability;
         // Assert the part capability to have a qualifier.
         if (!Object.keys(partCapability.qualifier ?? {}).length) {
-            throw Error(`[PartDefinitionError] Part capability requires a qualifier [app=${app$4(partCapability)}, part=${JSON.stringify(partCapability)}]`);
+            throw Error(`[PartDefinitionError] Part capability requires a qualifier [app=${app$5(partCapability)}, part=${JSON.stringify(partCapability)}]`);
         }
         // Assert docked part extras, if set.
         if (partCapability.properties?.extras) {
             if (!partCapability.properties.extras.icon) {
-                throw Error(`[PartDefinitionError] Missing required 'icon' property in docked part extras [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+                throw Error(`[PartDefinitionError] Missing required 'icon' property in docked part extras [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
             }
             if (!partCapability.properties.extras.label) {
-                throw Error(`[PartDefinitionError] Missing required 'label' property in docked part extras [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+                throw Error(`[PartDefinitionError] Missing required 'label' property in docked part extras [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
             }
         }
         // Assert referenced views to have a qualifier.
         partCapability.properties?.views?.forEach((view) => {
             if (!Object.keys(view.qualifier ?? {}).length) {
-                throw Error(`[PartDefinitionError] Missing required qualifier for view [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+                throw Error(`[PartDefinitionError] Missing required qualifier for view [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
             }
             if (Object.entries(view.qualifier).some(([key, value]) => key === '*' || value === '*')) {
-                throw Error(`[PartDefinitionError] View qualifier must be explicit and not contain wildcards: '${Objects.toMatrixNotation(view.qualifier)}' [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+                throw Error(`[PartDefinitionError] View qualifier must be explicit and not contain wildcards: '${Objects.toMatrixNotation(view.qualifier)}' [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
             }
         });
         // Assert the path of the part capability.
@@ -16866,11 +16890,11 @@ class MicrofrontendPartCapabilityValidator {
         }
         // Assert host part capabilities not to define the "showSplash" property.
         if (Microfrontends.isHostProvider(capability) && partCapability.properties?.showSplash !== undefined) {
-            throw Error(`[PartDefinitionError] Property "showSplash" not supported for part capabilities of the host application [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+            throw Error(`[PartDefinitionError] Property "showSplash" not supported for part capabilities of the host application [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
         }
         // Assert "showSplash" property not to be defined if part has no path.
         if (partCapability.properties?.path === undefined && partCapability.properties?.showSplash !== undefined) {
-            throw Error(`[PartDefinitionError] Property "showSplash" only supported for part capabilities with a path [app=${app$4(partCapability)}, part=${qualifier$4(partCapability)}]`);
+            throw Error(`[PartDefinitionError] Property "showSplash" only supported for part capabilities with a path [app=${app$5(partCapability)}, part=${qualifier$5(partCapability)}]`);
         }
         return capability;
     }
@@ -16878,12 +16902,12 @@ class MicrofrontendPartCapabilityValidator {
         const path = capability.properties?.path;
         if (Microfrontends.isHostProvider(capability)) {
             if (path === null || path.length) {
-                throw Error(`[PartDefinitionError] Part capabilities of the host application require an empty path. [app=${app$4(capability)}, part=${qualifier$4(capability)}]. Change the path '${path}' to empty and add 'canMatchWorkbenchPartCapability(${JSON.stringify(capability.qualifier)})' guard to the route.\n\nExample:\nCapability: { type: 'part', qualifier: ${JSON.stringify(capability.qualifier)}, properties: {path: ''} }\nRoute: { path: '', canMatch: [canMatchWorkbenchPartCapability(${JSON.stringify(capability.qualifier)})], component: PartComponent }`);
+                throw Error(`[PartDefinitionError] Part capabilities of the host application require an empty path. [app=${app$5(capability)}, part=${qualifier$5(capability)}]. Change the path '${path}' to empty and add 'canMatchWorkbenchPartCapability(${JSON.stringify(capability.qualifier)})' guard to the route.\n\nExample:\nCapability: { type: 'part', qualifier: ${JSON.stringify(capability.qualifier)}, properties: {path: ''} }\nRoute: { path: '', canMatch: [canMatchWorkbenchPartCapability(${JSON.stringify(capability.qualifier)})], component: PartComponent }`);
             }
         }
         else {
             if (path === null) {
-                throw Error(`[PartDefinitionError] Part capabilities require a path. [app=${app$4(capability)}, part=${qualifier$4(capability)}]`);
+                throw Error(`[PartDefinitionError] Part capabilities require a path. [app=${app$5(capability)}, part=${qualifier$5(capability)}]`);
             }
         }
     }
@@ -16896,13 +16920,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 /**
  * Returns the qualifier as string.
  */
-function qualifier$4(capability) {
+function qualifier$5(capability) {
     return Objects.toMatrixNotation(capability.qualifier);
 }
 /**
  * Returns the app symbolic name.
  */
-function app$4(capability) {
+function app$5(capability) {
     return capability.metadata.appSymbolicName;
 }
 
@@ -17391,21 +17415,21 @@ class MicrofrontendViewCapabilityValidator {
         const viewCapability = capability;
         // Assert the view capability to have a qualifier.
         if (!Object.keys(viewCapability.qualifier ?? {}).length) {
-            throw Error(`[ViewDefinitionError] View capability requires a qualifier [app=${app$3(viewCapability)}, view=${qualifier$3(viewCapability)}]`);
+            throw Error(`[ViewDefinitionError] View capability requires a qualifier [app=${app$4(viewCapability)}, view=${qualifier$4(viewCapability)}]`);
         }
         // Assert the view capability to have properties.
         if (!viewCapability.properties) {
-            throw Error(`[ViewDefinitionError] View capability requires properties [app=${app$3(viewCapability)}, view=${qualifier$3(viewCapability)}]`);
+            throw Error(`[ViewDefinitionError] View capability requires properties [app=${app$4(viewCapability)}, view=${qualifier$4(viewCapability)}]`);
         }
         // Assert the view capability to have a path, unless provided by the host application.
         this.assertPath(viewCapability);
         // Assert host view capabilities not to define the "lazy" property.
         if (Microfrontends.isHostProvider(capability) && viewCapability.properties.lazy !== undefined) {
-            throw Error(`[ViewDefinitionError] Property "lazy" not supported for view capabilities of the host application [app=${app$3(viewCapability)}, view=${qualifier$3(viewCapability)}]`);
+            throw Error(`[ViewDefinitionError] Property "lazy" not supported for view capabilities of the host application [app=${app$4(viewCapability)}, view=${qualifier$4(viewCapability)}]`);
         }
         // Assert host view capabilities not to define the "showSplash" property.
         if (Microfrontends.isHostProvider(capability) && viewCapability.properties.showSplash !== undefined) {
-            throw Error(`[ViewDefinitionError] Property "showSplash" not supported for view capabilities of the host application [app=${app$3(viewCapability)}, view=${qualifier$3(viewCapability)}]`);
+            throw Error(`[ViewDefinitionError] Property "showSplash" not supported for view capabilities of the host application [app=${app$4(viewCapability)}, view=${qualifier$4(viewCapability)}]`);
         }
         return capability;
     }
@@ -17413,12 +17437,12 @@ class MicrofrontendViewCapabilityValidator {
         const path = capability.properties?.path;
         if (Microfrontends.isHostProvider(capability)) {
             if (path !== '') {
-                throw Error(`[ViewDefinitionError] View capabilities of the host application require an empty path. [app=${app$3(capability)}, view=${qualifier$3(capability)}]. Change the path '${path}' to empty and add 'canMatchWorkbenchViewCapability(${JSON.stringify(capability.qualifier)})' guard to the route.\n\nExample:\nCapability: { type: 'view', qualifier: ${JSON.stringify(capability.qualifier)}, properties: {path: ''} }\nRoute: { path: '', canMatch: [canMatchWorkbenchViewCapability(${JSON.stringify(capability.qualifier)})], component: ViewComponent }`);
+                throw Error(`[ViewDefinitionError] View capabilities of the host application require an empty path. [app=${app$4(capability)}, view=${qualifier$4(capability)}]. Change the path '${path}' to empty and add 'canMatchWorkbenchViewCapability(${JSON.stringify(capability.qualifier)})' guard to the route.\n\nExample:\nCapability: { type: 'view', qualifier: ${JSON.stringify(capability.qualifier)}, properties: {path: ''} }\nRoute: { path: '', canMatch: [canMatchWorkbenchViewCapability(${JSON.stringify(capability.qualifier)})], component: ViewComponent }`);
             }
         }
         else {
             if (path === null || path == undefined) {
-                throw Error(`[ViewDefinitionError] View capabilities require a path. [app=${app$3(capability)}, view=${qualifier$3(capability)}]`);
+                throw Error(`[ViewDefinitionError] View capabilities require a path. [app=${app$4(capability)}, view=${qualifier$4(capability)}]`);
             }
         }
     }
@@ -17431,13 +17455,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 /**
  * Returns the qualifier as string.
  */
-function qualifier$3(capability) {
+function qualifier$4(capability) {
     return Objects.toMatrixNotation(capability.qualifier);
 }
 /**
  * Returns the app symbolic name.
  */
-function app$3(capability) {
+function app$4(capability) {
     return capability.metadata.appSymbolicName;
 }
 
@@ -17637,9 +17661,107 @@ function provideMicrofrontendView() {
     }
 }
 
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Displays the notification for the built-in notification capability.
+ *
+ * This component is designed to be displayed in {@link MicrofrontendHostComponent}.
+ */
+class NotificationTextMessageComponent {
+    message;
+    constructor() {
+        const { params, referrer } = inject(ActivatedMicrofrontend);
+        const translatable = params().get(eNOTIFICATION_MESSAGE_PARAM);
+        this.message = createRemoteTranslatable(translatable, { appSymbolicName: referrer() });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationTextMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NotificationTextMessageComponent, isStandalone: true, selector: "wb-notification-text-message", host: { properties: { "class.empty": "!message?.length" } }, ngImport: i0, template: "{{(message | wbText)()}}\n", styles: [":host{word-break:break-word;white-space:pre-line}:host.empty{display:none}\n"], dependencies: [{ kind: "pipe", type: TextPipe, name: "wbText" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationTextMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wb-notification-text-message', imports: [
+                        TextPipe,
+                    ], host: {
+                        '[class.empty]': '!message?.length',
+                    }, template: "{{(message | wbText)()}}\n", styles: [":host{word-break:break-word;white-space:pre-line}:host.empty{display:none}\n"] }]
+        }], ctorParameters: () => [] });
+/**
+ * Property to identify the built-in text notification capability.
+ */
+const TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY = 'ɵidentity';
+/**
+ * Value to identify the built-in text notification capability.
+ */
+const TEXT_NOTIFICATION_CAPABILITY_IDENTITY = UUID.randomUUID();
+
+var notificationTextMessage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TEXT_NOTIFICATION_CAPABILITY_IDENTITY: TEXT_NOTIFICATION_CAPABILITY_IDENTITY,
+    TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY: TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY,
+    default: NotificationTextMessageComponent
+});
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Intercepts the host manifest, registering the built-in text notification capability.
+ */
+class MicrofrontendTextNotificationCapabilityProvider {
+    intercept(hostManifest) {
+        hostManifest.capabilities = [
+            ...hostManifest.capabilities ?? [],
+            provideBuiltInTextNotificationCapability(),
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * Provides the built-in notification capability to display text.
+ *
+ * @see MicrofrontendNotificationIntentHandler
+ */
+function provideBuiltInTextNotificationCapability() {
+    return {
+        type: WorkbenchCapabilities.Notification,
+        qualifier: {},
+        params: [
+            {
+                name: eNOTIFICATION_MESSAGE_PARAM,
+                required: false,
+                description: 'Text to display in the notification.',
+            },
+        ],
+        properties: {
+            path: '',
+            [TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY]: TEXT_NOTIFICATION_CAPABILITY_IDENTITY,
+        },
+        private: false,
+        description: 'Displays a text notification.',
+    };
+}
+
 /**
- * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered.
- * It informs about system events, task completion or errors. The severity indicates importance or urgency.
+ * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered or focused.
+ * It informs about system events, task completion, or errors. Severity indicates importance or urgency.
  *
  * The notification component can inject this handle to interact with the notification.
  *
@@ -17736,47 +17858,211 @@ class Notification {
  * SPDX-License-Identifier: EPL-2.0
  */
 /**
- * Registry for {@link WorkbenchNotification} elements.
+ * TODO [Angular 22] Remove with Angular 22. Used for backward compatiblity.
  */
-class WorkbenchNotificationRegistry extends WorkbenchElementRegistry {
-    /**
-     * Gets the most recently opened notification.
-     */
-    top;
-    constructor() {
-        super({
-            nullElementErrorFn: notificationId => Error(`[NullNotificationError] Notification '${notificationId}' not found.`),
-            onUnregister: notification => notification.destroy(),
+class RemoveLegacyInputPipe {
+    transform(inputs) {
+        const inputsCopy = { ...inputs ?? {} };
+        delete inputsCopy[LEGACY_NOTIFICATION_INPUT]; // eslint-disable-line @typescript-eslint/no-dynamic-delete
+        return inputsCopy;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, isStandalone: true, name: "wbRemoveLegacyInput" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'wbRemoveLegacyInput' }]
+        }] });
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Renders the content of a workbench notification.
+ */
+class WorkbenchNotificationComponent {
+    notification = inject(ɵWorkbenchNotification);
+    hover = signal(false, { ...(ngDevMode ? { debugName: "hover" } : {}) });
+    slotAnchorName = this.notification.id.replace('.', '_'); // Anchor must not contain a dot.
+    notificationSlotBounds = viewChild('slot_bounds', { ...(ngDevMode ? { debugName: "notificationSlotBounds" } : {}), read: (ElementRef) });
+    constructor() {
+        this.installAutoCloseTimer();
+        this.closeOnEscapeIfOnTop();
+        trackFocus(inject(ElementRef).nativeElement, this.notification);
+    }
+    onClose() {
+        this.notification.close();
+    }
+    onEscape(event) {
+        if (this.notification.focused()) {
+            event.stopPropagation(); // stop propagation to prevent closing the most recently displayed notification
+            this.notification.close();
+        }
+    }
+    onAuxClick(event) {
+        if (event.button === 1) { // primary aux button
+            event.preventDefault(); // prevent user-agent default action
+            this.notification.close();
+        }
+    }
+    /**
+     * Closes this notification when pressing escape if it is the most recently displayed notification.
+     */
+    closeOnEscapeIfOnTop() {
+        const zone = inject(NgZone);
+        const document = inject(DOCUMENT);
+        effect(onCleanup => {
+            if (!this.notification.top()) {
+                return;
+            }
+            const subscription = fromEvent(document, 'keydown')
+                .pipe(subscribeIn(fn => zone.runOutsideAngular(fn)), filter((event) => event.key === 'Escape'), observeIn(fn => zone.run(fn)))
+                .subscribe(() => this.notification.close());
+            onCleanup(() => subscription.unsubscribe());
         });
-        this.top = computed(() => this.elements().at(-1), { ...(ngDevMode ? { debugName: "top" } : {}) });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, providedIn: 'root' });
+    /**
+     * Installs a timer to close the notification.
+     */
+    installAutoCloseTimer() {
+        effect(onCleanup => {
+            const duration = this.notification.duration();
+            const focus = this.notification.focused();
+            const blockedBy = this.notification.blockedBy();
+            const hover = this.hover();
+            if (hover || focus || blockedBy) {
+                return;
+            }
+            untracked(() => {
+                const subscription = fromDuration$(duration).subscribe(() => this.notification.close());
+                onCleanup(() => subscription.unsubscribe());
+            });
+        });
+        function fromDuration$(duration) {
+            switch (duration) {
+                case 'short':
+                    return timer(7000);
+                case 'medium':
+                    return timer(15000);
+                case 'long':
+                    return timer(30000);
+                default:
+                    if (typeof duration === 'number') {
+                        return timer(duration);
+                    }
+                    return NEVER;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchNotificationComponent, isStandalone: true, selector: "wb-notification", host: { listeners: { "mouseenter": "hover.set(true)", "mouseleave": "hover.set(false)", "auxclick": "onAuxClick($event)", "keydown.escape": "onEscape($event)" }, properties: { "attr.data-notificationid": "notification.id", "attr.data-severity": "notification.severity()", "style.min-height": "notification.size.minHeight()", "style.height": "notification.size.height()", "style.max-height": "notification.size.maxHeight()", "style.--\u0275slot-anchor": "`--${slotAnchorName}`", "attr.tabindex": "-1", "class": "notification.cssClass()" } }, providers: [
+            configureNotificationGlassPane(),
+        ], viewQueries: [{ propertyName: "notificationSlotBounds", first: true, predicate: ["slot_bounds"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: GlassPaneDirective }], ngImport: i0, template: "<!-- Title -->\n@if (notification.title(); as title) {\n  <header class=\"e2e-title\">{{(title | wbText)()}}</header>\n}\n\n<!-- Message -->\n<div class=\"slot e2e-slot\" [class.text]=\"!!notification.slot.text?.length\">\n  @if (notification.slot.text?.length) {\n    {{(notification.slot.text | wbText)()}}\n  } @else if (notification.slot.component) {\n    <sci-viewport class=\"e2e-notification-slot\">\n      <ng-container *ngComponentOutlet=\"notification.slot.component; inputs: notification.inputs | wbRemoveLegacyInput;\"/>\n    </sci-viewport>\n\n    <!-- Extra DIV to capture bounds available to slotted content, excluding viewport content padding. May differ from the actual content size if content overflows or does not fill the slot. -->\n    <div class=\"slot-bounds e2e-notification-slot-bounds\" #slot_bounds></div>\n  }\n</div>\n\n<button (click)=\"onClose()\"\n        [title]=\"('%workbench.close.tooltip' | wbText)()\"\n        class=\"close e2e-close\">\n  <wb-icon icon=\"workbench.close\"/>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:.75em;background-color:var(--sci-color-background-elevation);color:var(--sci-color-text);font-size:.9em;border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);box-shadow:var(--sci-elevation) var(--sci-static-color-black);padding:1em 0;overflow:hidden;outline:none;position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;bottom:0;width:var(--sci-workbench-notification-severity-indicator-size)}:host[data-severity=info]:before{background-color:var(--sci-color-accent)}:host[data-severity=warn]:before{background-color:var(--sci-color-notice)}:host[data-severity=error]:before{background-color:var(--sci-color-negative)}:host>header{flex:none;font-weight:700;padding:0 var(--sci-workbench-notification-padding);word-break:break-word;white-space:pre-line}:host>div.slot{flex:auto;overflow:hidden;display:grid}:host>div.slot.text{word-break:break-word;white-space:pre-line;padding:0 var(--sci-workbench-notification-padding)}:host>div.slot>sci-viewport{anchor-name:var(--\\275slot-anchor)}:host>div.slot>sci-viewport::part(content){padding-inline:var(--sci-workbench-notification-padding)}:host>div.slot>div.slot-bounds{position:absolute;position-anchor:var(--\\275slot-anchor);inset:anchor(top) anchor(right) anchor(bottom) anchor(left);margin-inline:var(--sci-workbench-notification-padding);visibility:hidden}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;top:.275em;right:.275em;padding:.125em;border-radius:var(--sci-corner-small);font-size:1rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "wb-icon", inputs: ["icon"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: SciViewportComponent, selector: "sci-viewport", inputs: ["scrollbarStyle"], outputs: ["scroll"] }, { kind: "pipe", type: TextPipe, name: "wbText" }, { kind: "pipe", type: RemoveLegacyInputPipe, name: "wbRemoveLegacyInput" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wb-notification', imports: [
+                        TextPipe,
+                        IconComponent,
+                        NgComponentOutlet,
+                        RemoveLegacyInputPipe,
+                        SciViewportComponent,
+                    ], hostDirectives: [
+                        GlassPaneDirective,
+                    ], providers: [
+                        configureNotificationGlassPane(),
+                    ], host: {
+                        '[attr.data-notificationid]': 'notification.id',
+                        '[attr.data-severity]': 'notification.severity()',
+                        '[style.min-height]': 'notification.size.minHeight()',
+                        '[style.height]': 'notification.size.height()',
+                        '[style.max-height]': 'notification.size.maxHeight()',
+                        '[style.--ɵslot-anchor]': '`--${slotAnchorName}`',
+                        '[attr.tabindex]': '-1',
+                        '[class]': 'notification.cssClass()',
+                        '(mouseenter)': 'hover.set(true)',
+                        '(mouseleave)': 'hover.set(false)',
+                        '(auxclick)': 'onAuxClick($event)',
+                        '(keydown.escape)': 'onEscape($event)',
+                    }, template: "<!-- Title -->\n@if (notification.title(); as title) {\n  <header class=\"e2e-title\">{{(title | wbText)()}}</header>\n}\n\n<!-- Message -->\n<div class=\"slot e2e-slot\" [class.text]=\"!!notification.slot.text?.length\">\n  @if (notification.slot.text?.length) {\n    {{(notification.slot.text | wbText)()}}\n  } @else if (notification.slot.component) {\n    <sci-viewport class=\"e2e-notification-slot\">\n      <ng-container *ngComponentOutlet=\"notification.slot.component; inputs: notification.inputs | wbRemoveLegacyInput;\"/>\n    </sci-viewport>\n\n    <!-- Extra DIV to capture bounds available to slotted content, excluding viewport content padding. May differ from the actual content size if content overflows or does not fill the slot. -->\n    <div class=\"slot-bounds e2e-notification-slot-bounds\" #slot_bounds></div>\n  }\n</div>\n\n<button (click)=\"onClose()\"\n        [title]=\"('%workbench.close.tooltip' | wbText)()\"\n        class=\"close e2e-close\">\n  <wb-icon icon=\"workbench.close\"/>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:.75em;background-color:var(--sci-color-background-elevation);color:var(--sci-color-text);font-size:.9em;border:1px solid var(--sci-color-border);border-radius:var(--sci-corner);box-shadow:var(--sci-elevation) var(--sci-static-color-black);padding:1em 0;overflow:hidden;outline:none;position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;bottom:0;width:var(--sci-workbench-notification-severity-indicator-size)}:host[data-severity=info]:before{background-color:var(--sci-color-accent)}:host[data-severity=warn]:before{background-color:var(--sci-color-notice)}:host[data-severity=error]:before{background-color:var(--sci-color-negative)}:host>header{flex:none;font-weight:700;padding:0 var(--sci-workbench-notification-padding);word-break:break-word;white-space:pre-line}:host>div.slot{flex:auto;overflow:hidden;display:grid}:host>div.slot.text{word-break:break-word;white-space:pre-line;padding:0 var(--sci-workbench-notification-padding)}:host>div.slot>sci-viewport{anchor-name:var(--\\275slot-anchor)}:host>div.slot>sci-viewport::part(content){padding-inline:var(--sci-workbench-notification-padding)}:host>div.slot>div.slot-bounds{position:absolute;position-anchor:var(--\\275slot-anchor);inset:anchor(top) anchor(right) anchor(bottom) anchor(left);margin-inline:var(--sci-workbench-notification-padding);visibility:hidden}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;top:.275em;right:.275em;padding:.125em;border-radius:var(--sci-corner-small);font-size:1rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { notificationSlotBounds: [{ type: i0.ViewChild, args: ['slot_bounds', { ...{ read: (ElementRef) }, isSignal: true }] }] } });
+/**
+ * Blocks this notification when dialog(s) overlay it.
+ */
+function configureNotificationGlassPane() {
+    return [
+        {
+            provide: GLASS_PANE_BLOCKABLE,
+            useFactory: () => inject(ɵWorkbenchNotification),
+        },
+        {
+            provide: GLASS_PANE_OPTIONS,
+            useFactory: () => ({ attributes: { 'data-notificationid': inject(ɵWorkbenchNotification).id } }),
+        },
+    ];
+}
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * DI token to register providers available for DI if in the context of a workbench notification.
+ */
+const WORKBENCH_NOTIFICATION_CONTEXT = new InjectionToken('WORKBENCH_NOTIFICATION_CONTEXT');
+/**
+ * Provides providers available for DI if in the context of a workbench notification.
+ */
+function provideWorkbenchNotificationContext() {
+    return {
+        provide: WORKBENCH_NOTIFICATION_CONTEXT,
+        useFactory: () => [
+            provideWorkbenchDialogService(),
+            provideWorkbenchMessageBoxService(),
+            provideWorkbenchPopupService(),
+        ],
+        multi: true,
+    };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
 
 /** @inheritDoc */
 class ɵWorkbenchNotification {
     id;
     _options;
     /** Injector for the notification; destroyed when the notification is closed. */
-    _injector = inject(Injector);
+    injector = inject(Injector);
     slot;
     _notificationRegistry = inject(WorkbenchNotificationRegistry);
+    _focusMonitor = inject(WorkbenchFocusMonitor);
     _title;
     _severity;
     _duration;
     _cssClass;
+    portal;
+    size = new ɵWorkbenchNotificationSize();
+    focused = computed(() => this._focusMonitor.activeElement()?.id === this.id, { ...(ngDevMode ? { debugName: "focused" } : {}) });
+    /** Checks if this notification is the most recently displayed notification. */
+    top = computed(() => this._notificationRegistry.top() === this, { ...(ngDevMode ? { debugName: "top" } : {}) });
     destroyed = signal(false, { ...(ngDevMode ? { debugName: "destroyed" } : {}) });
+    bounds;
+    blockedBy;
     group;
     constructor(id, content, _options) {
         this.id = id;
         this._options = _options;
+        this.portal = this.createPortal();
         this.slot = {
-            injector: this.createInjector(),
             component: typeof content === 'function' ? content : undefined,
             text: typeof content === 'string' ? content : undefined,
         };
@@ -17785,24 +18071,25 @@ class ɵWorkbenchNotification {
         this._duration = signal(this._options.duration ?? 'medium', { ...(ngDevMode ? { debugName: "_duration" } : {}) });
         this._cssClass = signal(Arrays.coerce(this._options.cssClass), { ...(ngDevMode ? { debugName: "_cssClass" } : {}) });
         this.group = this._options.group;
-        this.closeOnEscape();
+        this.blockedBy = inject(WorkbenchDialogRegistry).top(this.id);
+        this.bounds = boundingClientRect(computed(() => this.portal.componentRef()?.instance.notificationSlotBounds()));
         inject(DestroyRef).onDestroy(() => this.destroyed.set(true));
     }
     /**
-     * Creates an injector to render content in the notification's injection context.
+     * Creates a portal to render {@link WorkbenchNotificationComponent} in the notification's injection context.
      */
-    createInjector() {
-        const injector = Injector.create({
-            parent: this._options.injector ?? inject(Injector),
+    createPortal() {
+        return new WbComponentPortal(WorkbenchNotificationComponent, {
+            injector: this._options.injector,
             providers: [
                 { provide: ɵWorkbenchNotification, useValue: this },
                 { provide: WorkbenchNotification, useExisting: ɵWorkbenchNotification },
                 { provide: Notification, useClass: ɵNotification },
+                { provide: WORKBENCH_ELEMENT, useExisting: ɵWorkbenchNotification },
+                inject(WORKBENCH_NOTIFICATION_CONTEXT, { optional: true }) ?? [],
                 ...this._options.providers ?? [],
             ],
         });
-        inject(DestroyRef).onDestroy(() => injector.destroy());
-        return injector;
     }
     /** @inheritDoc */
     get title() {
@@ -17838,6 +18125,9 @@ class ɵWorkbenchNotification {
     }
     /** @inheritDoc */
     close() {
+        if (this.blockedBy()) {
+            return;
+        }
         this.destroy();
     }
     /**
@@ -17846,33 +18136,175 @@ class ɵWorkbenchNotification {
     get inputs() {
         return this._options.inputs;
     }
-    /**
-     * Closes the notification on escape keystroke, but only if this is the topmost notification.
-     */
-    closeOnEscape() {
-        const zone = inject(NgZone);
-        const document = inject(DOCUMENT);
-        const top = inject(WorkbenchNotificationRegistry).top;
-        effect(onCleanup => {
-            if (top() !== this) {
-                return;
-            }
-            const subscription = fromEvent(document, 'keydown')
-                .pipe(subscribeIn(fn => zone.runOutsideAngular(fn)), filter((event) => event.key === 'Escape'), observeIn(fn => zone.run(fn)))
-                .subscribe(() => this.close());
-            onCleanup(() => subscription.unsubscribe());
-        });
-    }
     /**
      * Destroys this dialog and associated resources.
      */
     destroy() {
         if (!this.destroyed()) {
-            this._injector.destroy();
+            this.injector.destroy();
             this._notificationRegistry.unregister(this.id);
         }
     }
 }
+/** @inheritDoc */
+class ɵWorkbenchNotificationSize {
+    _height = signal(undefined, { ...(ngDevMode ? { debugName: "_height" } : {}) });
+    _minHeight = signal(undefined, { ...(ngDevMode ? { debugName: "_minHeight" } : {}) });
+    _maxHeight = signal(undefined, { ...(ngDevMode ? { debugName: "_maxHeight" } : {}) });
+    /** @inheritDoc */
+    get height() {
+        return this._height;
+    }
+    /** @inheritDoc */
+    set height(height) {
+        untracked(() => this._height.set(height));
+    }
+    /** @inheritDoc */
+    get minHeight() {
+        return this._minHeight;
+    }
+    /** @inheritDoc */
+    set minHeight(minHeight) {
+        untracked(() => this._minHeight.set(minHeight));
+    }
+    /** @inheritDoc */
+    get maxHeight() {
+        return this._maxHeight;
+    }
+    /** @inheritDoc */
+    set maxHeight(maxHeight) {
+        untracked(() => this._maxHeight.set(maxHeight));
+    }
+}
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Displays the microfrontend of a given {@link WorkbenchNotficationCapability}.
+ *
+ * This component is designed to be displayed in a workbench notification.
+ */
+class MicrofrontendNotificationComponent {
+    capability = input.required({ ...(ngDevMode ? { debugName: "capability" } : {}) });
+    params = input.required({ ...(ngDevMode ? { debugName: "params" } : {}) });
+    referrer = input.required({ ...(ngDevMode ? { debugName: "referrer" } : {}) });
+    _host = inject(ElementRef).nativeElement;
+    _outletRouter = inject(OutletRouter);
+    _messageClient = inject(MessageClient);
+    _logger = inject(Logger);
+    _routerOutletElement = viewChild.required('router_outlet');
+    /** Splash to display until the microfrontend signals readiness. */
+    splash = inject(MicrofrontendPlatformConfig).splash ?? MicrofrontendSplashComponent;
+    workbenchLayoutService = inject(WorkbenchLayoutService);
+    notification = inject(ɵWorkbenchNotification);
+    focusWithin = signal(false, { ...(ngDevMode ? { debugName: "focusWithin" } : {}) });
+    constructor() {
+        this._logger.debug(() => 'Constructing MicrofrontendNotificationComponent.', LoggerNames.MICROFRONTEND);
+        this.installNavigator();
+        this.installNotificationCloseListener();
+        this.installNotificationFocusedPublisher();
+        this.setNotificationProperties();
+        this.propagateNotificationContext();
+        this.propagateWorkbenchTheme();
+        inject(DestroyRef).onDestroy(() => {
+            // Clear the outlet.
+            void this._outletRouter.navigate(null, { outlet: this.notification.id });
+            // Delete retained messages to free resources.
+            void this._messageClient.publish(_WorkbenchCommands.notificationFocusedTopic(this.notification.id), undefined, { retain: true });
+        });
+    }
+    installNavigator() {
+        const manifestService = inject(ManifestService);
+        const injector = inject(Injector);
+        effect(() => {
+            const capability = this.capability();
+            const params = this.params();
+            void untracked(async () => {
+                const application = manifestService.getApplication(capability.metadata.appSymbolicName);
+                this._logger.debug(() => `Loading microfrontend into workbench notification [app=${capability.metadata.appSymbolicName}, baseUrl=${application.baseUrl}, path=${capability.properties.path}].`, LoggerNames.MICROFRONTEND, params, capability);
+                // Wait for the context to be set on the router outlet, as @scion/workbench-client expects it to be available on startup.
+                await Microfrontends.waitForContext(this._routerOutletElement, _NOTIFICATION_CONTEXT, { injector });
+                void this._outletRouter.navigate(capability.properties.path, {
+                    outlet: this.notification.id,
+                    relativeTo: application.baseUrl,
+                    params: params,
+                    pushStateToSessionHistoryStack: false,
+                    showSplash: capability.properties.showSplash,
+                });
+            });
+        });
+    }
+    installNotificationCloseListener() {
+        this._messageClient.observe$(_WorkbenchCommands.notificationCloseTopic(this.notification.id))
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            this.notification.close();
+        });
+    }
+    installNotificationFocusedPublisher() {
+        effect(() => {
+            const focused = this.notification.focused();
+            untracked(() => {
+                const commandTopic = _WorkbenchCommands.notificationFocusedTopic(this.notification.id);
+                void this._messageClient.publish(commandTopic, focused, { retain: true });
+            });
+        });
+    }
+    setNotificationProperties() {
+        effect(() => {
+            const properties = this.capability().properties;
+            untracked(() => {
+                this.notification.size.height = properties.size?.height;
+                this.notification.size.minHeight = properties.size?.minHeight;
+                this.notification.size.maxHeight = properties.size?.maxHeight;
+            });
+        });
+    }
+    onFocusWithin(event) {
+        const { detail: focusWithin } = event;
+        this.focusWithin.set(focusWithin);
+        if (focusWithin) {
+            this._host.dispatchEvent(new CustomEvent('sci-microfrontend-focusin', { bubbles: true }));
+        }
+    }
+    /**
+     * Provides the notification context to embedded content.
+     */
+    propagateNotificationContext() {
+        effect(() => {
+            const context = {
+                notificationId: this.notification.id,
+                capability: this.capability(),
+                params: this.params(),
+                referrer: {
+                    appSymbolicName: this.referrer(),
+                },
+            };
+            const routerOutletElement = this._routerOutletElement().nativeElement;
+            untracked(() => routerOutletElement.setContextValue(_NOTIFICATION_CONTEXT, context));
+        });
+    }
+    propagateWorkbenchTheme() {
+        Microfrontends.propagateTheme(this._routerOutletElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.1", type: MicrofrontendNotificationComponent, isStandalone: true, selector: "wb-microfrontend-notification", inputs: { capability: { classPropertyName: "capability", publicName: "capability", isSignal: true, isRequired: true, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: true, transformFunction: null }, referrer: { classPropertyName: "referrer", publicName: "referrer", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.workbench-drag": "workbenchLayoutService.dragging()" } }, viewQueries: [{ propertyName: "_routerOutletElement", first: true, predicate: ["router_outlet"], descendants: true, isSignal: true }], ngImport: i0, template: "<sci-router-outlet #router_outlet\n                   [name]=\"notification.id\"\n                   [attr.data-capabilityid]=\"capability().metadata!.id\"\n                   [attr.data-app]=\"capability().metadata!.appSymbolicName\"\n                   [attr.data-focus]=\"focusWithin() ? '' : null\"\n                   keystrokes=\"keydown.escape\"\n                   [class]=\"notification.cssClass()\"\n                   (focuswithin)=\"onFocusWithin($event)\">\n  <ng-container *ngComponentOutlet=\"splash\"/>\n</sci-router-outlet>\n", styles: [":host{display:grid}:host.workbench-drag>sci-router-outlet{pointer-events:none}:host>sci-router-outlet::part(splash){display:grid}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wb-microfrontend-notification', imports: [
+                        NgComponentOutlet,
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], host: {
+                        '[class.workbench-drag]': 'workbenchLayoutService.dragging()',
+                    }, template: "<sci-router-outlet #router_outlet\n                   [name]=\"notification.id\"\n                   [attr.data-capabilityid]=\"capability().metadata!.id\"\n                   [attr.data-app]=\"capability().metadata!.appSymbolicName\"\n                   [attr.data-focus]=\"focusWithin() ? '' : null\"\n                   keystrokes=\"keydown.escape\"\n                   [class]=\"notification.cssClass()\"\n                   (focuswithin)=\"onFocusWithin($event)\">\n  <ng-container *ngComponentOutlet=\"splash\"/>\n</sci-router-outlet>\n", styles: [":host{display:grid}:host.workbench-drag>sci-router-outlet{pointer-events:none}:host>sci-router-outlet::part(splash){display:grid}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { capability: [{ type: i0.Input, args: [{ isSignal: true, alias: "capability", required: true }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: true }] }], referrer: [{ type: i0.Input, args: [{ isSignal: true, alias: "referrer", required: true }] }], _routerOutletElement: [{ type: i0.ViewChild, args: ['router_outlet', { isSignal: true }] }] } });
 
 /*
  * Copyright (c) 2018-2025 Swiss Federal Railways
@@ -17887,6 +18319,7 @@ class ɵWorkbenchNotification {
 class ɵWorkbenchNotificationService {
     _rootInjector = inject(ApplicationRef).injector;
     _notificationRegistry = inject(WorkbenchNotificationRegistry);
+    _mutex = new SingleTaskExecutor();
     _zone = inject(NgZone);
     /** @inheritDoc */
     show(message, options) {
@@ -17896,17 +18329,20 @@ class ɵWorkbenchNotificationService {
             this._zone.run(() => this.show(message, options));
             return;
         }
-        // Replace previous notification of the same group, or add it otherwise.
-        const previousNotification = options?.group ? this._notificationRegistry.elements().find(element => element.group === options.group) : undefined;
-        if (previousNotification) {
-            const reducedInputs = options?.groupInputReduceFn ? options.groupInputReduceFn(previousNotification.inputs ?? {}, options.inputs ?? {}) : options?.inputs;
-            const notification = this.createNotification(message, { ...options, inputs: reducedInputs });
-            this._notificationRegistry.replace(previousNotification.id, { key: notification.id, element: notification });
-        }
-        else {
-            const notification = this.createNotification(message, options);
-            this._notificationRegistry.register(notification.id, notification);
-        }
+        // Prevent race conditions with asynchronous group reducer, ensuring to not have a "stale" previous notification.
+        void this._mutex.submit(async () => {
+            const previousNotification = options?.group ? this._notificationRegistry.elements().find(element => element.group === options.group) : undefined;
+            // Replace previous notification of the same group, or add it otherwise.
+            if (previousNotification) {
+                const reducedInputs = options?.groupInputReduceFn ? await options.groupInputReduceFn(previousNotification.inputs ?? {}, options.inputs ?? {}) : options?.inputs;
+                const notification = this.createNotification(message, { ...options, inputs: reducedInputs });
+                this._notificationRegistry.replace(previousNotification.id, { key: notification.id, element: notification });
+            }
+            else {
+                const notification = this.createNotification(message, options);
+                this._notificationRegistry.register(notification.id, notification);
+            }
+        });
     }
     /**
      * Creates the notification handle.
@@ -17941,8 +18377,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 /**
  * Shows a notification.
  *
- * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered.
- * It informs about system events, task completion or errors. The severity indicates importance or urgency.
+ * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered or focused.
+ * It informs about system events, task completion, or errors. Severity indicates importance or urgency.
  *
  * Notifications can be grouped. Only the most recent notification within a group is displayed.
  *
@@ -17958,7 +18394,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }] });
 
 /*
- * Copyright (c) 2018-2022 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/** @inheritDoc */
+class MicrofrontendHostNotification {
+    _notification;
+    capability;
+    params;
+    referrer;
+    constructor(_notification, capability, params, referrer) {
+        this._notification = _notification;
+        this.capability = signal(capability).asReadonly();
+        this.params = signal(params).asReadonly();
+        this.referrer = signal(referrer).asReadonly();
+        this.setNotificationProperties();
+    }
+    setNotificationProperties() {
+        const properties = this.capability().properties;
+        this._notification.size.height = properties.size?.height;
+        this._notification.size.minHeight = properties.size?.minHeight;
+        this._notification.size.maxHeight = properties.size?.maxHeight;
+    }
+}
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -17967,77 +18433,196 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
  * SPDX-License-Identifier: EPL-2.0
  */
 /**
- * Installs an intent handler to show text notifications.
+ * Handles notification intents, opening a notification based on resolved capability.
+ *
+ * Microfrontends of the host are displayed in {@link MicrofrontendHostComponent}, microfrontends of other applications in {@link MicrofrontendNotificationComponent}.
+ *
+ * Notification intents are handled in this interceptor and are not transported to the providing application to support applications not connected to the SCION Workbench.
  */
-function installNotificationIntentHandler() {
-    const intentClient = inject(IntentClient);
-    const notificationService = inject(WorkbenchNotificationService);
-    const logger = inject(Logger);
-    intentClient.onIntent({ type: WorkbenchCapabilities.Notification, qualifier: {} }, request => {
-        const command = request.body;
-        const referrer = request.headers.get(MessageHeaders.AppSymbolicName);
-        const isLegacyApi = !request.intent.params?.has(eNOTIFICATION_MESSAGE_PARAM);
-        const message = (isLegacyApi ? command.content : request.intent.params?.get(eNOTIFICATION_MESSAGE_PARAM)) ?? '';
-        logger.debug(() => 'Showing notification', LoggerNames.MICROFRONTEND, command);
-        notificationService.show(createRemoteTranslatable(message, { appSymbolicName: referrer }), prune({
+class MicrofrontendNotificationIntentHandler {
+    _notificationService = inject(WorkbenchNotificationService);
+    _logger = inject(Logger);
+    /**
+     * Notification intents are handled in this interceptor and then swallowed.
+     */
+    async intercept(intentMessage, next) {
+        if (intentMessage.intent.type === WorkbenchCapabilities.Notification) {
+            const replyTo = intentMessage.headers.get(MessageHeaders.ReplyTo);
+            await this.showNotification(intentMessage);
+            void Beans.get(MessageClient).publish(replyTo, undefined, { headers: new Map().set(MessageHeaders.Status, ResponseStatusCodes.TERMINAL) });
+            // Do not continue the handler chain to swallow the intent.
+        }
+        else {
+            return next.handle(intentMessage);
+        }
+    }
+    /**
+     * Displays the microfrontend declared by the resolved capability in a notification.
+     */
+    async showNotification(intentMessage) {
+        const command = intentMessage.body;
+        const capability = intentMessage.capability;
+        const capabilityId = capability.metadata.id;
+        const groupParamsReducer = capability.properties.groupParamsReducer;
+        const params = intentMessage.intent.params ?? new Map();
+        const referrer = intentMessage.headers.get(MessageHeaders.AppSymbolicName);
+        const isHostProvider = Microfrontends.isHostProvider(capability);
+        const legacyTextNotification = isLegacyTextNotification(capability, intentMessage);
+        if (legacyTextNotification) {
+            params.set(eNOTIFICATION_MESSAGE_PARAM, command.content);
+        }
+        this._logger.debug(() => 'Handling microfrontend notification intent', LoggerNames.MICROFRONTEND, command);
+        this._notificationService.show(isHostProvider ? MicrofrontendHostComponent : MicrofrontendNotificationComponent, prune({
+            inputs: isHostProvider ? { params } : { capability, params, referrer },
+            providers: isHostProvider ? [provideActivatedMicrofrontend$3(capability, params, referrer)] : undefined,
             title: createRemoteTranslatable(command.title, { appSymbolicName: referrer }),
             severity: command.severity,
-            duration: isLegacyApi && typeof command.duration === 'number' ? command.duration * 1000 : command.duration,
-            group: command.group,
-            cssClass: command.cssClass,
+            duration: legacyTextNotification && typeof command.duration === 'number' ? command.duration * 1000 : command.duration,
+            group: command.group ? `${command.group}_${capabilityId}_${referrer}` : undefined, // Use distinct group name for different referrers and capabilities not to overwrite each other
+            groupInputReduceFn: groupParamsReducer ? createParamsReducerFn(groupParamsReducer) : undefined,
+            cssClass: Arrays.coerce(capability.properties.cssClass).concat(Arrays.coerce(command.cssClass)),
         }));
-    });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationIntentHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationIntentHandler });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationIntentHandler, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * Returns a function to reduce inputs by sending a request to passed topic.
+ */
+function createParamsReducerFn(reducerTopic) {
+    return async (prevInput, currInput) => {
+        const currParams = Object.fromEntries(currInput['params']);
+        const prevParams = Object.fromEntries(prevInput['params']);
+        const reducedParams = await firstValueFrom(Beans.get(MessageClient).request$(reducerTopic, { prevParams, currParams }, { retain: true }));
+        return { ...currInput, params: new Map(Object.entries(reducedParams.body ?? currParams)) };
+    };
+}
+/**
+ * Indicates whether the notification is opened by a legacy client.
+ *
+ * TODO [Angular 22] Remove with Angular 22. Used for backward compatiblity.
+ */
+function isLegacyTextNotification(capability, intentMessage) {
+    const isTextMessage = capability.properties[TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY] === TEXT_NOTIFICATION_CAPABILITY_IDENTITY;
+    return isTextMessage && !intentMessage.intent.params?.has(eNOTIFICATION_MESSAGE_PARAM);
 }
 /**
- * Provides a set of DI providers installing an intent handler to show text notifications.
+ * Provides {@link ActivatedMicrofrontend} for injection in the host microfrontend.
+ */
+function provideActivatedMicrofrontend$3(capability, params, referrer) {
+    return {
+        provide: ActivatedMicrofrontend,
+        useFactory: () => {
+            const notification = inject(ɵWorkbenchNotification);
+            const reducedParams = notification.inputs?.['params'];
+            // Create in notification's injection context to bind 'MicrofrontendNotification' to the notification's lifecycle.
+            return runInInjectionContext(notification.injector, () => new MicrofrontendHostNotification(notification, capability, reducedParams ?? params, referrer));
+        },
+    };
+}
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
  *
- * The notification capability is registered in {@link WorkbenchHostManifestInterceptor}.
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Provides the route for the built-in {@link WorkbenchNotificationCapability}.
  */
-function provideNotificationIntentHandler() {
+function provideMicrofrontendTextNotificationRoute() {
     return makeEnvironmentProviders([
-        provideMicrofrontendPlatformInitializer(() => installNotificationIntentHandler()),
+        {
+            provide: WORKBENCH_ROUTE,
+            useFactory: () => ({
+                path: '',
+                loadComponent: () => Promise.resolve().then(function () { return notificationTextMessage_component; }),
+                canMatch: [canMatchWorkbenchNotificationCapability({})],
+            }),
+            multi: true,
+        },
     ]);
 }
 
 /**
- * Intercepts the host manifest, registering the built-in text notification capability.
+ * Asserts notification capabilities to have required properties.
  */
-class MicrofrontendTextNotificationCapabilityProvider {
-    intercept(hostManifest) {
-        hostManifest.capabilities = [
-            ...hostManifest.capabilities ?? [],
-            provideBuiltInTextNotificationCapability(),
-        ];
+class MicrofrontendNotificationCapabilityValidator {
+    async intercept(capability) {
+        if (capability.type !== WorkbenchCapabilities.Notification) {
+            return capability;
+        }
+        const notificationCapability = capability;
+        // Assert capability other than the built-in text notification capability to have a qualifier.
+        if (!isBuiltinNotificationCapability(notificationCapability) && !Object.keys(notificationCapability.qualifier ?? {}).length) {
+            throw Error(`[NotificationDefinitionError] Notification capability requires a qualifier [app=${app$3(notificationCapability)}, notification=${qualifier$3(notificationCapability)}]`);
+        }
+        // Assert capability to have properties.
+        if (!notificationCapability.properties) {
+            throw Error(`[NotificationDefinitionError] Notification capability requires properties [app=${app$3(notificationCapability)}, notification=${qualifier$3(notificationCapability)}]`);
+        }
+        // Assert the notification capability to have a path, unless provided by the host application.
+        this.assertPath(notificationCapability);
+        // Assert the notification capability to have a height, unless provided by the host application.
+        this.assertSize(notificationCapability);
+        // Assert host notification capabilities not to define the "showSplash" property.
+        if (Microfrontends.isHostProvider(capability) && notificationCapability.properties.showSplash !== undefined) {
+            throw Error(`[NotificationDefinitionError] Property "showSplash" not supported for notification capabilities of the host application [app=${app$3(notificationCapability)}, notification=${qualifier$3(notificationCapability)}]`);
+        }
+        return capability;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider });
+    assertPath(capability) {
+        const path = capability.properties?.path;
+        if (Microfrontends.isHostProvider(capability)) {
+            if (path !== '') {
+                throw Error(`[NotificationDefinitionError] Notification capabilities of the host application require an empty path. [app=${app$3(capability)}, notification=${qualifier$3(capability)}]. Change the path '${path}' to empty and add 'canMatchWorkbenchNotificationCapability(${JSON.stringify(capability.qualifier)})' guard to the route.\n\nExample:\nCapability: { type: 'notification', qualifier: ${JSON.stringify(capability.qualifier)}, properties: {path: ''} }\nRoute: { path: '', canMatch: [canMatchWorkbenchNotificationCapability(${JSON.stringify(capability.qualifier)})], component: NotificationComponent }`);
+            }
+        }
+        else {
+            if (path === null || path == undefined) {
+                throw Error(`[NotificationDefinitionError] Notification capabilities require a path. [app=${app$3(capability)}, notification=${qualifier$3(capability)}]`);
+            }
+        }
+    }
+    assertSize(capability) {
+        if (Microfrontends.isHostProvider(capability)) {
+            return;
+        }
+        const size = capability.properties?.size;
+        if (!size?.height) {
+            throw Error(`[NotificationDefinitionError] Notification capability requires the 'size' property with a height [app=${app$3(capability)}, notification=${qualifier$3(capability)}]`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationCapabilityValidator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationCapabilityValidator });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendTextNotificationCapabilityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MicrofrontendNotificationCapabilityValidator, decorators: [{
             type: Injectable
         }] });
+function isBuiltinNotificationCapability(capability) {
+    return capability.properties?.[TEXT_NOTIFICATION_CAPABILITY_IDENTITY_PROPERTY] === TEXT_NOTIFICATION_CAPABILITY_IDENTITY;
+}
 /**
- * Provides the built-in notification capability to display text.
- *
- * @see MicrofrontendNotificationIntentHandler
+ * Returns the qualifier as string.
  */
-function provideBuiltInTextNotificationCapability() {
-    return {
-        type: WorkbenchCapabilities.Notification,
-        qualifier: {},
-        params: [
-            {
-                name: eNOTIFICATION_MESSAGE_PARAM,
-                required: false,
-                description: 'Text to display in the notification.',
-            },
-        ],
-        private: false,
-        description: 'Displays a text notification.',
-    };
+function qualifier$3(capability) {
+    return Objects.toMatrixNotation(capability.qualifier);
+}
+/**
+ * Returns the app symbolic name.
+ */
+function app$3(capability) {
+    return capability.metadata.appSymbolicName;
 }
 
 /*
- * Copyright (c) 2018-2025 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -18052,13 +18637,34 @@ function provideBuiltInTextNotificationCapability() {
  */
 function provideMicrofrontendNotification() {
     return makeEnvironmentProviders([
+        MicrofrontendNotificationCapabilityValidator,
         MicrofrontendTextNotificationCapabilityProvider,
-        provideNotificationIntentHandler(),
+        MicrofrontendNotificationIntentHandler,
+        provideWorkbenchNotificationContext(),
+        provideMicrofrontendTextNotificationRoute(),
         provideMicrofrontendPlatformInitializer(onPreStartup, { phase: MicrofrontendPlatformStartupPhase.PreStartup }),
     ]);
     function onPreStartup() {
         // Register built-in text notification capability in the host manifest.
         Beans.register(HostManifestInterceptor, { useValue: inject(MicrofrontendTextNotificationCapabilityProvider), multi: true });
+        // Register notification capability validator.
+        Beans.register(CapabilityInterceptor, { useValue: inject(MicrofrontendNotificationCapabilityValidator), multi: true });
+        // Register notification intent handler.
+        Beans.register(IntentInterceptor, { useValue: inject(MicrofrontendNotificationIntentHandler), multi: true });
+    }
+    /**
+     * Provides beans of @scion/workbench-client available for DI if in the context of a workbench notification.
+     */
+    function provideWorkbenchNotificationContext() {
+        return {
+            provide: WORKBENCH_NOTIFICATION_CONTEXT,
+            useFactory: () => [
+                { provide: WorkbenchDialogService$1, useFactory: () => new _WorkbenchDialogService(inject(WorkbenchNotification).id) },
+                { provide: WorkbenchMessageBoxService$1, useFactory: () => new _WorkbenchMessageBoxService(inject(WorkbenchNotification).id) },
+                { provide: WorkbenchPopupService$1, useFactory: () => new _WorkbenchPopupService(inject(WorkbenchNotification).id) },
+            ],
+            multi: true,
+        };
     }
 }
 
@@ -18707,15 +19313,19 @@ class TextMessageComponent {
         const { params, referrer } = inject(ActivatedMicrofrontend);
         const translatable = params().get(eMESSAGE_BOX_MESSAGE_PARAM);
         this.message = createRemoteTranslatable(translatable, { appSymbolicName: referrer() });
+        // Limit the maximum messagebox width to break the message.
+        inject(WorkbenchDialog).size.maxWidth = 'var(--sci-workbench-messagebox-max-width)';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TextMessageComponent, isStandalone: true, selector: "wb-text-message", ngImport: i0, template: "@if (message) {\n  {{(message | wbText)()}}\n}\n", styles: [":host{overflow-wrap:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"], dependencies: [{ kind: "pipe", type: TextPipe, name: "wbText" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: TextMessageComponent, isStandalone: true, selector: "wb-text-message", host: { properties: { "class.empty": "!message?.length" } }, ngImport: i0, template: "{{(message | wbText)()}}\n", styles: [":host{word-break:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}:host.empty{display:none}\n"], dependencies: [{ kind: "pipe", type: TextPipe, name: "wbText" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wb-text-message', imports: [
                         TextPipe,
-                    ], template: "@if (message) {\n  {{(message | wbText)()}}\n}\n", styles: [":host{overflow-wrap:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}\n"] }]
+                    ], host: {
+                        '[class.empty]': '!message?.length',
+                    }, template: "{{(message | wbText)()}}\n", styles: [":host{word-break:break-word;white-space:pre-line;text-align:var(--sci-workbench-messagebox-text-align)}:host.empty{display:none}\n"] }]
         }], ctorParameters: () => [] });
 /**
  * Property to identify the built-in text message box capability.
@@ -19902,6 +20512,7 @@ function provideWorkbench(config) {
         provideWorkbenchViewContext(),
         provideWorkbenchDialogContext(),
         provideWorkbenchPopupContext(),
+        provideWorkbenchNotificationContext(),
         provideWorkbenchMicrofrontendSupport(config),
     ]);
 }
@@ -19996,114 +20607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }] });
 
 /*
- * Copyright (c) 2018-2025 Swiss Federal Railways
- *
- * This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License 2.0
- * which is available at https://www.eclipse.org/legal/epl-2.0/
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-/**
- * TODO [Angular 22] Remove with Angular 22. Used for backward compatiblity.
- */
-class RemoveLegacyInputPipe {
-    transform(inputs) {
-        const inputsCopy = { ...inputs ?? {} };
-        delete inputsCopy[LEGACY_NOTIFICATION_INPUT]; // eslint-disable-line @typescript-eslint/no-dynamic-delete
-        return inputsCopy;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, isStandalone: true, name: "wbRemoveLegacyInput" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: RemoveLegacyInputPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'wbRemoveLegacyInput' }]
-        }] });
-
-/*
- * Copyright (c) 2018-2025 Swiss Federal Railways
- *
- * This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License 2.0
- * which is available at https://www.eclipse.org/legal/epl-2.0/
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-/**
- * Renders the content of a workbench notification.
- */
-class WorkbenchNotificationComponent {
-    notification = input.required({ ...(ngDevMode ? { debugName: "notification" } : {}) });
-    hover = signal(false, { ...(ngDevMode ? { debugName: "hover" } : {}) });
-    constructor() {
-        this.installAutoCloseTimer();
-    }
-    onMousedown(event) {
-        if (event.buttons === AUXILARY_MOUSE_BUTTON) {
-            this.notification().close();
-        }
-    }
-    onClose() {
-        this.notification().close();
-    }
-    /**
-     * Installs a timer to close the notification.
-     */
-    installAutoCloseTimer() {
-        effect(onCleanup => {
-            const duration = this.notification().duration();
-            const hover = this.hover();
-            if (hover) {
-                return;
-            }
-            untracked(() => {
-                const subscription = fromDuration$(duration).subscribe(() => this.notification().close());
-                onCleanup(() => subscription.unsubscribe());
-            });
-        });
-        function fromDuration$(duration) {
-            switch (duration) {
-                case 'short':
-                    return timer(7000);
-                case 'medium':
-                    return timer(15000);
-                case 'long':
-                    return timer(30000);
-                default:
-                    if (typeof duration === 'number') {
-                        return timer(duration);
-                    }
-                    return NEVER;
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: WorkbenchNotificationComponent, isStandalone: true, selector: "wb-notification", inputs: { notification: { classPropertyName: "notification", publicName: "notification", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "mouseenter": "hover.set(true)", "mouseleave": "hover.set(false)", "mousedown": "onMousedown($event)" }, properties: { "attr.data-notificationid": "notification().id", "attr.data-severity": "notification().severity()", "class": "notification().cssClass()" } }, ngImport: i0, template: "<div class=\"outline\">\n  <!-- Title -->\n  @if (notification().title(); as title) {\n    <header class=\"e2e-title\">{{(title | wbText)()}}</header>\n  }\n\n  <!-- Message -->\n  @if (notification().slot.text) {\n    <span class=\"e2e-message\">{{(notification().slot.text | wbText)()}}</span>\n  } @else {\n    <ng-container *ngComponentOutlet=\"notification().slot.component!; inputs: notification().inputs | wbRemoveLegacyInput; injector: notification().slot.injector\"/>\n  }\n</div>\n<button (click)=\"onClose()\"\n        [title]=\"('%workbench.close.tooltip' | wbText)()\"\n        class=\"close e2e-close\">\n  <wb-icon icon=\"workbench.close\"/>\n</button>\n", styles: [":host{display:grid;background-color:var(--sci-color-background-elevation);color:var(--sci-color-text);font-size:1rem;border-radius:var(--sci-corner);box-shadow:var(--sci-elevation) var(--sci-static-color-black);border-left:var(--sci-workbench-notification-severity-indicator-size) solid transparent;position:relative}:host[data-severity=info]{border-left-color:var(--sci-color-accent)}:host[data-severity=warn]{border-left-color:var(--sci-color-notice)}:host[data-severity=error]{border-left-color:var(--sci-color-negative)}:host>div.outline{border:1px solid var(--sci-color-border);border-left:none;padding:1em 1.5em;border-top-right-radius:var(--sci-corner);border-bottom-right-radius:var(--sci-corner);font-size:.9em;white-space:pre-line;overflow-wrap:break-word;overflow:hidden}:host>div.outline>header{font-weight:700;margin-bottom:.75em}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;top:.275em;right:.275em;padding:.125em;border-radius:var(--sci-corner-small)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "wb-icon", inputs: ["icon"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: TextPipe, name: "wbText" }, { kind: "pipe", type: RemoveLegacyInputPipe, name: "wbRemoveLegacyInput" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: WorkbenchNotificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'wb-notification', imports: [
-                        TextPipe,
-                        IconComponent,
-                        NgComponentOutlet,
-                        RemoveLegacyInputPipe,
-                    ], host: {
-                        '[attr.data-notificationid]': 'notification().id',
-                        '[attr.data-severity]': 'notification().severity()',
-                        '(mouseenter)': 'hover.set(true)',
-                        '(mouseleave)': 'hover.set(false)',
-                        '(mousedown)': 'onMousedown($event)',
-                        '[class]': 'notification().cssClass()',
-                    }, template: "<div class=\"outline\">\n  <!-- Title -->\n  @if (notification().title(); as title) {\n    <header class=\"e2e-title\">{{(title | wbText)()}}</header>\n  }\n\n  <!-- Message -->\n  @if (notification().slot.text) {\n    <span class=\"e2e-message\">{{(notification().slot.text | wbText)()}}</span>\n  } @else {\n    <ng-container *ngComponentOutlet=\"notification().slot.component!; inputs: notification().inputs | wbRemoveLegacyInput; injector: notification().slot.injector\"/>\n  }\n</div>\n<button (click)=\"onClose()\"\n        [title]=\"('%workbench.close.tooltip' | wbText)()\"\n        class=\"close e2e-close\">\n  <wb-icon icon=\"workbench.close\"/>\n</button>\n", styles: [":host{display:grid;background-color:var(--sci-color-background-elevation);color:var(--sci-color-text);font-size:1rem;border-radius:var(--sci-corner);box-shadow:var(--sci-elevation) var(--sci-static-color-black);border-left:var(--sci-workbench-notification-severity-indicator-size) solid transparent;position:relative}:host[data-severity=info]{border-left-color:var(--sci-color-accent)}:host[data-severity=warn]{border-left-color:var(--sci-color-notice)}:host[data-severity=error]{border-left-color:var(--sci-color-negative)}:host>div.outline{border:1px solid var(--sci-color-border);border-left:none;padding:1em 1.5em;border-top-right-radius:var(--sci-corner);border-bottom-right-radius:var(--sci-corner);font-size:.9em;white-space:pre-line;overflow-wrap:break-word;overflow:hidden}:host>div.outline>header{font-weight:700;margin-bottom:.75em}:host>button.close:is(button,#sci-reset){all:unset;display:inline-grid;place-content:center;place-items:center;padding:.25em;border-radius:var(--sci-corner);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:var(--sci-workbench-button-cursor)}:host>button.close:is(button,#sci-reset):hover:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-hover)}:host>button.close:is(button,#sci-reset):active:where(:not(:disabled)){background-color:var(--sci-workbench-button-background-color-active)}:host>button.close:is(button,#sci-reset):focus:not(:focus-visible){outline:none}:host>button.close:is(button,#sci-reset):focus-visible{outline:var(--sci-workbench-button-outline-width-focus) solid var(--sci-color-accent)}:host>button.close:is(button,#sci-reset):disabled{color:var(--sci-color-gray-500)}:host>button.close:is(button,#sci-reset){position:absolute;top:.275em;right:.275em;padding:.125em;border-radius:var(--sci-corner-small)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { notification: [{ type: i0.Input, args: [{ isSignal: true, alias: "notification", required: true }] }] } });
-/**
- * Indicates that the auxilary mouse button is pressed (usually the mouse wheel button or middle button).
- */
-const AUXILARY_MOUSE_BUTTON = 4;
-
-/*
- * Copyright (c) 2018-2022 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -20117,13 +20621,13 @@ const AUXILARY_MOUSE_BUTTON = 4;
 class NotificationListComponent {
     notifications = inject(WorkbenchNotificationRegistry).elements;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: NotificationListComponent, isStandalone: true, selector: "wb-notification-list", ngImport: i0, template: "@for (notification of notifications(); track notification.group || notification.id) {\n  <wb-notification [notification]=\"notification\"/>\n}\n", styles: [":host{display:flex;flex-flow:column wrap-reverse;gap:.5em;max-height:100%;align-items:flex-start;align-content:flex-start;pointer-events:none;margin:.5em}:host>wb-notification{pointer-events:auto;width:var(--sci-workbench-notification-width);max-width:100%;position:relative;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;left:100%}to{opacity:1;left:0}}\n"], dependencies: [{ kind: "component", type: WorkbenchNotificationComponent, selector: "wb-notification", inputs: ["notification"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: NotificationListComponent, isStandalone: true, selector: "wb-notification-list", ngImport: i0, template: "@for (notification of notifications(); track notification.group || notification.id) {\n  <div class=\"notification\">\n    <ng-container *wbPortalOutlet=\"notification.portal; destroyOnDetach: true\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-flow:column wrap-reverse;gap:.5em;max-height:100%;align-items:flex-start;align-content:flex-start;pointer-events:none;margin:.5em}:host>div.notification{pointer-events:auto;width:var(--sci-workbench-notification-width);max-width:100%;position:relative;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;left:100%}to{opacity:1;left:0}}\n"], dependencies: [{ kind: "directive", type: WorkbenchPortalOutletDirective, selector: "ng-template[wbPortalOutlet]", inputs: ["wbPortalOutlet", "wbPortalOutletDestroyOnDetach"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wb-notification-list', imports: [
-                        WorkbenchNotificationComponent,
-                    ], template: "@for (notification of notifications(); track notification.group || notification.id) {\n  <wb-notification [notification]=\"notification\"/>\n}\n", styles: [":host{display:flex;flex-flow:column wrap-reverse;gap:.5em;max-height:100%;align-items:flex-start;align-content:flex-start;pointer-events:none;margin:.5em}:host>wb-notification{pointer-events:auto;width:var(--sci-workbench-notification-width);max-width:100%;position:relative;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;left:100%}to{opacity:1;left:0}}\n"] }]
+                        WorkbenchPortalOutletDirective,
+                    ], template: "@for (notification of notifications(); track notification.group || notification.id) {\n  <div class=\"notification\">\n    <ng-container *wbPortalOutlet=\"notification.portal; destroyOnDetach: true\"/>\n  </div>\n}\n", styles: [":host{display:flex;flex-flow:column wrap-reverse;gap:.5em;max-height:100%;align-items:flex-start;align-content:flex-start;pointer-events:none;margin:.5em}:host>div.notification{pointer-events:auto;width:var(--sci-workbench-notification-width);max-width:100%;position:relative;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;left:100%}to{opacity:1;left:0}}\n"] }]
         }] });
 
 /*
@@ -20295,7 +20799,7 @@ class ActivityPanelComponent {
                 sash1: `${1 / (1 - ratio)}`,
                 sash2: `${1 / ratio}`,
             };
-        }, { equal: Objects$1.isEqual });
+        }, { equal: Objects.isEqual });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ActivityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ActivityPanelComponent, isStandalone: true, selector: "wb-activity-panel", inputs: { panel: { classPropertyName: "panel", publicName: "panel", isSignal: true, isRequired: true, transformFunction: null }, activityId1: { classPropertyName: "activityId1", publicName: "activityId1", isSignal: true, isRequired: true, transformFunction: null }, activityId2: { classPropertyName: "activityId2", publicName: "activityId2", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-panel": "panel()" } }, ngImport: i0, template: "@if (activityId1() && activityId2()) {\n  <sci-sashbox [direction]=\"direction()\" (sashStart)=\"onSashStart()\" (sashEnd)=\"onSashEnd($event)\">\n    <ng-template sciSash [size]=\"sashSizes().sash1\" key=\"sash1\">\n      <ng-container *ngTemplateOutlet=\"activity_template; context: {$implicit: activityId1()}\"/>\n    </ng-template>\n\n    <ng-template sciSash [size]=\"sashSizes().sash2\" key=\"sash2\">\n      <ng-container *ngTemplateOutlet=\"activity_template; context: {$implicit: activityId2()}\"/>\n    </ng-template>\n  </sci-sashbox>\n} @else if (activityId1()) {\n  <ng-container *ngTemplateOutlet=\"activity_template; context: {$implicit: activityId1()}\"/>\n} @else if (activityId2()) {\n  <ng-container *ngTemplateOutlet=\"activity_template; context: {$implicit: activityId2()}\"/>\n}\n\n<ng-template #activity_template let-activityId>\n  <wb-grid [grid]=\"layout().grids[activityId]!\"\n           [attr.data-grid]=\"activityId\"\n           [gridDropZone]=\"{\n             dropRegionSize: .15,\n             dropPlaceholderSize: .15,\n             dropZoneAttributes: {'data-grid': activityId},\n           }\"/>\n</ng-template>\n", styles: [":host{display:grid}:host>sci-sashbox{z-index:auto}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SciSashboxComponent, selector: "sci-sashbox", inputs: ["direction"], outputs: ["sashStart", "sashEnd"] }, { kind: "directive", type: SciSashDirective, selector: "ng-template[sciSash]", inputs: ["size", "minSize", "key", "animate"], exportAs: ["sciSash"] }, { kind: "component", type: GridComponent, selector: "wb-grid", inputs: ["grid", "gridDropZone"] }] });
@@ -20534,7 +21038,7 @@ function configureWorkbenchGlassPane() {
         },
         {
             provide: GLASS_PANE_OPTIONS,
-            useValue: { cssClass: 'e2e-workbench' },
+            useFactory: () => ({ cssClass: 'e2e-workbench' }),
         },
     ];
 }
@@ -21074,8 +21578,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 /**
  * Shows a notification.
  *
- * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered.
- * It informs about system events, task completion or errors. The severity indicates importance or urgency.
+ * A notification is a closable message displayed in the upper-right corner that disappears after a few seconds unless hovered or focused.
+ * It informs about system events, task completion, or errors. Severity indicates importance or urgency.
  *
  * Notifications can be grouped. Only the most recent notification within a group is displayed.
  *
@@ -21143,7 +21647,7 @@ function migrateGroupInputReduceFn(config) {
  */
 
 /*
- * Copyright (c) 2018-2022 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -21205,7 +21709,7 @@ class PopupConfig {
  */
 
 /*
- * Copyright (c) 2018-2025 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -21285,7 +21789,7 @@ class PopupConfig {
  */
 
 /*
- * Copyright (c) 2018-2023 Swiss Federal Railways
+ * Copyright (c) 2018-2026 Swiss Federal Railways
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -21311,5 +21815,5 @@ class PopupConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ActivatedMicrofrontend, IconComponent, LogAppender, LogLevel, Logger, LoggerName, MAIN_AREA, MAIN_AREA_INITIAL_PART_ID, MicrofrontendPlatformConfigLoader, MicrofrontendPlatformStartupPhase, Notification, NotificationService, Popup, PopupConfig, PopupService, TextPipe, VIEW_TAB_RENDERING_CONTEXT, WORKBENCH_DIALOG_CONTEXT, WORKBENCH_ID, WORKBENCH_PART_CONTEXT, WORKBENCH_POPUP_CONTEXT, WORKBENCH_POPUP_REFERRER, WORKBENCH_VIEW_CONTEXT, WorkbenchComponent, WorkbenchConfig, WorkbenchDesktopDirective, WorkbenchDialog, WorkbenchDialogActionDirective, WorkbenchDialogFooterDirective, WorkbenchDialogHeaderDirective, WorkbenchDialogService, WorkbenchLauncher, WorkbenchLayoutFactory, WorkbenchMessageBoxService, WorkbenchNotification, WorkbenchNotificationService, WorkbenchPart, WorkbenchPartActionDirective, WorkbenchPerspectiveData, WorkbenchPopup, WorkbenchPopupService, WorkbenchRouteData, WorkbenchRouter, WorkbenchRouterLinkDirective, WorkbenchService, WorkbenchStartup, WorkbenchStartupPhase, WorkbenchStorage, WorkbenchView, WorkbenchViewMenuItemDirective, canMatchWorkbenchDialogCapability, canMatchWorkbenchMessageBoxCapability, canMatchWorkbenchOutlet, canMatchWorkbenchPart, canMatchWorkbenchPartCapability, canMatchWorkbenchPerspective, canMatchWorkbenchPopupCapability, canMatchWorkbenchView, canMatchWorkbenchViewCapability, provideMicrofrontendPlatformInitializer, provideWorkbench, provideWorkbenchInitializer, text };
+export { ActivatedMicrofrontend, IconComponent, LogAppender, LogLevel, Logger, LoggerName, MAIN_AREA, MAIN_AREA_INITIAL_PART_ID, MicrofrontendPlatformConfigLoader, MicrofrontendPlatformStartupPhase, Notification, NotificationService, Popup, PopupConfig, PopupService, TextPipe, VIEW_TAB_RENDERING_CONTEXT, WORKBENCH_DIALOG_CONTEXT, WORKBENCH_ID, WORKBENCH_PART_CONTEXT, WORKBENCH_POPUP_CONTEXT, WORKBENCH_POPUP_REFERRER, WORKBENCH_VIEW_CONTEXT, WorkbenchComponent, WorkbenchConfig, WorkbenchDesktopDirective, WorkbenchDialog, WorkbenchDialogActionDirective, WorkbenchDialogFooterDirective, WorkbenchDialogHeaderDirective, WorkbenchDialogService, WorkbenchLauncher, WorkbenchLayoutFactory, WorkbenchMessageBoxService, WorkbenchNotification, WorkbenchNotificationService, WorkbenchPart, WorkbenchPartActionDirective, WorkbenchPerspectiveData, WorkbenchPopup, WorkbenchPopupService, WorkbenchRouteData, WorkbenchRouter, WorkbenchRouterLinkDirective, WorkbenchService, WorkbenchStartup, WorkbenchStartupPhase, WorkbenchStorage, WorkbenchView, WorkbenchViewMenuItemDirective, canMatchWorkbenchDialogCapability, canMatchWorkbenchMessageBoxCapability, canMatchWorkbenchNotificationCapability, canMatchWorkbenchOutlet, canMatchWorkbenchPart, canMatchWorkbenchPartCapability, canMatchWorkbenchPerspective, canMatchWorkbenchPopupCapability, canMatchWorkbenchView, canMatchWorkbenchViewCapability, provideMicrofrontendPlatformInitializer, provideWorkbench, provideWorkbenchInitializer, text };
 //# sourceMappingURL=scion-workbench.mjs.map