oip-common 0.6.6 → 0.7.0

package/fesm2022/oip-common.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, computed, effect, isDevMode, DestroyRef, ChangeDetectorRef, Component, Input, InjectionToken, PLATFORM_ID, ViewChild, HostBinding, EventEmitter, Output, Renderer2, SecurityContext, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
+import { Injectable, inject, signal, computed, effect, isDevMode, DestroyRef, ChangeDetectorRef, Component, Input, InjectionToken, PLATFORM_ID, ViewChild, HostBinding, EventEmitter, Output, untracked, Renderer2, SecurityContext, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subject, BehaviorSubject, of, tap, shareReplay, ReplaySubject, firstValueFrom, from, filter as filter$1 } from 'rxjs';
 import * as i2$1 from 'primeng/api';
@@ -8,7 +8,7 @@ import { HttpErrorResponse, HttpClient as HttpClient$1, provideHttpClient, withI
 import * as i1$7 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe, TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import * as i1$5 from '@angular/router';
-import { Router, ActivatedRoute, RouterModule, NavigationEnd, RouterLinkActive, RouterLink } from '@angular/router';
+import { Router, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, NavigationSkipped, ActivatedRoute, RouterModule, RouterLinkActive, RouterLink } from '@angular/router';
 import { tap as tap$1, catchError, filter, distinctUntilChanged, switchMap, map, take } from 'rxjs/operators';
 import { Title, DomSanitizer } from '@angular/platform-browser';
 import { PrimeNG } from 'primeng/config';
@@ -26,8 +26,6 @@ import * as i3$3 from 'primeng/styleclass';
 import { StyleClassModule } from 'primeng/styleclass';
 import { updatePreset, updateSurfacePalette, $t, definePreset } from '@primeng/themes';
 import Aura from '@primeng/themes/aura';
-import Lara from '@primeng/themes/lara';
-import Nora from '@primeng/themes/nora';
 import * as i3 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { Tabs, TabList, Tab } from 'primeng/tabs';
@@ -41,7 +39,7 @@ import { PaginatorModule } from 'primeng/paginator';
 import * as i7 from 'primeng/popover';
 import { Popover, PopoverModule } from 'primeng/popover';
 import * as i4 from 'primeng/progressspinner';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import { ProgressSpinnerModule, ProgressSpinner } from 'primeng/progressspinner';
 import * as i9 from 'primeng/tag';
 import { Tag, TagModule } from 'primeng/tag';
 import * as signalR from '@microsoft/signalr';
@@ -546,7 +544,7 @@ var msgService$1 = {
 	secondary: "Secondary"
 };
 var primeng$1 = "";
-var en$h = {
+var en$j = {
 	msgService: msgService$1,
 	primeng: primeng$1
 };
@@ -750,7 +748,7 @@ var primeng = {
 		zoomOut: "Уменьшить"
 	}
 };
-var ru$h = {
+var ru$j = {
 	msgService: msgService,
 	primeng: primeng
 };
@@ -759,7 +757,7 @@ var ru$h = {
  * Global dictionaries shared by all components. They are bundled with the library,
  * so the application never requests `assets/i18n/{lang}.json`.
  */
-const globalTranslations = { en: en$h, ru: ru$h };
+const globalTranslations = { en: en$j, ru: ru$j };
 /**
  * Service for managing translation loading in the application
  */
@@ -1378,13 +1376,94 @@ function collectKeyPaths(value, prefix = '', paths = new Set()) {
     return paths;
 }
 
+/**
+ * Tracks whether the application is switching between modules.
+ *
+ * Two sources feed the state:
+ * - router navigation, from `NavigationStart` until the navigation ends, is cancelled or fails;
+ * - explicit work registered with {@link begin}/{@link end} or {@link track}, which covers everything
+ *   running after `NavigationEnd`: module instance rights, settings and extension loading.
+ *
+ * The UI blocker rendered by the layout observes {@link loading}.
+ */
+class ModuleLoadingService {
+    /** Releases a stuck blocker when a caller never balances its `begin()`. */
+    static { this.watchdogTimeoutMs = 30_000; }
+    constructor() {
+        this.router = inject(Router);
+        this.navigating = signal(false, ...(ngDevMode ? [{ debugName: "navigating" }] : []));
+        this.pending = signal(0, ...(ngDevMode ? [{ debugName: "pending" }] : []));
+        /** True while a module transition is in progress. */
+        this.loading = computed(() => this.navigating() || this.pending() > 0, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.router.events.pipe(takeUntilDestroyed()).subscribe((event) => {
+            if (event instanceof NavigationStart) {
+                this.navigating.set(true);
+            }
+            else if (event instanceof NavigationEnd ||
+                event instanceof NavigationCancel ||
+                event instanceof NavigationError ||
+                event instanceof NavigationSkipped) {
+                this.navigating.set(false);
+            }
+        });
+    }
+    /**
+     * Registers one unit of loading work. Every call must be balanced with {@link end},
+     * preferably from a `finally` block. Prefer {@link track} when the work is a promise.
+     */
+    begin() {
+        this.pending.update((count) => count + 1);
+        this.armWatchdog();
+    }
+    /** Releases one unit of loading work registered with {@link begin}. */
+    end() {
+        this.pending.update((count) => Math.max(0, count - 1));
+        this.armWatchdog();
+    }
+    /**
+     * Blocks the UI until `work` settles, and keeps the blocker released when it rejects.
+     *
+     * @example
+     * await this.moduleLoading.track(this.reloadModuleInstance());
+     */
+    async track(work) {
+        this.begin();
+        try {
+            return await work;
+        }
+        finally {
+            this.end();
+        }
+    }
+    armWatchdog() {
+        if (this.watchdogHandle != null) {
+            clearTimeout(this.watchdogHandle);
+            this.watchdogHandle = undefined;
+        }
+        if (this.pending() === 0) {
+            return;
+        }
+        this.watchdogHandle = setTimeout(() => {
+            this.watchdogHandle = undefined;
+            console.warn(`[ModuleLoadingService] Loading work did not finish within ${ModuleLoadingService.watchdogTimeoutMs}ms, releasing the UI blocker.`);
+            this.pending.set(0);
+        }, ModuleLoadingService.watchdogTimeoutMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleLoadingService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleLoadingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 var baseComponent$1 = {
 	content: "Content",
 	settings: "Settings",
 	security: "Security",
 	success: "Saved successfully"
 };
-var en$g = {
+var en$i = {
 	baseComponent: baseComponent$1
 };
 
@@ -1394,7 +1473,7 @@ var baseComponent = {
 	security: "Безопасность",
 	success: "Сохранено"
 };
-var ru$g = {
+var ru$i = {
 	baseComponent: baseComponent
 };
 
@@ -1471,6 +1550,7 @@ class BaseModuleComponent {
         this.securitySettings = [];
         this.destroyRef = inject(DestroyRef);
         this.securityService = inject(SecurityService);
+        this.moduleLoadingService = inject(ModuleLoadingService);
         this.httpClient = inject(HttpClient);
         /**
          * Provide access to app settings
@@ -1529,7 +1609,7 @@ class BaseModuleComponent {
          * @type {Subject<TLocalStoreSettings>}
          */
         this.localSettingsUpdate = new Subject();
-        this.baseTranslations = provideTranslations({ en: en$g, ru: ru$g });
+        this.baseTranslations = provideTranslations({ en: en$i, ru: ru$i });
         this.l10nService = inject(L10nService);
         this.canRead = false;
         this.canEdit = false;
@@ -1757,7 +1837,8 @@ class BaseModuleComponent {
         });
     }
     async reloadModuleInstance() {
-        this.moduleInstanceReloadPromise = this.moduleInstanceReloadPromise.then(async () => {
+        // Blocks the UI for the whole bootstrap: router navigation has already ended by the time it runs.
+        this.moduleInstanceReloadPromise = this.moduleInstanceReloadPromise.then(() => this.moduleLoadingService.track((async () => {
             // Rights first: the backend rejects settings and data requests without the read right.
             await this.watchSecurityRights();
             if (!this.canRead) {
@@ -1765,7 +1846,7 @@ class BaseModuleComponent {
             }
             await this.getSettings();
             await this.onModuleInstanceChange();
-        });
+        })()));
         await this.moduleInstanceReloadPromise;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseModuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1829,7 +1910,7 @@ var securityComponent$1 = {
 	savedSecurity: "Security settings saved",
 	selectRoles: "Select roles"
 };
-var en$f = {
+var en$h = {
 	securityComponent: securityComponent$1
 };
 
@@ -1839,13 +1920,13 @@ var securityComponent = {
 	savedSecurity: "Настройки сохранены",
 	selectRoles: "Выберите роли"
 };
-var ru$f = {
+var ru$h = {
 	securityComponent: securityComponent
 };
 
 class SecurityComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$f, ru: ru$f });
+        this.translations = provideTranslations({ en: en$h, ru: ru$h });
         this.msgService = inject(MsgService);
         this.translateService = inject(TranslateService);
         this.httpClient = inject(HttpClient);
@@ -2014,7 +2095,7 @@ const APP_THEME_PRESETS_MERGE_MODE = new InjectionToken('APP_THEME_PRESETS_MERGE
     factory: () => 'mergeWithDefaults'
 });
 
-var en$e = {
+var en$g = {
 	"app-configurator": {
 	primary: "Primary",
 	surface: "Surface",
@@ -2025,7 +2106,7 @@ var en$e = {
 }
 };
 
-var ru$e = {
+var ru$g = {
 	"app-configurator": {
 	primary: "Основной",
 	surface: "Фон",
@@ -2036,11 +2117,19 @@ var ru$e = {
 }
 };
 
+/**
+ * Aura stays eager: it is the fallback preset and its primitive palette backs the color swatches
+ * shown before any other preset is resolved. Lara and Nora are loaded on demand, which keeps roughly
+ * 300 KB out of the initial bundle for applications that never switch away from the default theme.
+ */
 const DEFAULT_THEME_PRESETS = [
     { id: 'Aura', label: 'Aura', preset: Aura },
-    { id: 'Lara', label: 'Lara', preset: Lara },
-    { id: 'Nora', label: 'Nora', preset: Nora }
+    { id: 'Lara', label: 'Lara', preset: () => import('@primeng/themes/lara').then((m) => m.default) },
+    { id: 'Nora', label: 'Nora', preset: () => import('@primeng/themes/nora').then((m) => m.default) }
 ];
+function isPresetLoader(preset) {
+    return typeof preset === 'function';
+}
 const PRIMARY_COLORS = [
     'emerald',
     'green',
@@ -2061,7 +2150,7 @@ const PRIMARY_COLORS = [
 ];
 class AppConfiguratorComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$e, ru: ru$e });
+        this.translations = provideTranslations({ en: en$g, ru: ru$g });
         this.router = inject(Router);
         this.config = inject(PrimeNG);
         this.layoutService = inject(LayoutService);
@@ -2072,6 +2161,14 @@ class AppConfiguratorComponent {
         this.themePresets = this.getThemePresets();
         this.themePresetsMap = new Map(this.themePresets.map((theme) => [theme.id, theme]));
         this.defaultThemePreset = this.themePresets[0] ?? DEFAULT_THEME_PRESETS[0];
+        /**
+         * Presets resolved so far, keyed by theme id. Seeded with the eagerly provided ones and filled in
+         * as loaders resolve; it is a signal so the color swatches recompute once a preset arrives.
+         */
+        this.resolvedPresets = signal(new Map(this.themePresets
+            .filter((theme) => !isPresetLoader(theme.preset))
+            .map((theme) => [theme.id, theme.preset])), ...(ngDevMode ? [{ debugName: "resolvedPresets" }] : []));
+        this.pendingPresets = new Map();
         this.fallbackPrimaryColors = (DEFAULT_THEME_PRESETS[0].preset.primitive ?? {});
         this.presets = this.themePresets.map((theme) => ({ label: theme.label ?? theme.id, value: theme.id }));
         this.showMenuModeButton = signal(!this.router.url.includes('auth'), ...(ngDevMode ? [{ debugName: "showMenuModeButton" }] : []));
@@ -2235,7 +2332,7 @@ class AppConfiguratorComponent {
     ngOnInit() {
         if (isPlatformBrowser(this.platformId)) {
             const presetId = this.ensureValidThemeId(this.layoutService.layoutConfig().preset);
-            this.onPresetChange(presetId);
+            void this.onPresetChange(presetId);
         }
     }
     getPresetExt() {
@@ -2385,13 +2482,46 @@ class AppConfiguratorComponent {
     getThemeById(themeId) {
         return this.themePresetsMap.get(themeId ?? '') ?? this.defaultThemePreset;
     }
+    /**
+     * The preset of a theme, or `undefined` while its loader is still in flight.
+     */
+    getResolvedPreset(theme) {
+        return isPresetLoader(theme.preset) ? this.resolvedPresets().get(theme.id) : theme.preset;
+    }
+    /**
+     * Resolves a theme preset, running its loader at most once and caching the result.
+     * A failed load falls back to the default preset so the configurator stays usable.
+     */
+    async loadPreset(theme) {
+        const resolved = this.getResolvedPreset(theme);
+        if (resolved) {
+            return resolved;
+        }
+        const pending = this.pendingPresets.get(theme.id);
+        if (pending) {
+            return pending;
+        }
+        const load = theme.preset()
+            .then((preset) => {
+            this.resolvedPresets.update((presets) => new Map(presets).set(theme.id, preset));
+            return preset;
+        })
+            .catch((error) => {
+            console.error(`[AppConfigurator] Failed to load theme preset "${theme.id}".`, error);
+            return this.getResolvedPreset(this.defaultThemePreset) ?? Aura;
+        })
+            .finally(() => this.pendingPresets.delete(theme.id));
+        this.pendingPresets.set(theme.id, load);
+        return load;
+    }
     getPrimaryColorOptions(activeThemePreset) {
         if (activeThemePreset.primaryColors) {
             return Object.entries(activeThemePreset.primaryColors)
                 .filter((entry) => Boolean(entry[1]))
                 .map(([name, palette]) => ({ name, palette }));
         }
-        const presetPalette = activeThemePreset.preset.primitive ?? {};
+        const presetPalette = this.getResolvedPreset(activeThemePreset)
+            ?.primitive ?? {};
         const palettes = [{ name: 'noir', palette: {} }];
         PRIMARY_COLORS.forEach((color) => {
             palettes.push({
@@ -2442,9 +2572,10 @@ class AppConfiguratorComponent {
             updateSurfacePalette(color.palette);
         }
     }
-    onPresetChange(event) {
+    async onPresetChange(event) {
         const nextThemeId = this.ensureValidThemeId(event);
         const nextTheme = this.getThemeById(nextThemeId);
+        const preset = await this.loadPreset(nextTheme);
         const primaryColors = this.getPrimaryColorOptions(nextTheme);
         const surfaceColors = this.getSurfaceColorOptions(nextTheme);
         this.layoutService.layoutConfig.update((state) => ({
@@ -2457,7 +2588,6 @@ class AppConfiguratorComponent {
                 ? (surfaceColors[0]?.name ?? state.surface)
                 : state.surface
         }));
-        const preset = nextTheme.preset;
         const surfacePalette = this.surfaceColors().find((s) => s.name === this.selectedSurfaceColor())?.palette;
         $t().preset(preset).preset(this.getPresetExt()).surfacePalette(surfacePalette).use({ useDefaultOptions: true });
     }
@@ -3028,7 +3158,7 @@ var userNotifications$1 = {
 	markAsRead: "Read",
 	markedAsRead: "Notification marked as read"
 };
-var en$d = {
+var en$f = {
 	userNotifications: userNotifications$1
 };
 
@@ -3039,13 +3169,13 @@ var userNotifications = {
 	markAsRead: "Прочитано",
 	markedAsRead: "Оповещение отмечено прочитанным"
 };
-var ru$d = {
+var ru$f = {
 	userNotifications: userNotifications
 };
 
 class UserNotificationsComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$d, ru: ru$d });
+        this.translations = provideTranslations({ en: en$f, ru: ru$f });
         this.notifications = [];
         this.totalCount = 0;
         this.skip = 0;
@@ -3474,7 +3604,7 @@ var topbar$1 = {
 	profile: "Profile",
 	applications: "Applications"
 };
-var en$c = {
+var en$e = {
 	topbar: topbar$1
 };
 
@@ -3487,13 +3617,13 @@ var topbar = {
 	profile: "Профиль",
 	applications: "Приложения"
 };
-var ru$c = {
+var ru$e = {
 	topbar: topbar
 };
 
 class AppTopbar {
     constructor() {
-        this.translations = provideTranslations({ en: en$c, ru: ru$c });
+        this.translations = provideTranslations({ en: en$e, ru: ru$e });
         this.securityService = inject(SecurityService);
         this.topBarService = inject(TopBarService);
         this.userService = inject(UserService);
@@ -3822,6 +3952,18 @@ class MenuApi extends HttpClient {
             format: "json",
             ...params,
         });
+        this.setStartModule = ({ id, ...query }, params = {}) => this.request({
+            path: `/api/menu/set-start-module/${id}`,
+            method: "POST",
+            secure: true,
+            ...params,
+        });
+        this.deleteStartModule = (params = {}) => this.request({
+            path: `/api/menu/delete-start-module`,
+            method: "DELETE",
+            secure: true,
+            ...params,
+        });
         this.getModuleInstanceRights = (query, params = {}) => this.request({
             path: `/api/menu/get-module-instance-rights`,
             method: "GET",
@@ -3941,6 +4083,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
+/**
+ * Resolves the module instance the current user lands on when no explicit route is requested.
+ *
+ * The menu returned by the backend is already filtered by the rights of the current user, so the
+ * first navigable leaf of that menu is always a module the user may open. When the user picked a
+ * start module explicitly it comes back marked with `isStart`, and a module that was deleted or
+ * whose rights were revoked simply disappears from the menu, which falls back to the first leaf.
+ *
+ * The resolved url is cached per user and dropped whenever the authenticated user changes or the
+ * start module is reassigned.
+ */
+class StartPageService {
+    constructor() {
+        this.menuApi = inject(MenuApi);
+        this.router = inject(Router);
+        this.securityService = inject(SecurityService);
+        this.request = undefined;
+        this.cachedIdentity = undefined;
+        this.securityService.payload.subscribe((payload) => {
+            // The menu depends on both the user and the roles of the current session.
+            const roles = payload?.realm_access?.roles ?? [];
+            const identity = `${payload?.preferred_username ?? ''}|${[...roles].sort().join(',')}`;
+            if (identity !== this.cachedIdentity) {
+                this.cachedIdentity = identity;
+                this.clearCache();
+            }
+        });
+    }
+    /**
+     * Gets the url of the start module instance.
+     *
+     * @returns The url tree to navigate to, or `null` when the user has no module available.
+     */
+    resolveStartUrl() {
+        if (this.request) {
+            return this.request;
+        }
+        this.request = this.loadStartUrl().catch((error) => {
+            this.request = undefined;
+            throw error;
+        });
+        return this.request;
+    }
+    /**
+     * Makes the module instance the start page of the current user.
+     *
+     * @param moduleInstanceId Module instance to open by default.
+     */
+    async setStartModule(moduleInstanceId) {
+        await this.menuApi.setStartModule({ id: moduleInstanceId });
+        this.clearCache();
+    }
+    /**
+     * Clears the start page of the current user, falling back to the first available module.
+     */
+    async clearStartModule() {
+        await this.menuApi.deleteStartModule();
+        this.clearCache();
+    }
+    /**
+     * Drops the cached url, for example after the menu was changed.
+     */
+    clearCache() {
+        this.request = undefined;
+    }
+    async loadStartUrl() {
+        const menu = (await this.menuApi.get()) ?? [];
+        const item = this.findStartItem(menu);
+        return item ? this.router.createUrlTree(item.routerLink) : null;
+    }
+    findStartItem(menu) {
+        const leaves = this.collectNavigableLeaves(menu);
+        return leaves.find((item) => item.isStart) ?? leaves[0] ?? null;
+    }
+    collectNavigableLeaves(items) {
+        const result = [];
+        for (const item of [...items].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))) {
+            if (item.separator) {
+                continue;
+            }
+            if (item.items?.length) {
+                // A folder is never a landing page itself, its children are.
+                result.push(...this.collectNavigableLeaves(item.items));
+                continue;
+            }
+            // A module without a real route would resolve back to the empty path and loop.
+            if (item.routerLink?.some((segment) => !!segment && segment !== '/')) {
+                result.push(item);
+            }
+        }
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StartPageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StartPageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StartPageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 class MenuItemComponent {
     constructor(cd, router, menuService) {
         this.cd = cd;
@@ -3952,6 +4194,7 @@ class MenuItemComponent {
         this.msgService = inject(MsgService);
         this.menuDataService = inject(MenuApi);
         this.securityService = inject(SecurityService);
+        this.startPageService = inject(StartPageService);
         this.active = false;
         this.subscriptions = [];
         this.localization = {};
@@ -4025,13 +4268,25 @@ class MenuItemComponent {
         this.menuItemCreateDialogComponent.showDialog();
     }
     onContextMenu($event, item) {
+        const startModuleItems = this.getStartModuleItems(item);
+        // Choosing a start page is available to every user, the rest of the menu is administrative.
         if (!this.securityService.isAdmin()) {
+            if (startModuleItems.length === 0) {
+                return;
+            }
+            $event.stopPropagation();
+            $event.preventDefault();
+            this.menuService.contextMenuItem = item;
+            this.contextMenu.model = startModuleItems;
+            this.contextMenu.show($event);
             return;
         }
         $event.stopPropagation();
         $event.preventDefault();
         this.menuService.contextMenuItem = item;
         this.contextMenu.model = [
+            ...startModuleItems,
+            { separator: true, visible: startModuleItems.length > 0 },
             {
                 label: this.localization.new,
                 icon: PrimeIcons.PLUS,
@@ -4072,6 +4327,39 @@ class MenuItemComponent {
         ];
         this.contextMenu.show($event);
     }
+    /**
+     * Builds the start page entries of the context menu. Only a navigable leaf can be a start page.
+     */
+    getStartModuleItems(item) {
+        if (!item?.routerLink || item.items?.length) {
+            return [];
+        }
+        return item.isStart
+            ? [
+                {
+                    label: this.localization.unsetStartModule,
+                    icon: PrimeIcons.STAR,
+                    command: () => this.clearStartModule()
+                }
+            ]
+            : [
+                {
+                    label: this.localization.setStartModule,
+                    icon: PrimeIcons.STAR_FILL,
+                    command: () => this.setStartModule(item)
+                }
+            ];
+    }
+    async setStartModule(item) {
+        await this.startPageService.setStartModule(item.moduleInstanceId);
+        this.msgService.success(this.localization.setStartModuleSuccessMessage);
+        await this.menuService.loadMenu();
+    }
+    async clearStartModule() {
+        await this.startPageService.clearStartModule();
+        this.msgService.success(this.localization.unsetStartModuleSuccessMessage);
+        await this.menuService.loadMenu();
+    }
     deleteItem(event) {
         this.confirmationService.confirm({
             header: this.localization.deleteItemConfirmHeader,
@@ -4431,9 +4719,9 @@ class MenuItemCreateDialogComponent {
           <input
             autocomplete="off"
             class="flex-auto"
+            disabled
             id="oip-menu-item-create-dialog-parent-input"
             pInputText
-            readonly
             [ngModel]="menuService.contextMenuItem?.label" />
         </div>
       }
@@ -4528,9 +4816,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           <input
             autocomplete="off"
             class="flex-auto"
+            disabled
             id="oip-menu-item-create-dialog-parent-input"
             pInputText
-            readonly
             [ngModel]="menuService.contextMenuItem?.label" />
         </div>
       }
@@ -4617,6 +4905,7 @@ class MenuItemEditDialogComponent {
         this.msgService = inject(MsgService);
         this.visibleChange = new EventEmitter();
         this.roles = [];
+        this.moduleName = '';
         this.iconOptions = Object.values(PrimeIcons)
             .filter((icon) => typeof icon === 'string')
             .map((icon) => ({
@@ -4668,7 +4957,9 @@ class MenuItemEditDialogComponent {
             icon: this.menuService.contextMenuItem?.icon,
             viewRoles: this.menuService.contextMenuItem?.securities
         };
-        this.roles = await this.securityApi.getRealmRoles();
+        const [roles, modules] = await Promise.all([this.securityApi.getRealmRoles(), this.menuService.getModules()]);
+        this.roles = roles;
+        this.moduleName = modules.find((module) => module.key === this.item.moduleId)?.value ?? '';
         this.visible = true;
         this.visibleChange.emit(this.visible);
     }
@@ -4692,6 +4983,19 @@ class MenuItemEditDialogComponent {
           [(ngModel)]="item.label" />
       </div>
 
+      <div class="flex items-center gap-4 mb-4">
+        <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-module">
+          {{ 'menuItemEditDialogComponent.module' | translate }}
+        </label>
+        <input
+          autocomplete="off"
+          class="flex-auto"
+          disabled
+          id="oip-menu-item-edit-dialog-module"
+          pInputText
+          [ngModel]="moduleName" />
+      </div>
+
       <div class="flex items-center gap-4 mb-4">
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-icon">
           {{ 'menuItemEditDialogComponent.icon' | translate }}
@@ -4778,6 +5082,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           [(ngModel)]="item.label" />
       </div>
 
+      <div class="flex items-center gap-4 mb-4">
+        <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-module">
+          {{ 'menuItemEditDialogComponent.module' | translate }}
+        </label>
+        <input
+          autocomplete="off"
+          class="flex-auto"
+          disabled
+          id="oip-menu-item-edit-dialog-module"
+          pInputText
+          [ngModel]="moduleName" />
+      </div>
+
       <div class="flex items-center gap-4 mb-4">
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-icon">
           {{ 'menuItemEditDialogComponent.icon' | translate }}
@@ -4859,7 +5176,11 @@ var menuItemComponent$1 = {
 	deleteItemConfirmRejectButtonPropsLabel: "Cancel",
 	deleteItemConfirmAcceptButtonPropsLabel: "Delete",
 	moveUp: "Move up",
-	moveDown: "Move down"
+	moveDown: "Move down",
+	setStartModule: "Set as start page",
+	unsetStartModule: "Clear start page",
+	setStartModuleSuccessMessage: "Start page updated",
+	unsetStartModuleSuccessMessage: "Start page cleared"
 };
 var menuItemEditDialogComponent$1 = {
 	header: "Edit menu item",
@@ -4883,7 +5204,7 @@ var menuItemCreateDialogComponent$1 = {
 	cancel: "Cancel",
 	save: "Save"
 };
-var en$b = {
+var en$d = {
 	menuComponent: menuComponent$1,
 	menuItemComponent: menuItemComponent$1,
 	menuItemEditDialogComponent: menuItemEditDialogComponent$1,
@@ -4904,7 +5225,11 @@ var menuItemComponent = {
 	deleteItemConfirmRejectButtonPropsLabel: "Отмена",
 	deleteItemConfirmAcceptButtonPropsLabel: "Удалить",
 	moveUp: "Вверх",
-	moveDown: "Вниз"
+	moveDown: "Вниз",
+	setStartModule: "Сделать стартовой",
+	unsetStartModule: "Убрать стартовую",
+	setStartModuleSuccessMessage: "Стартовая страница обновлена",
+	unsetStartModuleSuccessMessage: "Стартовая страница сброшена"
 };
 var menuItemEditDialogComponent = {
 	header: "Редактировать элемент меню",
@@ -4928,7 +5253,7 @@ var menuItemCreateDialogComponent = {
 	cancel: "Отмена",
 	save: "Сохранить"
 };
-var ru$b = {
+var ru$d = {
 	menuComponent: menuComponent,
 	menuItemComponent: menuItemComponent,
 	menuItemEditDialogComponent: menuItemEditDialogComponent,
@@ -4939,7 +5264,7 @@ class MenuComponent {
     constructor() {
         // Registers the whole menu/l10n/menu.*.json bundle, which also covers
         // menuItemComponent, menuItemEditDialogComponent and menuItemCreateDialogComponent.
-        this.translations = provideTranslations({ en: en$b, ru: ru$b });
+        this.translations = provideTranslations({ en: en$d, ru: ru$d });
         this.menuService = inject(MenuService);
         this.securityService = inject(SecurityService);
         this.translateService = inject(TranslateService);
@@ -4954,6 +5279,8 @@ class MenuComponent {
         if (!this.securityService.isAdmin()) {
             return;
         }
+        $event.preventDefault();
+        $event.stopPropagation();
         this.menuService.contextMenuItem = null;
         this.contextMenu.model = [
             {
@@ -4962,6 +5289,7 @@ class MenuComponent {
                 command: (event) => this.newClick(event)
             }
         ];
+        this.contextMenu.show($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: MenuComponent, isStandalone: true, selector: "app-menu", providers: [MenuApi], viewQueries: [{ propertyName: "menuItemCreateDialogComponent", first: true, predicate: MenuItemCreateDialogComponent, descendants: true }, { propertyName: "menuItemEditDialogComponent", first: true, predicate: MenuItemEditDialogComponent, descendants: true }, { propertyName: "contextMenu", first: true, predicate: ContextMenu, descendants: true }], ngImport: i0, template: ` <div #empty class="layout-sidebar" (contextmenu)="onContextMenu($event)">
@@ -4984,8 +5312,9 @@ class MenuComponent {
         }
       </ul>
     </div>
+    <!-- Always rendered: choosing a start page is available to every user, not only to admins. -->
+    <p-contextMenu />
     @if (securityService.isAdmin()) {
-      <p-contextMenu [target]="empty" />
       <menu-item-create-dialog />
       <menu-item-edit-dialog />
     }`, isInline: true, dependencies: [{ kind: "component", type: MenuItemComponent, selector: "[app-menuitem]", inputs: ["item", "index", "root", "parentKey", "menuItemCreateDialogComponent", "menuItemEditDialogComponent", "contextMenu"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i1$6.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: MenuItemCreateDialogComponent, selector: "menu-item-create-dialog", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MenuItemEditDialogComponent, selector: "menu-item-edit-dialog", inputs: ["visible"], outputs: ["visibleChange"] }] }); }
@@ -5026,8 +5355,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }
       </ul>
     </div>
+    <!-- Always rendered: choosing a start page is available to every user, not only to admins. -->
+    <p-contextMenu />
     @if (securityService.isAdmin()) {
-      <p-contextMenu [target]="empty" />
       <menu-item-create-dialog />
       <menu-item-edit-dialog />
     }`
@@ -5058,6 +5388,147 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+var blockLoader$1 = {
+	loading: "Loading..."
+};
+var en$c = {
+	blockLoader: blockLoader$1
+};
+
+var blockLoader = {
+	loading: "Загрузка..."
+};
+var ru$c = {
+	blockLoader: blockLoader
+};
+
+/**
+ * Full screen blocker shown while the application switches between modules.
+ *
+ * Render it as a sibling of `.layout-wrapper`, not inside it: while the blocker is visible the
+ * wrapper is marked `inert`, which would also disable an overlay nested in it.
+ *
+ * The blocker appears only when a transition outlasts {@link showDelayMs} and then stays for at
+ * least {@link minVisibleMs}, so quick navigation does not flash a spinner.
+ */
+class BlockLoaderComponent {
+    static { this.showDelayMs = 150; }
+    static { this.minVisibleMs = 300; }
+    constructor() {
+        this.translations = provideTranslations({ en: en$c, ru: ru$c });
+        this.moduleLoadingService = inject(ModuleLoadingService);
+        this.shownAt = 0;
+        this.visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+        effect(() => {
+            const loading = this.moduleLoadingService.loading();
+            untracked(() => (loading ? this.scheduleShow() : this.scheduleHide()));
+        });
+        effect(() => {
+            this.blockInteraction(this.visible());
+        });
+    }
+    ngOnDestroy() {
+        this.clearTimers();
+        this.blockInteraction(false);
+    }
+    scheduleShow() {
+        this.clearTimer('hide');
+        if (this.visible() || this.showHandle != null) {
+            return;
+        }
+        this.showHandle = setTimeout(() => {
+            this.showHandle = undefined;
+            this.shownAt = Date.now();
+            this.visible.set(true);
+        }, BlockLoaderComponent.showDelayMs);
+    }
+    scheduleHide() {
+        this.clearTimer('show');
+        if (!this.visible() || this.hideHandle != null) {
+            return;
+        }
+        const remaining = BlockLoaderComponent.minVisibleMs - (Date.now() - this.shownAt);
+        if (remaining <= 0) {
+            this.visible.set(false);
+            return;
+        }
+        this.hideHandle = setTimeout(() => {
+            this.hideHandle = undefined;
+            this.visible.set(false);
+        }, remaining);
+    }
+    clearTimer(timer) {
+        const handle = timer === 'show' ? this.showHandle : this.hideHandle;
+        if (handle == null) {
+            return;
+        }
+        clearTimeout(handle);
+        if (timer === 'show') {
+            this.showHandle = undefined;
+        }
+        else {
+            this.hideHandle = undefined;
+        }
+    }
+    clearTimers() {
+        this.clearTimer('show');
+        this.clearTimer('hide');
+    }
+    /**
+     * Takes the application out of the interaction and accessibility trees while the blocker is up,
+     * so pointer, keyboard and screen reader input cannot reach a module that is still loading.
+     */
+    blockInteraction(blocked) {
+        const wrapper = document.querySelector('.layout-wrapper');
+        if (blocked) {
+            wrapper?.setAttribute('inert', '');
+            // Not the layout's `blocked-scroll` class: the layout drops it whenever it closes the menu.
+            document.body.style.setProperty('overflow', 'hidden');
+        }
+        else {
+            wrapper?.removeAttribute('inert');
+            document.body.style.removeProperty('overflow');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BlockLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BlockLoaderComponent, isStandalone: true, selector: "block-loader", ngImport: i0, template: `
+    @if (visible()) {
+      <div
+        class="animate-fadein fixed inset-0 z-[1200] flex flex-col items-center justify-center gap-4 bg-surface-0/70 dark:bg-surface-900/70"
+        role="status"
+        aria-live="polite"
+        aria-busy="true"
+        (pointerdown)="$event.preventDefault()"
+        (contextmenu)="$event.preventDefault()">
+        <p-progress-spinner [style]="{ width: '3rem', height: '3rem' }" animationDuration=".8s" strokeWidth="4" />
+        <span class="text-color font-medium">{{ 'blockLoader.loading' | translate }}</span>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BlockLoaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'block-loader',
+                    standalone: true,
+                    imports: [ProgressSpinner, TranslatePipe],
+                    template: `
+    @if (visible()) {
+      <div
+        class="animate-fadein fixed inset-0 z-[1200] flex flex-col items-center justify-center gap-4 bg-surface-0/70 dark:bg-surface-900/70"
+        role="status"
+        aria-live="polite"
+        aria-busy="true"
+        (pointerdown)="$event.preventDefault()"
+        (contextmenu)="$event.preventDefault()">
+        <p-progress-spinner [style]="{ width: '3rem', height: '3rem' }" animationDuration=".8s" strokeWidth="4" />
+        <span class="text-color font-medium">{{ 'blockLoader.loading' | translate }}</span>
+      </div>
+    }
+  `
+                }]
+        }], ctorParameters: () => [] });
+
 class AppLayoutComponent {
     constructor() {
         this.layoutService = inject(LayoutService);
@@ -5148,14 +5619,16 @@ class AppLayoutComponent {
       </div>
       <div class="layout-mask animate-fadein"></div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AppTopbar, selector: "app-topbar" }, { kind: "component", type: SidebarComponent, selector: "app-sidebar" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }] }); }
+    <!-- Outside the wrapper on purpose: the blocker marks the wrapper inert while it is visible. -->
+    <block-loader />
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AppTopbar, selector: "app-topbar" }, { kind: "component", type: SidebarComponent, selector: "app-sidebar" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "component", type: BlockLoaderComponent, selector: "block-loader" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-layout',
                     standalone: true,
-                    imports: [CommonModule, AppTopbar, SidebarComponent, RouterModule, FooterComponent],
+                    imports: [CommonModule, AppTopbar, SidebarComponent, RouterModule, FooterComponent, BlockLoaderComponent],
                     template: `
     <div class="layout-wrapper" [ngClass]="containerClass">
       <app-topbar></app-topbar>
@@ -5168,6 +5641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       </div>
       <div class="layout-mask animate-fadein"></div>
     </div>
+    <!-- Outside the wrapper on purpose: the blocker marks the wrapper inert while it is visible. -->
+    <block-loader />
   `,
                     providers: [MenuService, MenuApi]
                 }]
@@ -5256,7 +5731,7 @@ var notfound$1 = {
 	description: "Requested resource is not available.",
 	button: "Go to home"
 };
-var en$a = {
+var en$b = {
 	notfound: notfound$1
 };
 
@@ -5266,13 +5741,13 @@ var notfound = {
 	description: "Запрашиваемый ресурс недоступен.",
 	button: "На главную"
 };
-var ru$a = {
+var ru$b = {
 	notfound: notfound
 };
 
 class NotfoundComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$a, ru: ru$a });
+        this.translations = provideTranslations({ en: en$b, ru: ru$b });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NotfoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NotfoundComponent, isStandalone: true, selector: "app-notfound", ngImport: i0, template: ` <app-floating-configurator />
@@ -5332,7 +5807,7 @@ var unauthorized$1 = {
 	signInToContinue: "Sign in to continue",
 	signIn: "Sign In"
 };
-var en$9 = {
+var en$a = {
 	unauthorized: unauthorized$1
 };
 
@@ -5341,13 +5816,13 @@ var unauthorized = {
 	signInToContinue: "Войдите чтобы продолжить",
 	signIn: "Войти"
 };
-var ru$9 = {
+var ru$a = {
 	unauthorized: unauthorized
 };
 
 class UnauthorizedComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$9, ru: ru$9 });
+        this.translations = provideTranslations({ en: en$a, ru: ru$a });
         this.securityService = inject(SecurityService);
         this.route = inject(ActivatedRoute);
     }
@@ -5437,12 +5912,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+var unauthorized_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UnauthorizedComponent: UnauthorizedComponent
+});
+
 var access$1 = {
 	title: "Access Denied",
 	message: "You do not have the necessary permissions. Please contact admins.",
 	button: "Go to Dashboard"
 };
-var en$8 = {
+var en$9 = {
 	access: access$1
 };
 
@@ -5451,13 +5931,13 @@ var access = {
 	message: "У вас недостаточно прав. Пожалуйста, обратитесь к администраторам.",
 	button: "На главную"
 };
-var ru$8 = {
+var ru$9 = {
 	access: access
 };
 
 class AccessComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$8, ru: ru$8 });
+        this.translations = provideTranslations({ en: en$9, ru: ru$9 });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccessComponent, isStandalone: true, selector: "app-access", ngImport: i0, template: `<div
@@ -5537,7 +6017,7 @@ var error$1 = {
 	message: "Requested resource is not available.",
 	button: "Go to Dashboard"
 };
-var en$7 = {
+var en$8 = {
 	error: error$1
 };
 
@@ -5546,13 +6026,13 @@ var error = {
 	message: "Запрашиваемый ресурс недоступен.",
 	button: "На главную"
 };
-var ru$7 = {
+var ru$8 = {
 	error: error
 };
 
 class ErrorComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$7, ru: ru$7 });
+        this.translations = provideTranslations({ en: en$8, ru: ru$8 });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ErrorComponent, isStandalone: true, selector: "app-error", ngImport: i0, template: `<div
@@ -5627,6 +6107,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+var error_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ErrorComponent: ErrorComponent
+});
+
 var profileComponent$1 = {
 	changePhoto: "Upload Photo",
 	successfullyUploaded: "Uploaded successfully",
@@ -5639,7 +6124,7 @@ var profileComponent$1 = {
 	photoDeleted: "Photo deleted",
 	failedToDeletePhoto: "Failed to delete user photo"
 };
-var en$6 = {
+var en$7 = {
 	profileComponent: profileComponent$1
 };
 
@@ -5655,13 +6140,13 @@ var profileComponent = {
 	photoDeleted: "Фото удалено",
 	failedToDeletePhoto: "Не удалось удалить фото пользователя"
 };
-var ru$6 = {
+var ru$7 = {
 	profileComponent: profileComponent
 };
 
 class UserProfileComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$6, ru: ru$6 });
+        this.translations = provideTranslations({ en: en$7, ru: ru$7 });
         this.userService = inject(UserService);
         this.msgService = inject(MsgService);
         this.translateService = inject(TranslateService);
@@ -5786,6 +6271,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+var userProfile_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UserProfileComponent: UserProfileComponent
+});
+
 var config$1 = {
 	all: "All",
 	applicationManagement: "Application management",
@@ -5802,7 +6292,7 @@ var config$1 = {
 	timeZone: "Time zone",
 	usePhoto256x256Pixel: "Use photo 256x256 pixel"
 };
-var en$5 = {
+var en$6 = {
 	config: config$1
 };
 
@@ -5822,13 +6312,13 @@ var config = {
 	timeZone: "Часовой пояс",
 	usePhoto256x256Pixel: "Используйте фото 256x256 пикселей"
 };
-var ru$5 = {
+var ru$6 = {
 	config: config
 };
 
 class ConfigComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$5, ru: ru$5 });
+        this.translations = provideTranslations({ en: en$6, ru: ru$6 });
         this.layoutService = inject(LayoutService);
         this.l10nService = inject(L10nService);
         this.userService = inject(UserService);
@@ -6092,7 +6582,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-var en$4 = {
+var config_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ConfigComponent: ConfigComponent
+});
+
+var en$5 = {
 	"db-migration": {
 	migrationManager: "Migration manager",
 	actions: {
@@ -6112,7 +6607,7 @@ var en$4 = {
 }
 };
 
-var ru$4 = {
+var ru$5 = {
 	"db-migration": {
 	migrationManager: "Менеджер миграций",
 	actions: {
@@ -6135,7 +6630,7 @@ var ru$4 = {
 class DbMigrationComponent extends BaseModuleComponent {
     constructor() {
         super(...arguments);
-        this.translations = provideTranslations({ en: en$4, ru: ru$4 });
+        this.translations = provideTranslations({ en: en$5, ru: ru$5 });
     }
     async ngOnInit() {
         await super.ngOnInit();
@@ -6339,6 +6834,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+var dbMigration_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DbMigrationComponent: DbMigrationComponent
+});
+
 /* eslint-disable */
 /* tslint:disable */
 // @ts-nocheck
@@ -6435,7 +6935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
-var en$3 = {
+var en$4 = {
 	"app-modules": {
 	title: "Modules",
 	refreshTooltip: "Refresh",
@@ -6466,7 +6966,7 @@ var en$3 = {
 }
 };
 
-var ru$3 = {
+var ru$4 = {
 	"app-modules": {
 	title: "Модули",
 	refreshTooltip: "Обновить",
@@ -6497,7 +6997,7 @@ var ru$3 = {
 }
 };
 
-L10nService.registerTranslations({ en: en$3, ru: ru$3 });
+L10nService.registerTranslations({ en: en$4, ru: ru$4 });
 class AppModulesComponent {
     constructor() {
         this.modules = [];
@@ -6744,6 +7244,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+var appModules_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AppModulesComponent: AppModulesComponent
+});
+
 var ServiceType;
 (function (ServiceType) {
     ServiceType["Service"] = "Service";
@@ -6794,7 +7299,7 @@ var applications$1 = {
 		deleteSuccess: "Application deleted"
 	}
 };
-var en$2 = {
+var en$3 = {
 	applications: applications$1
 };
 
@@ -6842,11 +7347,11 @@ var applications = {
 		deleteSuccess: "Приложение удалено"
 	}
 };
-var ru$2 = {
+var ru$3 = {
 	applications: applications
 };
 
-L10nService.registerTranslations({ en: en$2, ru: ru$2 });
+L10nService.registerTranslations({ en: en$3, ru: ru$3 });
 class ApplicationsComponent {
     get serviceTypeOptions() {
         return [
@@ -7553,6 +8058,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+var applications_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ApplicationsComponent: ApplicationsComponent
+});
+
 /* eslint-disable */
 /* tslint:disable */
 // @ts-nocheck
@@ -7713,7 +8223,7 @@ var discussionComponent$1 = {
 		addReaction: "Failed to add reaction."
 	}
 };
-var en$1 = {
+var en$2 = {
 	discussionComponent: discussionComponent$1
 };
 
@@ -7757,14 +8267,14 @@ var discussionComponent = {
 		addReaction: "Не удалось добавить реакцию."
 	}
 };
-var ru$1 = {
+var ru$2 = {
 	discussionComponent: discussionComponent
 };
 
 class DiscussionComponent {
     constructor() {
         this.msgService = inject(MsgService);
-        this.translations = provideTranslations({ en: en$1, ru: ru$1 });
+        this.translations = provideTranslations({ en: en$2, ru: ru$2 });
         this.discussionApi = inject(DiscussionApi);
         this.sanitizer = inject(DomSanitizer);
         this.translateService = inject(TranslateService);
@@ -8819,7 +9329,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: [{ required: true }]
             }] } });
 
-var en = {
+var discussion_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DiscussionComponent: DiscussionComponent
+});
+
+var en$1 = {
 	"iframe-module": {
 	iframeModule: {
 		urlPlaceholder: "Site URL",
@@ -8830,7 +9345,7 @@ var en = {
 }
 };
 
-var ru = {
+var ru$1 = {
 	"iframe-module": {
 	iframeModule: {
 		urlPlaceholder: "URL сайта",
@@ -8844,7 +9359,7 @@ var ru = {
 class IframeModuleComponent extends BaseModuleComponent {
     constructor() {
         super();
-        this.translations = provideTranslations({ en, ru });
+        this.translations = provideTranslations({ en: en$1, ru: ru$1 });
         this.renderer = inject(Renderer2);
         this.translate = inject(TranslateService);
         this.iframeUrl = null;
@@ -8987,6 +9502,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ['iframe']
             }] } });
 
+var iframeModule_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    IframeModuleComponent: IframeModuleComponent
+});
+
 const OIP_EXTENSION_EVENTS = {
     contextChange: 'oip:context-change',
     titleChange: 'oip:title-change',
@@ -9094,7 +9614,7 @@ class CustomElementExtensionModuleHostComponent extends BaseModuleComponent {
     async reloadExtension() {
         this.loadError = null;
         this.extensionMetadata = undefined;
-        await this.loadExtensionMetadata();
+        await this.moduleLoadingService.track(this.loadExtensionMetadata());
         await this.renderExtension();
     }
     async loadExtensionMetadata() {
@@ -9110,7 +9630,11 @@ class CustomElementExtensionModuleHostComponent extends BaseModuleComponent {
         }));
         await this.loadExtensionTranslations(this.extensionMetadata);
     }
-    async renderExtension() {
+    /** Blocks the UI while the extension is (re)mounted, including the queued render after the view init. */
+    renderExtension() {
+        return this.moduleLoadingService.track(this.renderExtensionInternal());
+    }
+    async renderExtensionInternal() {
         if (this.destroyed || !this.container || !this.extensionMetadata || !this.showContent) {
             return;
         }
@@ -9358,7 +9882,7 @@ class ExtensionModuleHostComponent extends BaseModuleComponent {
     async reloadExtension() {
         this.loadError = null;
         this.extensionMetadata = undefined;
-        await this.loadExtensionMetadata();
+        await this.moduleLoadingService.track(this.loadExtensionMetadata());
         await this.renderExtension();
     }
     async onModuleInstanceChange() {
@@ -9386,7 +9910,11 @@ class ExtensionModuleHostComponent extends BaseModuleComponent {
         }));
         await this.loadExtensionTranslations(this.extensionMetadata);
     }
-    async renderExtension() {
+    /** Blocks the UI while the extension is (re)mounted, including the queued render after the view init. */
+    renderExtension() {
+        return this.moduleLoadingService.track(this.renderExtensionInternal());
+    }
+    async renderExtensionInternal() {
         if (this.destroyed || !this.viewContainer) {
             return;
         }
@@ -9544,6 +10072,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ['extensionContainer', { read: ViewContainerRef }]
             }] } });
 
+var extensionModuleHost_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ExtensionModuleHostComponent: ExtensionModuleHostComponent
+});
+
+var noModules$1 = {
+	title: "No modules available",
+	description: "There is no module you can open yet. Please contact the administrators to get access."
+};
+var en = {
+	noModules: noModules$1
+};
+
+var noModules = {
+	title: "Нет доступных модулей",
+	description: "Вам пока не доступен ни один модуль. Обратитесь к администраторам, чтобы получить доступ."
+};
+var ru = {
+	noModules: noModules
+};
+
+/**
+ * Landing page shown when the user has no module instance to open.
+ *
+ * Rendered inside the shell on purpose: the menu and the top bar stay available, so an
+ * administrator can keep working while a regular user sees why the page is empty.
+ */
+class NoModulesComponent {
+    constructor() {
+        this.translations = provideTranslations({ en, ru });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NoModulesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NoModulesComponent, isStandalone: true, selector: "app-no-modules", ngImport: i0, template: `<div class="flex flex-col items-center justify-center text-center gap-4 py-20">
+    <i class="pi pi-inbox text-5xl text-surface-400"></i>
+    <h1 class="text-surface-900 dark:text-surface-0 font-bold text-2xl lg:text-3xl m-0">
+      {{ 'noModules.title' | translate }}
+    </h1>
+    <div class="text-surface-600 dark:text-surface-200 max-w-2xl">{{ 'noModules.description' | translate }}</div>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$7.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NoModulesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-no-modules',
+                    template: `<div class="flex flex-col items-center justify-center text-center gap-4 py-20">
+    <i class="pi pi-inbox text-5xl text-surface-400"></i>
+    <h1 class="text-surface-900 dark:text-surface-0 font-bold text-2xl lg:text-3xl m-0">
+      {{ 'noModules.title' | translate }}
+    </h1>
+    <div class="text-surface-600 dark:text-surface-200 max-w-2xl">{{ 'noModules.description' | translate }}</div>
+  </div>`,
+                    imports: [TranslateModule],
+                    standalone: true
+                }]
+        }] });
+
+var noModules_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    NoModulesComponent: NoModulesComponent
+});
+
 /**
  * A route guard that ensures the user is authenticated and has a valid access token.
  * If the access token is expired, it attempts to refresh the session.
@@ -9882,11 +10471,214 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
+/**
+ * Guard that requires an authenticated session and preserves the requested url as the return url.
+ *
+ * Use it on every application route rendered inside the oip shell instead of repeating the
+ * `inject(AuthGuardService)` lambda.
+ */
+const oipAuthGuard = (_, state) => inject(AuthGuardService).canActivate(state.url);
+/**
+ * Redirects the empty route to the module instance the user lands on by default.
+ *
+ * The order is: the explicit `startRoute` of the host application, then the module the user marked
+ * as their start page, then the first module available to them, and finally the no modules page.
+ */
+const oipStartRedirectGuard = async (route) => {
+    const router = inject(Router);
+    const startPageService = inject(StartPageService);
+    const moduleLoading = inject(ModuleLoadingService);
+    const data = (route.data ?? {});
+    const noModules = router.parseUrl(`/${data.noModulesPath ?? 'no-modules'}`);
+    if (data.startRoute) {
+        return router.parseUrl(data.startRoute);
+    }
+    try {
+        // Resolving reads the menu over the network, so keep the blocker up until the target is known.
+        return (await moduleLoading.track(startPageService.resolveStartUrl())) ?? noModules;
+    }
+    catch (error) {
+        console.error('Failed to resolve the start module', error);
+        return noModules;
+    }
+};
+/**
+ * Page shown when the user has no module instance to open.
+ */
+function oipNoModulesRoute(path = 'no-modules') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return noModules_component; }).then((m) => m.NoModulesComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/**
+ * Empty route redirecting to the start module of the current user.
+ *
+ * Registered last among the shell children so a host application can claim the empty path itself.
+ */
+function oipStartRoute(path = '', data = {}) {
+    return {
+        path,
+        pathMatch: 'full',
+        canActivate: [oipAuthGuard, oipStartRedirectGuard],
+        children: [],
+        data
+    };
+}
+/**
+ * Access denied page. Referenced by {@link AuthGuardService} and {@link moduleAccessGuard} redirects,
+ * so keep it registered unless the host application provides its own `access` route.
+ */
+function oipAccessRoute(path = 'access') {
+    return { path, component: AccessComponent };
+}
+/** Authentication error page. */
+function oipErrorRoute(path = 'error') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return error_component; }).then((m) => m.ErrorComponent)
+    };
+}
+/** Current user profile. */
+function oipProfileRoute(path = 'profile') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return userProfile_component; }).then((m) => m.UserProfileComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/** Application configuration. */
+function oipConfigRoute(path = 'config') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return config_component; }).then((m) => m.ConfigComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/** Registered applications, administrators only. */
+function oipApplicationsRoute(path = 'applications') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return applications_component; }).then((m) => m.ApplicationsComponent),
+        canActivate: [oipAuthGuard],
+        data: { requireAdmin: true }
+    };
+}
+/** Module registry, administrators only. */
+function oipModulesRoute(path = 'modules') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return appModules_component; }).then((m) => m.AppModulesComponent),
+        canActivate: [oipAuthGuard],
+        data: { requireAdmin: true }
+    };
+}
+/** Discussion module. The path must keep an `:id` segment. */
+function oipDiscussionRoute(path = 'discussion/:id') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return discussion_component; }).then((m) => m.DiscussionComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/** Database migration module. The path must keep an `:id` segment. */
+function oipDbMigrationRoute(path = 'db-migration/:id') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return dbMigration_component; }).then((m) => m.DbMigrationComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/** Iframe module host. The path must keep an `:id` segment. */
+function oipIframeModuleRoute(path = 'iframe-module/:id') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return iframeModule_component; }).then((m) => m.IframeModuleComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+/** Extension module host. The path must keep the `:extensionKey` and `:id` segments. */
+function oipExtensionsRoute(path = 'extensions/:extensionKey/:id') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return extensionModuleHost_component; }).then((m) => m.ExtensionModuleHostComponent),
+        canActivate: [oipAuthGuard]
+    };
+}
+function builtInRoute(toggle, factory, into) {
+    if (toggle === false) {
+        return;
+    }
+    into.push(typeof toggle === 'string' ? factory(toggle) : factory());
+}
+/**
+ * Builds the standard oip route tree: an authenticated shell holding the application routes and the
+ * built-in pages, followed by the unauthorized, not found and catch-all routes.
+ *
+ * The returned array is ordered so that the `**` route stays last; concatenating anything after it
+ * makes those routes unreachable.
+ *
+ * @example
+ * export const appRoutes = provideOipRoutes({
+ *   children: [
+ *     {
+ *       path: 'dashboard/:id',
+ *       loadComponent: () => import('./dashboard.component').then((m) => m.DashboardComponent),
+ *       canActivate: [oipAuthGuard]
+ *     }
+ *   ],
+ *   features: { dbMigration: 'legacy-migration/:id', modules: false },
+ *   startRoute: '/dashboard/1'
+ * });
+ */
+function provideOipRoutes(options = {}) {
+    const features = options.features ?? {};
+    const children = [...(options.children ?? [])];
+    builtInRoute(features.access, oipAccessRoute, children);
+    builtInRoute(features.error, oipErrorRoute, children);
+    builtInRoute(features.profile, oipProfileRoute, children);
+    builtInRoute(features.config, oipConfigRoute, children);
+    builtInRoute(features.applications, oipApplicationsRoute, children);
+    builtInRoute(features.modules, oipModulesRoute, children);
+    builtInRoute(features.discussion, oipDiscussionRoute, children);
+    builtInRoute(features.dbMigration, oipDbMigrationRoute, children);
+    builtInRoute(features.iframeModule, oipIframeModuleRoute, children);
+    builtInRoute(features.extensions, oipExtensionsRoute, children);
+    builtInRoute(features.noModules, oipNoModulesRoute, children);
+    // Registered last so a host application that declares its own empty path keeps it.
+    if (features.start !== false && !children.some((route) => route.path === '')) {
+        const noModulesPath = typeof features.noModules === 'string' ? features.noModules : 'no-modules';
+        const startPath = typeof features.start === 'string' ? features.start : '';
+        children.push(oipStartRoute(startPath, { startRoute: options.startRoute, noModulesPath }));
+    }
+    const notFoundPath = options.notFoundPath ?? 'notfound';
+    const routes = [
+        {
+            path: '',
+            component: options.layout ?? AppLayoutComponent,
+            canActivate: [oipAuthGuard],
+            canActivateChild: [moduleAccessGuard],
+            children
+        },
+        {
+            path: options.unauthorizedPath ?? 'unauthorized',
+            loadComponent: () => Promise.resolve().then(function () { return unauthorized_component; }).then((m) => m.UnauthorizedComponent)
+        },
+        ...(options.rootRoutes ?? []),
+        { path: notFoundPath, component: NotfoundComponent }
+    ];
+    if (options.wildcard !== false) {
+        routes.push({ path: '**', redirectTo: `/${notFoundPath}` });
+    }
+    return routes;
+}
+
 // Components
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_TOKEN, APP_THEME_PRESETS, APP_THEME_PRESETS_MERGE_MODE, AccessComponent, AppConfiguratorComponent, AppFloatingConfiguratorComponent, AppInfoService, AppLayoutComponent, AppModulesComponent, AppTopbar, AppTopbarApplicationSwitcherComponent, ApplicationRegistryService, ApplicationsApi, ApplicationsComponent, AuthGuardService, BaseModuleComponent, BffSecurityService, ConfigComponent, ContentType, CustomElementExtensionModuleHostComponent, DbMigrationComponent, DiscussionComponent, ErrorComponent, ExtensionLoaderService, ExtensionModuleHostComponent, FolderModuleApi, FooterComponent, HttpClient, IframeModuleApi, IframeModuleComponent, L10nService, LOGO_COMPONENT_TOKEN, LayoutService, LogoComponent, LogoService, MenuComponent, MenuService, ModuleInstanceRightsService, MsgService, NotfoundComponent, NotificationApi, NotificationService, OIP_EXTENSION_EVENTS, SecurityApi, SecurityComponent, SecurityService, SidebarComponent, TableFilterService, TopBarService, UnauthorizedComponent, UserNotificationsComponent, UserProfileApi, UserProfileComponent, UserService, convertToPrimeNgDateFormat, defaultTheme, emitOipContextChange, emitOipError, emitOipNavigate, emitOipNotify, emitOipSettingsChange, emitOipTitleChange, langIntercept, mergeWithDefaults, moduleAccessGuard, provideAppInfo, provideAppThemes, provideLogoComponent, provideOip, provideTranslations, replaceDefaults };
+export { APP_INFO_TOKEN, APP_THEME_PRESETS, APP_THEME_PRESETS_MERGE_MODE, AccessComponent, AppConfiguratorComponent, AppFloatingConfiguratorComponent, AppInfoService, AppLayoutComponent, AppModulesComponent, AppTopbar, AppTopbarApplicationSwitcherComponent, ApplicationRegistryService, ApplicationsApi, ApplicationsComponent, AuthGuardService, BaseModuleComponent, BffSecurityService, BlockLoaderComponent, ConfigComponent, ContentType, CustomElementExtensionModuleHostComponent, DbMigrationComponent, DiscussionComponent, ErrorComponent, ExtensionLoaderService, ExtensionModuleHostComponent, FolderModuleApi, FooterComponent, HttpClient, IframeModuleApi, IframeModuleComponent, L10nService, LOGO_COMPONENT_TOKEN, LayoutService, LogoComponent, LogoService, MenuComponent, MenuService, ModuleInstanceRightsService, ModuleLoadingService, MsgService, NoModulesComponent, NotfoundComponent, NotificationApi, NotificationService, OIP_EXTENSION_EVENTS, SecurityApi, SecurityComponent, SecurityService, SidebarComponent, StartPageService, TableFilterService, TopBarService, UnauthorizedComponent, UserNotificationsComponent, UserProfileApi, UserProfileComponent, UserService, convertToPrimeNgDateFormat, defaultTheme, emitOipContextChange, emitOipError, emitOipNavigate, emitOipNotify, emitOipSettingsChange, emitOipTitleChange, langIntercept, mergeWithDefaults, moduleAccessGuard, oipAccessRoute, oipApplicationsRoute, oipAuthGuard, oipConfigRoute, oipDbMigrationRoute, oipDiscussionRoute, oipErrorRoute, oipExtensionsRoute, oipIframeModuleRoute, oipModulesRoute, oipNoModulesRoute, oipProfileRoute, oipStartRedirectGuard, oipStartRoute, provideAppInfo, provideAppThemes, provideLogoComponent, provideOip, provideOipRoutes, provideTranslations, replaceDefaults };
 //# sourceMappingURL=oip-common.mjs.map