@scion/workbench 17.0.0-beta.7 → 17.0.0-beta.9

package/lib/view-dnd/view-drag.service.d.ts

@@ -1,6 +1,7 @@
 import { NgZone, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { UrlSegment } from '@angular/router';
+import { ViewId } from '../view/workbench-view.model';
 import { ClassListMap } from '../common/class-list';
 import * as i0 from "@angular/core";
 /**
@@ -81,8 +82,8 @@ export declare class ViewDragService implements OnDestroy {
      *
      * @param target - Specifies the element on which to subscribe for drag events.
      * @param options - Controls how to subscribe for drag events.
-     *        @property eventType - Filters for specified drag events; defaults to any event.
-     *        @property capture - Controls whether to subscribe for drag events in the capturing phase; defaults to `false`, i.e., `bubbling` phase.
+     * @param options.eventType - Filters for specified drag events; defaults to any event.
+     * @param options.capture - Controls whether to subscribe for drag events in the capturing phase; defaults to `false`, i.e., `bubbling` phase.
      */
     viewDrag$(target: Element | Window, options?: ViewDragEventListenerOptions): Observable<DragEvent>;
     /**
@@ -121,9 +122,11 @@ export interface ViewDragData {
      * Y-coordinate of the mouse pointer, relative to the view tab drag image.
      */
     viewTabPointerOffsetY: number;
-    viewId: string;
+    viewId: ViewId;
+    alternativeViewId?: string;
     viewTitle: string;
     viewUrlSegments: UrlSegment[];
+    navigationHint?: string;
     viewHeading: string;
     viewClosable: boolean;
     viewDirty: boolean;
@@ -144,8 +147,10 @@ export interface ViewMoveEvent {
  * Describes a view to be moved to another location.
  */
 export interface ViewMoveEventSource {
-    viewId: string;
+    viewId: ViewId;
     partId: string;
+    navigationHint?: string;
+    alternativeViewId?: string;
     viewUrlSegments: UrlSegment[];
     workbenchId: string;
     classList?: ClassListMap;

package/lib/view-dnd/view-drop-zone.directive.d.ts

@@ -18,7 +18,7 @@ export declare class ViewDropZoneDirective implements OnInit {
      */
     regions?: DropZoneRegion;
     /**
-     * Specifies CSS class(es) to be associated with the drop zone.
+     * Specifies CSS class(es) to add to the drop zone.
      */
     cssClass?: string | string[] | undefined;
     /**

package/lib/{workbench-module-config.d.ts → workbench-config.d.ts}

@@ -6,45 +6,29 @@ import { MicrofrontendPlatformConfigLoader } from './microfrontend-platform/micr
 import { WorkbenchLayoutFn, WorkbenchPerspectives } from './perspective/workbench-perspective.model';
 import { WorkbenchStorage } from './storage/workbench-storage';
 /**
- * Configures the SCION Workbench module.
+ * Configuration of the SCION Workbench.
  */
-export declare abstract class WorkbenchModuleConfig {
+export declare abstract class WorkbenchConfig {
     /**
-     * Allows customizing the appearance of a view tab by providing a custom view tab component.
-     *
-     * Inject {@link WorkbenchView} and {@link VIEW_TAB_CONTEXT} token into the component to get a reference to the view and the rendering context.
+     * Specifies the component to display a view tab, enabling custom design or functionality.
      *
+     * The component can inject {@link WorkbenchView} and {@link VIEW_TAB_RENDERING_CONTEXT} to get a reference to the view and the rendering context.
+     */
+    abstract viewTabComponent?: ComponentType<unknown>;
+    /**
+     * Specifies the component to display if no route matches the requested URL.
      *
-     * ---
-     * Example:
+     * This happens when navigating to a route that does not exist or when loading the application, and the routes have changed since the last use.
      *
-     * @Component(...)
-     * export class ViewTabContentComponent {
-     *   constructor(view: WorkbenchView, @Inject(VIEW_TAB_CONTEXT) context: ViewTabContext) {}
-     * }
+     * The component can inject {@link WorkbenchView} to get a reference to the view, e.g., to obtain the requested URL.
      */
-    abstract viewTabComponent?: ComponentType<any>;
+    abstract pageNotFoundComponent?: ComponentType<unknown>;
     /**
      * Controls which built-in menu items to display in the view context menu.
      */
     abstract viewMenuItems?: ViewMenuItemsConfig;
     /**
-     * Configures logging for the workbench.
-     */
-    abstract logging?: {
-        /**
-         * Sets the minimum severity level a log message must have in order to be logged. By default, if not specified, it is set to {@link LogLevel#INFO}.
-         *
-         * At runtime, you can change the minimum required log level by setting the `loglevel` query parameter.
-         */
-        logLevel?: LogLevel;
-        /**
-         * Registers log appenders to output log messages. Multiple appenders are allowed. By default, if not specified, log messages are written to the console.
-         */
-        logAppenders?: Type<LogAppender>[];
-    };
-    /**
-     * Allows configuring the workbench startup.
+     * Configures the workbench startup.
      *
      * The {@link WorkbenchLauncher} is used to start the workbench. During startup, it runs registered workbench initializers
      * and waits for them to complete. You can inject {@link WorkbenchStartup} to get notified when the startup is complete.
@@ -68,7 +52,7 @@ export declare abstract class WorkbenchModuleConfig {
          */
         launcher?: 'APP_INITIALIZER' | 'LAZY';
         /**
-         * The splash component to display when mounting the workbench root component `<wb-workbench>` to the DOM before the
+         * Specifies the component to display when mounting the workbench root component `<wb-workbench>` to the DOM before the
          * workbench startup has finished.
          *
          * Note that when launching the workbench in an Angular `APP_INITIALIZER`, no splash will display since the workbench
@@ -100,51 +84,10 @@ export declare abstract class WorkbenchModuleConfig {
      */
     abstract microfrontendPlatform?: MicrofrontendPlatformConfig | Type<MicrofrontendPlatformConfigLoader>;
     /**
-     *
      * Defines the workbench layout. Multiple layouts can be defined in the form of perspectives.
      * If not set, defaults to a layout with only a main area.
      *
-     * The workbench layout is a grid of parts. Parts are aligned relative to each other. A part is a stack of views. Content is
-     * displayed in views.
-     *
-     * The layout can be divided into a main and a peripheral area, with the main area as the primary place for opening views.
-     * The peripheral area arranges parts around the main area to provide navigation or context-sensitive assistance to support
-     * the user's workflow. Defining a main area is optional and recommended for applications requiring a dedicated and maximizable
-     * area for user interaction.
-     *
-     * Multiple layouts, called perspectives, are supported. Perspectives can be switched with one perspective active at a time.
-     * Perspectives share the same main area, if any.
-     *
-     *
-     * ## Example of a layout that has a main area and three parts in the peripheral area:
-     *
-     * ```plain
-     * +--------+----------------+
-     * |  top   |                |
-     * |  left  |                |
-     * |--------+   main area    |
-     * | bottom |                |
-     * |  left  |                |
-     * +--------+----------------+
-     * |          bottom         |
-     * +-------------------------+
-     * ```
-     *
-     * ```ts
-     * WorkbenchModule.forRoot({
-     *   layout: (factory: WorkbenchLayoutFactory) => factory
-     *     .addPart(MAIN_AREA)
-     *     .addPart('topLeft', {align: 'left', ratio: .25})
-     *     .addPart('bottomLeft', {relativeTo: 'topLeft', align: 'bottom', ratio: .5})
-     *     .addPart('bottom', {align: 'bottom', ratio: .3})
-     *     .addView('navigator', {partId: 'topLeft', activateView: true})
-     *     .addView('explorer', {partId: 'topLeft'})
-     *     .addView('repositories', {partId: 'bottomLeft', activateView: true})
-     *     .addView('console', {partId: 'bottom', activateView: true})
-     *     .addView('problems', {partId: 'bottom'})
-     *     .addView('search', {partId: 'bottom'})
-     * });
-     * ```
+     * See {@link WorkbenchLayoutFn} for more information and an example.
      */
     abstract layout?: WorkbenchLayoutFn | WorkbenchPerspectives;
     /**
@@ -166,6 +109,21 @@ export declare abstract class WorkbenchModuleConfig {
          */
         modalityScope?: 'workbench' | 'viewport';
     };
+    /**
+     * Configures logging for the workbench.
+     */
+    abstract logging?: {
+        /**
+         * Sets the minimum severity level a log message must have in order to be logged. By default, if not specified, it is set to {@link LogLevel#INFO}.
+         *
+         * At runtime, you can change the minimum required log level by setting the `loglevel` query parameter.
+         */
+        logLevel?: LogLevel;
+        /**
+         * Registers log appenders to output log messages. Multiple appenders are allowed. By default, if not specified, log messages are written to the console.
+         */
+        logAppenders?: Type<LogAppender>[];
+    };
 }
 /**
  * Controls which built-in menu items to display in the view context menu.

package/lib/workbench.component.d.ts

@@ -1,6 +1,6 @@
 import { OnDestroy, ViewContainerRef } from '@angular/core';
 import { WorkbenchLauncher, WorkbenchStartup } from './startup/workbench-launcher.service';
-import { WorkbenchModuleConfig } from './workbench-module-config';
+import { WorkbenchConfig } from './workbench-config';
 import { ComponentType } from '@angular/cdk/portal';
 import { Logger } from './logging';
 import * as i0 from "@angular/core";
@@ -29,7 +29,7 @@ export declare class WorkbenchComponent implements OnDestroy {
     protected whenViewContainersInjected: Promise<true>;
     protected set injectIframeHost(vcr: ViewContainerRef);
     protected set injectViewDropPlaceholderHost(vcr: ViewContainerRef);
-    constructor(workbenchModuleConfig: WorkbenchModuleConfig, _workbenchLauncher: WorkbenchLauncher, _logger: Logger, workbenchStartup: WorkbenchStartup);
+    constructor(workbenchConfig: WorkbenchConfig, _workbenchLauncher: WorkbenchLauncher, _logger: Logger, workbenchStartup: WorkbenchStartup);
     /**
      * Starts the SCION Workbench. Has no effect if already started, e.g., in an app initializer or route guard.
      */

package/lib/workbench.constants.d.ts

@@ -1,15 +1,9 @@
 import { InjectionToken } from '@angular/core';
 import { WorkbenchLayoutFn, WorkbenchPerspectives } from './perspective/workbench-perspective.model';
 /**
- * DI token to ensure `WorkbenchModule.forRoot()` is not used in a lazy context.
- */
-export declare const WORKBENCH_FORROOT_GUARD: InjectionToken<void>;
-/**
- * Prefix for views that are target of a primary route.
+ * Represents the id prefix of views.
  *
- * Views with an id that begins with the view prefix can be the target of any primary route. A primary route does not declare an outlet.
- * On the other hand, views with an id that does not begin with the view prefix can only be the target of secondary routes having the view
- * id as their target outlet.
+ * @see ViewId
  */
 export declare const VIEW_ID_PREFIX = "view.";
 /**
@@ -20,6 +14,10 @@ export declare const POPUP_ID_PREFIX = "popup.";
  * Represents the id prefix of dialogs.
  */
 export declare const DIALOG_ID_PREFIX = "dialog.";
+/**
+ * Represents the id prefix of message boxes.
+ */
+export declare const MESSAGE_BOX_ID_PREFIX = "messagebox.";
 /**
  * Name of the query parameter that contains the layout of the main area.
  */

package/lib/workbench.model.d.ts

@@ -3,17 +3,29 @@ import { ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';
 import { WorkbenchView } from './view/workbench-view.model';
 import { WorkbenchPart } from './part/workbench-part.model';
 /**
- * Lifecycle hook that is called when a view component is to be destroyed, and which is called before 'ngOnDestroy'.
+ * Guard that a view can implement to decide whether it can be closed.
  *
- * The return value controls whether destruction should be continued.
+ * The following example implements a `CanClose` guard that asks the user whether the view can be closed.
+ *
+ * ```ts
+ * class ViewComponent implements CanClose {
+ *
+ *   public async canClose(): Promise<boolean> {
+ *     const action = await inject(WorkbenchMessageBoxService).open('Do you want to close this view?', {
+ *       actions: {yes: 'Yes', no: 'No'},
+ *     });
+ *     return action === 'yes';
+ *   }
+ * }
+ * ```
  */
-export interface WorkbenchViewPreDestroy {
+export interface CanClose {
     /**
-     * Lifecycle hook which is called upon view destruction.
+     * Decides whether this view can be closed.
      *
-     * Return a falsy value to prevent view destruction, either as a boolean value or as an observable which emits a boolean value.
+     * This function can call `inject` to get any required dependencies.
      */
-    onWorkbenchViewPreDestroy(): Observable<boolean> | Promise<boolean> | boolean;
+    canClose(): Observable<boolean> | Promise<boolean> | boolean;
 }
 /**
  * Describes an action contributed to a part.
@@ -40,7 +52,7 @@ export interface WorkbenchPartAction {
      */
     canMatch?: CanMatchPartFn;
     /**
-     * Specifies CSS class(es) to be associated with the action, useful in end-to-end tests for locating it.
+     * Specifies CSS class(es) to add to the action, e.g., to locate the action in tests.
      */
     cssClass?: string | string[];
 }
@@ -83,7 +95,7 @@ export interface WorkbenchMenuItem {
      */
     isDisabled?: () => boolean;
     /**
-     * Specifies CSS class(es) to be added to the menu item, useful in end-to-end tests for locating the menu item.
+     * Specifies CSS class(es) to add to the menu item, e.g., to locate the menu item in tests.
      */
     cssClass?: string | string[];
 }

package/lib/workbench.module.d.ts

@@ -1,6 +1,5 @@
 import { ModuleWithProviders } from '@angular/core';
-import { WorkbenchService } from './workbench.service';
-import { WorkbenchModuleConfig } from './workbench-module-config';
+import { WorkbenchConfig } from './workbench-config';
 import * as i0 from "@angular/core";
 import * as i1 from "./workbench.component";
 import * as i2 from "./routing/workbench-router-link.directive";
@@ -20,11 +19,12 @@ import * as i4 from "./part/view-context-menu/view-menu.directive";
  * the user's workflow. Defining a main area is optional and recommended for applications requiring a dedicated and maximizable
  * area for user interaction.
  *
- * Multiple layouts, called perspectives, are supported. Perspectives can be switched with one perspective active at a time.
+ * Multiple layouts, called perspectives, are supported. Perspectives can be switched. Only one perspective is active at a time.
  * Perspectives share the same main area, if any.
+ *
+ * @deprecated since version 17.0.0-beta.8; Register SCION Workbench providers using `provideWorkbench` function and import standalone components and directives instead; API will be removed in a future release.
  */
 export declare class WorkbenchModule {
-    constructor(guard: any);
     /**
      * To manifest a dependency to the workbench module from the application module.
      *
@@ -40,12 +40,14 @@ export declare class WorkbenchModule {
      * })
      * export class AppModule { }
      * ```
+     *
+     * @deprecated since version 17.0.0-beta.8; Register SCION Workbench providers using `provideWorkbench` function and import standalone components and directives instead; API will be removed in a future release.
      */
     static forRoot(config?: WorkbenchModuleConfig): ModuleWithProviders<WorkbenchModule>;
     /**
      * To manifest a dependency to the workbench module from a feature module.
      *
-     * @deprecated since version 16.0.0-beta.1; Import {@link WorkbenchModule} or standalone directives directly; API will be removed in a future release.
+     * @deprecated since version 16.0.0-beta.1; use standalone workbench component and directives instead; API will be removed in a future release.
      *
      * TODO [#312]: Remove when fixed issue https://github.com/SchweizerischeBundesbahnen/scion-workbench/issues/312
      */
@@ -55,6 +57,9 @@ export declare class WorkbenchModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<WorkbenchModule>;
 }
 /**
- * @docs-private Not public API, intended for internal use only.
+ * Configuration of the SCION Workbench.
+ *
+ * @deprecated since version 17.0.0-beta.8; Register SCION Workbench providers using `provideWorkbench` function and import standalone workbench components and directives instead; API will be removed in a future release.
  */
-export declare function provideForRootGuard(workbenchService: WorkbenchService): any;
+export interface WorkbenchModuleConfig extends WorkbenchConfig {
+}

package/lib/workbench.provider.d.ts

@@ -0,0 +1,38 @@
+import { EnvironmentProviders } from '@angular/core';
+import { WorkbenchConfig } from './workbench-config';
+/**
+ * Enables and configures the SCION Workbench in an application, returning a set of dependency-injection providers to be registered in Angular.
+ *
+ * SCION Workbench enables the creation of Angular web applications that require a flexible layout to arrange content side-by-side
+ * or stacked, all personalizable by the user via drag & drop. This type of layout is ideal for applications with non-linear workflows,
+ * enabling users to work on content in parallel.
+ *
+ * The workbench layout is a grid of parts. Parts are aligned relative to each other. A part is a stack of views. Content is displayed in views.
+ *
+ * The layout can be divided into a main and a peripheral area, with the main area as the primary place for opening views.
+ * The peripheral area arranges parts around the main area to provide navigation or context-sensitive assistance to support
+ * the user's workflow. Defining a main area is optional and recommended for applications requiring a dedicated and maximizable
+ * area for user interaction.
+ *
+ * Multiple layouts, called perspectives, are supported. Perspectives can be switched. Only one perspective is active at a time.
+ * Perspectives share the same main area, if any.
+ *
+ * ---
+ * Usage:
+ *
+ * ```ts
+ * import {bootstrapApplication} from '@angular/platform-browser';
+ * import {provideRouter} from '@angular/router';
+ * import {provideAnimations} from '@angular/platform-browser/animations';
+ * import {provideWorkbench} from '@scion/workbench';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideWorkbench(),
+ *     provideRouter([]), // required by the SCION Workbench
+ *     provideAnimations(), // required by the SCION Workbench
+ *   ],
+ * });
+ * ```
+ */
+export declare function provideWorkbench(config?: WorkbenchConfig): EnvironmentProviders;

package/lib/workbench.service.d.ts

@@ -1,9 +1,10 @@
 import { Observable } from 'rxjs';
 import { Disposable } from './common/disposable';
 import { WorkbenchMenuItemFactoryFn, WorkbenchPartAction, WorkbenchTheme } from './workbench.model';
-import { WorkbenchView } from './view/workbench-view.model';
+import { ViewId, WorkbenchView } from './view/workbench-view.model';
 import { WorkbenchPerspective, WorkbenchPerspectiveDefinition } from './perspective/workbench-perspective.model';
 import { WorkbenchPart } from './part/workbench-part.model';
+import { WorkbenchLayout } from './layout/workbench-layout';
 import * as i0 from "@angular/core";
 /**
  * The central class of the SCION Workbench.
@@ -19,10 +20,25 @@ import * as i0 from "@angular/core";
  * the user's workflow. Defining a main area is optional and recommended for applications requiring a dedicated and maximizable
  * area for user interaction.
  *
- * Multiple layouts, called perspectives, are supported. Perspectives can be switched with one perspective active at a time.
+ * Multiple layouts, called perspectives, are supported. Perspectives can be switched. Only one perspective is active at a time.
  * Perspectives share the same main area, if any.
  */
 export declare abstract class WorkbenchService {
+    /**
+     * Returns the current {@link WorkbenchLayout}.
+     *
+     * The layout is an immutable object. Modifications have no side effects. The layout can be modified using {@link WorkbenchRouter.navigate}.
+     */
+    abstract readonly layout: WorkbenchLayout;
+    /**
+     * Emits the current {@link WorkbenchLayout}.
+     *
+     * Upon subscription, emits the current workbench layout, and then emits continuously
+     * when the layout changes. It never completes.
+     *
+     * The layout is an immutable object. Modifications have no side effects. The layout can be modified using {@link WorkbenchRouter.navigate}.
+     */
+    abstract readonly layout$: Observable<WorkbenchLayout>;
     /**
      * Perspectives registered with the workbench.
      */
@@ -30,7 +46,7 @@ export declare abstract class WorkbenchService {
     /**
      * Emits the perspectives registered with the workbench.
      *
-     * Upon subscription, the currently registered perspectives are emitted, and then emits continuously
+     * Upon subscription, emits registered perspectives, and then emits continuously
      * when new perspectives are registered or existing perspectives unregistered. It never completes.
      */
     abstract readonly perspectives$: Observable<readonly WorkbenchPerspective[]>;
@@ -55,40 +71,48 @@ export declare abstract class WorkbenchService {
     abstract resetPerspective(): Promise<void>;
     /**
      * Parts in the workbench layout.
+     *
+     * Each {@link WorkbenchPart} object represents a part in the workbench layout that can be interacted with.
      */
     abstract readonly parts: readonly WorkbenchPart[];
     /**
      * Emits the parts in the workbench layout.
      *
-     * Upon subscription, the current parts are emitted, and then emits continuously
+     * Upon subscription, emits parts contained in the layout, and then emits continuously
      * when new parts are added or existing parts removed. It never completes.
      */
     abstract readonly parts$: Observable<readonly WorkbenchPart[]>;
     /**
      * Returns a reference to the specified {@link WorkbenchPart}, or `null` if not found.
+     *
+     * A {@link WorkbenchPart} object represents a part in the workbench layout that can be interacted with.
      */
     abstract getPart(partId: string): WorkbenchPart | null;
     /**
-     * Views opened in the workbench.
+     * Views in the workbench layout.
+     *
+     * Each {@link WorkbenchView} object represents a view in the workbench layout that can be interacted with.
      */
     abstract readonly views: readonly WorkbenchView[];
     /**
      * Emits the views opened in the workbench.
      *
-     * Upon subscription, the currently opened views are emitted, and then emits continuously
+     * Upon subscription, emits views contained in the layout, and then emits continuously
      * when new views are opened or existing views closed. It never completes.
      */
     abstract readonly views$: Observable<readonly WorkbenchView[]>;
     /**
      * Returns a reference to the specified {@link WorkbenchView}, or `null` if not found.
+     *
+     * A {@link WorkbenchView} object represents a view in the workbench layout that can be interacted with.
      */
-    abstract getView(viewId: string): WorkbenchView | null;
+    abstract getView(viewId: ViewId): WorkbenchView | null;
     /**
      * Closes the specified workbench views.
      *
      * Note: This instruction runs asynchronously via URL routing.
      */
-    abstract closeViews(...viewIds: string[]): Promise<boolean>;
+    abstract closeViews(...viewIds: ViewId[]): Promise<boolean>;
     /**
      * Contributes an action to a part's action bar.
      *

package/lib//311/265workbench.service.d.ts

@@ -13,6 +13,9 @@ import { ɵWorkbenchPerspective } from './perspective/ɵworkbench-perspective.mo
 import { WorkbenchPerspectiveRegistry } from './perspective/workbench-perspective.registry';
 import { WorkbenchPartActionRegistry } from './part/workbench-part-action.registry';
 import { WorkbenchThemeSwitcher } from './theme/workbench-theme-switcher.service';
+import { ViewId } from './view/workbench-view.model';
+import { ɵWorkbenchLayout } from './layout/ɵworkbench-layout';
+import { WorkbenchLayoutService } from './layout/workbench-layout.service';
 import * as i0 from "@angular/core";
 export declare class ɵWorkbenchService implements WorkbenchService {
     private _workbenchRouter;
@@ -21,13 +24,16 @@ export declare class ɵWorkbenchService implements WorkbenchService {
     private _partActionRegistry;
     private _viewRegistry;
     private _perspectiveService;
+    private _layoutService;
     private _workbenchThemeSwitcher;
+    readonly layout$: Observable<ɵWorkbenchLayout>;
     readonly perspectives$: Observable<readonly ɵWorkbenchPerspective[]>;
     readonly parts$: Observable<readonly ɵWorkbenchPart[]>;
     readonly views$: Observable<readonly ɵWorkbenchView[]>;
     readonly theme$: Observable<WorkbenchTheme | null>;
     readonly viewMenuItemProviders$: BehaviorSubject<WorkbenchMenuItemFactoryFn[]>;
-    constructor(_workbenchRouter: WorkbenchRouter, _perspectiveRegistry: WorkbenchPerspectiveRegistry, _partRegistry: WorkbenchPartRegistry, _partActionRegistry: WorkbenchPartActionRegistry, _viewRegistry: WorkbenchViewRegistry, _perspectiveService: WorkbenchPerspectiveService, _workbenchThemeSwitcher: WorkbenchThemeSwitcher);
+    constructor(_workbenchRouter: WorkbenchRouter, _perspectiveRegistry: WorkbenchPerspectiveRegistry, _partRegistry: WorkbenchPartRegistry, _partActionRegistry: WorkbenchPartActionRegistry, _viewRegistry: WorkbenchViewRegistry, _perspectiveService: WorkbenchPerspectiveService, _layoutService: WorkbenchLayoutService, _workbenchThemeSwitcher: WorkbenchThemeSwitcher);
+    get layout(): ɵWorkbenchLayout;
     /** @inheritDoc */
     get perspectives(): readonly ɵWorkbenchPerspective[];
     /** @inheritDoc */
@@ -39,7 +45,7 @@ export declare class ɵWorkbenchService implements WorkbenchService {
     /** @inheritDoc */
     get views(): readonly ɵWorkbenchView[];
     /** @inheritDoc */
-    getView(viewId: string): ɵWorkbenchView | null;
+    getView(viewId: ViewId): ɵWorkbenchView | null;
     /** @inheritDoc */
     registerPerspective(perspective: WorkbenchPerspectiveDefinition): Promise<void>;
     /** @inheritDoc */
@@ -47,7 +53,7 @@ export declare class ɵWorkbenchService implements WorkbenchService {
     /** @inheritDoc */
     resetPerspective(): Promise<void>;
     /** @inheritDoc */
-    closeViews(...viewIds: string[]): Promise<boolean>;
+    closeViews(...viewIds: ViewId[]): Promise<boolean>;
     /** @inheritDoc */
     registerPartAction(action: WorkbenchPartAction): Disposable;
     /** @inheritDoc */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scion/workbench",
-  "version": "17.0.0-beta.7",
+  "version": "17.0.0-beta.9",
   "description": "SCION Workbench enables the creation of Angular web applications that require a flexible layout to arrange content side-by-side or stacked, all personalizable by the user via drag & drop.",
   "license": "EPL-2.0",
   "private": false,
@@ -30,16 +30,16 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/animations": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@angular/common": "^17.0.6",
+    "@angular/core": "^17.0.6",
+    "@angular/cdk": "^17.0.6",
+    "@angular/animations": "^17.0.6",
+    "@angular/forms": "^17.0.6",
+    "@angular/router": "^17.0.6",
     "@scion/components": "^17.0.0",
     "@scion/toolkit": "^1.4.0",
     "@scion/microfrontend-platform": "^1.2.1",
-    "@scion/workbench-client": "^1.0.0-beta.21",
+    "@scion/workbench-client": "^1.0.0-beta.23",
     "rxjs": "^7.8.0"
   },
   "peerDependenciesMeta": {

package/esm2022/lib/layout/migration/workbench-layout-migrator.service.mjs

@@ -1,38 +0,0 @@
-/*
- * Copyright (c) 2018-2023 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
- */
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./workbench-layout-v1-migrator.service";
-/**
- * Migrates a workbench layout to the latest version.
- */
-export class WorkbenchLayoutMigrator {
-    constructor(_workbenchLayoutV1Migrator) {
-        this._workbenchLayoutV1Migrator = _workbenchLayoutV1Migrator;
-    }
-    /**
-     * Migrates a workbench layout to the latest version.
-     */
-    migrate(version, json) {
-        switch (version) {
-            case 1:
-                return this._workbenchLayoutV1Migrator.migrate(json);
-            default:
-                throw Error(`[WorkbenchLayoutError] Unsupported workbench layout version. Unable to migrate to the latest version. [version=${version}, layout=${json}]`);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: WorkbenchLayoutMigrator, deps: [{ token: i1.WorkbenchLayoutV1Migrator }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: WorkbenchLayoutMigrator, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: WorkbenchLayoutMigrator, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.WorkbenchLayoutV1Migrator }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2JlbmNoLWxheW91dC1taWdyYXRvci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vd29ya2JlbmNoL3NyYy9saWIvbGF5b3V0L21pZ3JhdGlvbi93b3JrYmVuY2gtbGF5b3V0LW1pZ3JhdG9yLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7O0dBUUc7QUFFSCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFHekM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sdUJBQXVCO0lBRWxDLFlBQW9CLDBCQUFxRDtRQUFyRCwrQkFBMEIsR0FBMUIsMEJBQTBCLENBQTJCO0lBQ3pFLENBQUM7SUFFRDs7T0FFRztJQUNJLE9BQU8sQ0FBQyxPQUFlLEVBQUUsSUFBWTtRQUMxQyxRQUFRLE9BQU8sRUFBRTtZQUNmLEtBQUssQ0FBQztnQkFDSixPQUFPLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkQ7Z0JBQ0UsTUFBTSxLQUFLLENBQUMsa0hBQWtILE9BQU8sWUFBWSxJQUFJLEdBQUcsQ0FBQyxDQUFDO1NBQzdKO0lBQ0gsQ0FBQzs4R0FmVSx1QkFBdUI7a0hBQXZCLHVCQUF1QixjQURYLE1BQU07OzJGQUNsQix1QkFBdUI7a0JBRG5DLFVBQVU7bUJBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDIzIFN3aXNzIEZlZGVyYWwgUmFpbHdheXNcbiAqXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlXG4gKiBhdmFpbGFibGUgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMFxuICogd2hpY2ggaXMgYXZhaWxhYmxlIGF0IGh0dHBzOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAvXG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcbiAqL1xuXG5pbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtXb3JrYmVuY2hMYXlvdXRWMU1pZ3JhdG9yfSBmcm9tICcuL3dvcmtiZW5jaC1sYXlvdXQtdjEtbWlncmF0b3Iuc2VydmljZSc7XG5cbi8qKlxuICogTWlncmF0ZXMgYSB3b3JrYmVuY2ggbGF5b3V0IHRvIHRoZSBsYXRlc3QgdmVyc2lvbi5cbiAqL1xuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46ICdyb290J30pXG5leHBvcnQgY2xhc3MgV29ya2JlbmNoTGF5b3V0TWlncmF0b3Ige1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3dvcmtiZW5jaExheW91dFYxTWlncmF0b3I6IFdvcmtiZW5jaExheW91dFYxTWlncmF0b3IpIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBNaWdyYXRlcyBhIHdvcmtiZW5jaCBsYXlvdXQgdG8gdGhlIGxhdGVzdCB2ZXJzaW9uLlxuICAgKi9cbiAgcHVibGljIG1pZ3JhdGUodmVyc2lvbjogbnVtYmVyLCBqc29uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAodmVyc2lvbikge1xuICAgICAgY2FzZSAxOlxuICAgICAgICByZXR1cm4gdGhpcy5fd29ya2JlbmNoTGF5b3V0VjFNaWdyYXRvci5taWdyYXRlKGpzb24pO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgdGhyb3cgRXJyb3IoYFtXb3JrYmVuY2hMYXlvdXRFcnJvcl0gVW5zdXBwb3J0ZWQgd29ya2JlbmNoIGxheW91dCB2ZXJzaW9uLiBVbmFibGUgdG8gbWlncmF0ZSB0byB0aGUgbGF0ZXN0IHZlcnNpb24uIFt2ZXJzaW9uPSR7dmVyc2lvbn0sIGxheW91dD0ke2pzb259XWApO1xuICAgIH1cbiAgfVxufVxuIl19