@zambon-dev/ui 0.0.0-stage → 1.0.0

package/fesm2022/zambon-dev-ui-shared.mjs

@@ -0,0 +1,2517 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, HostListener, Injectable, InjectionToken, Input, NgModule, Pipe, ViewChild, computed, inject, input, model, output, signal, viewChild } from "@angular/core";
+import * as i1$1 from "@angular/router";
+import { ActivatedRoute, Router, RouterModule } from "@angular/router";
+import { APP_CONFIG, AuthService, ButtonComponent, ButtonFiltersComponent, ButtonRefreshComponent, ChildList, DefaultTabViewComponent, FRAMEWORK_VIEW_TYPE, FrameworkViewType, ModalBase, Tab, TabService, TabViewBase, TabsComponent } from "@zambon-dev/ui/framework";
+import { CatalogSelectComponent, DataGridComponent, DataGridDataset, DataProviderService, FormGroupComponent, FormInputGroupComponent, ModalComponent, RibbonGroupComponent, SidebarComponent, SidebarMenuOpenMode, SidebarService, toSidebarMenuOpenMode } from "@zambon-dev/ui/library";
+import { TranslateLoader, TranslatePipe, TranslateService, provideTranslateService } from "@ngx-translate/core";
+import { BehaviorSubject, Subject, catchError, finalize, interval, map, mergeMap, of, shareReplay, switchMap, take, takeUntil, tap } from "rxjs";
+import { HttpBackend, HttpClient } from "@angular/common/http";
+import { JwtHelperService, JwtInterceptor } from "@auth0/angular-jwt";
+import { HubConnectionBuilder, HubConnectionState } from "@microsoft/signalr";
+import { AsyncPipe, DatePipe, JsonPipe } from "@angular/common";
+import { toSignal } from "@angular/core/rxjs-interop";
+import * as i1 from "@angular/forms";
+import { FormBuilder, FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
+import { DomSanitizer } from "@angular/platform-browser";
+import { MultiTranslateHttpLoader } from "ngx-translate-multi-http-loader";
+var LoginLayoutComponent = class LoginLayoutComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LoginLayoutComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: LoginLayoutComponent,
+		isStandalone: true,
+		selector: "shared-login-layout",
+		ngImport: i0,
+		template: "<div class=\"background\"></div>\n\n<div class=\"container\">\n  <router-outlet></router-outlet>\n</div>\n",
+		styles: ["@layer properties;:host{display:block;height:100vh}.background{position:fixed;z-index:-50;height:100vh;width:100%;overflow:hidden}.background,.background:before{background-image:url(/background.jpg);background-size:cover;background-attachment:fixed}.background:before,.background:after{position:absolute;inset:0;--tw-content: \"\";content:var(--tw-content)}.background:before{--tw-blur: blur(var(--blur-sm, 8px));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.background:after{background-color:color-mix(in srgb,#fff 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.background:after{background-color:color-mix(in oklab,var(--color-white, #fff) 30%,transparent)}}.background *{z-index:10}.container{position:absolute;top:50%;left:50%;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-blur{syntax: \"*\"; inherits: false;}@property --tw-brightness{syntax: \"*\"; inherits: false;}@property --tw-contrast{syntax: \"*\"; inherits: false;}@property --tw-grayscale{syntax: \"*\"; inherits: false;}@property --tw-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-invert{syntax: \"*\"; inherits: false;}@property --tw-opacity{syntax: \"*\"; inherits: false;}@property --tw-saturate{syntax: \"*\"; inherits: false;}@property --tw-sepia{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\";--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [{
+			kind: "ngmodule",
+			type: RouterModule
+		}, {
+			kind: "directive",
+			type: i1$1.RouterOutlet,
+			selector: "router-outlet",
+			inputs: ["name", "routerOutletData"],
+			outputs: [
+				"activate",
+				"deactivate",
+				"attach",
+				"detach"
+			],
+			exportAs: ["outlet"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LoginLayoutComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-login-layout",
+			imports: [RouterModule],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"background\"></div>\n\n<div class=\"container\">\n  <router-outlet></router-outlet>\n</div>\n",
+			styles: ["@layer properties;:host{display:block;height:100vh}.background{position:fixed;z-index:-50;height:100vh;width:100%;overflow:hidden}.background,.background:before{background-image:url(/background.jpg);background-size:cover;background-attachment:fixed}.background:before,.background:after{position:absolute;inset:0;--tw-content: \"\";content:var(--tw-content)}.background:before{--tw-blur: blur(var(--blur-sm, 8px));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.background:after{background-color:color-mix(in srgb,#fff 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.background:after{background-color:color-mix(in oklab,var(--color-white, #fff) 30%,transparent)}}.background *{z-index:10}.container{position:absolute;top:50%;left:50%;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-blur{syntax: \"*\"; inherits: false;}@property --tw-brightness{syntax: \"*\"; inherits: false;}@property --tw-contrast{syntax: \"*\"; inherits: false;}@property --tw-grayscale{syntax: \"*\"; inherits: false;}@property --tw-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-invert{syntax: \"*\"; inherits: false;}@property --tw-opacity{syntax: \"*\"; inherits: false;}@property --tw-saturate{syntax: \"*\"; inherits: false;}@property --tw-sepia{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\";--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}]
+});
+const EXTERNAL_CONTENT_ROUTE_PATH = "external-content";
+var ExternalContentConfigs = class {
+	allowedOrigins = [];
+	slowFrameHintDelay = 5e3;
+	constructor(options = {}) {
+		Object.assign(this, options);
+	}
+};
+const EXTERNAL_CONTENT_CONFIGS = new InjectionToken("Embedded external content configuration", {
+	providedIn: "root",
+	factory: () => new ExternalContentConfigs()
+});
+var AuthenticationService = class AuthenticationService extends AuthService {
+	adminAction = "AdministrativeMaster";
+	config = inject(APP_CONFIG);
+	BASE_URL = `${this.config.BASE_URL}/Authentication`;
+	http = inject(HttpClient);
+	constructor() {
+		super(inject(JwtHelperService), inject(TabService));
+	}
+	authenticate(model) {
+		return this.http.post(`${this.BASE_URL}/SignIn`, model).pipe(map((res) => {
+			this.setStorage("username", res.username, model.rememberMe);
+			this.setStorage("token", res.token, model.rememberMe);
+			this.setStorage("refreshToken", res.refreshToken, model.rememberMe);
+			this.setStorage("userInfo", window.btoa(JSON.stringify(res)), model.rememberMe);
+		}), catchError((error) => interval(1e3).pipe(mergeMap(() => {
+			switch (error.status) {
+				case 401: throw "InvalidUsernamePassword";
+				default: throw "InternalServerError";
+			}
+		}))));
+	}
+	getActions() {
+		return this.http.post(`${this.BASE_URL}/GetActions`, {});
+	}
+	getUserInfo() {
+		const userInfo = this.userInfo;
+		if (userInfo) return JSON.parse(window.atob(userInfo));
+		return null;
+	}
+	tryRefreshToken() {
+		return this.http.post(`${this.BASE_URL}/RefreshToken`, {
+			username: this.username ?? "",
+			refreshToken: this.refreshToken ?? ""
+		}).pipe(tap((res) => {
+			this.setStorage("token", res.token);
+			this.setStorage("refreshToken", res.refreshToken);
+			this.setStorage("userInfo", window.btoa(JSON.stringify(res)));
+		}), map((res) => res.token ?? ""));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthenticationService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthenticationService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AuthenticationService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var ExternalContentService = class ExternalContentService {
+	maxEntries = 20;
+	storageKey = "zambon.externalContent";
+	registry = /* @__PURE__ */ new Map();
+	sidebarService = inject(SidebarService);
+	find(menuID) {
+		const known = this.registry.get(menuID) ?? this.readFromStorage(menuID);
+		if (known) return of(known);
+		return this.sidebarService.getMenuFromUrl(`/${EXTERNAL_CONTENT_ROUTE_PATH}/${menuID}`).pipe(take(1), map((menu) => !!menu && !!menu.url ? this.toEntry(menu) : void 0), catchError(() => of(void 0)));
+	}
+	register(menu) {
+		const entry = this.toEntry(menu);
+		this.registry.set(entry.id, entry);
+		this.writeToStorage(entry);
+	}
+	readAllFromStorage() {
+		try {
+			const raw = window.sessionStorage.getItem(this.storageKey);
+			if (!raw) return [];
+			const parsed = JSON.parse(raw);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch {
+			return [];
+		}
+	}
+	readFromStorage(menuID) {
+		const entry = this.readAllFromStorage().find((candidate) => candidate?.id === menuID);
+		if (!!entry && !!entry.url) {
+			this.registry.set(entry.id, entry);
+			return entry;
+		}
+	}
+	toEntry(menu) {
+		return {
+			id: menu.id,
+			label: menu.label,
+			url: menu.url ?? ""
+		};
+	}
+	writeToStorage(entry) {
+		try {
+			const entries = [entry, ...this.readAllFromStorage().filter((candidate) => candidate?.id !== entry.id)].slice(0, this.maxEntries);
+			window.sessionStorage.setItem(this.storageKey, JSON.stringify(entries));
+		} catch {}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ExternalContentService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ExternalContentService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ExternalContentService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var ExternalUrlResolverService = class ExternalUrlResolverService {
+	authenticationService = inject(AuthenticationService);
+	translate = inject(TranslateService);
+	unknownPlaceholderPattern = /\{[A-Za-z][A-Za-z0-9_]*\}/g;
+	isAllowed(url) {
+		let parsed;
+		try {
+			parsed = new URL(url);
+		} catch {
+			return false;
+		}
+		return parsed.protocol === "http:" || parsed.protocol === "https:";
+	}
+	resolve(url) {
+		if (!url || url.indexOf("{") === -1) return url;
+		const values = this.getPlaceholderValues();
+		let resolved = url;
+		values.forEach((value, token) => {
+			if (resolved.indexOf(token) === -1) return;
+			if (value.length === 0) console.warn(`External URL placeholder ${token} has no value for the current user; substituting an empty string.`, url);
+			resolved = resolved.split(token).join(encodeURIComponent(value));
+		});
+		this.warnAboutUnknownPlaceholders(url, resolved);
+		return resolved;
+	}
+	getPlaceholderValues() {
+		const user = this.authenticationService.getUserInfo();
+		return /* @__PURE__ */ new Map([
+			["{email}", user?.email ?? ""],
+			["{language}", this.translate.currentLang || this.translate.defaultLang || ""],
+			["{userId}", user?.userID?.toString() ?? ""],
+			["{userName}", user?.username ?? ""]
+		]);
+	}
+	warnAboutUnknownPlaceholders(url, resolved) {
+		const unknown = resolved.match(this.unknownPlaceholderPattern) ?? [];
+		if (unknown.length > 0) console.warn(`External URL contains unrecognized placeholders and was left as configured: ${unknown.join(", ")}`, url);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ExternalUrlResolverService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ExternalUrlResolverService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ExternalUrlResolverService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var NotificationsService = class NotificationsService {
+	authService = inject(AuthService);
+	config = inject(APP_CONFIG);
+	connection;
+	notifications$ = new BehaviorSubject([]);
+	get isEnabled() {
+		return this.config.notificationsEnabled && this.config.notificationsUrl.length > 0;
+	}
+	getNotifications() {
+		return this.notifications$.asObservable();
+	}
+	getUnreadCount() {
+		return this.notifications$.pipe(map((notifications) => notifications.filter((n) => !n.isRead).length));
+	}
+	markAllAsRead() {
+		this.notifications$.next(this.notifications$.value.map((n) => ({
+			...n,
+			isRead: true
+		})));
+		if (this.connection?.state === HubConnectionState.Connected) this.connection.invoke("MarkAllAsRead").catch((error) => {
+			console.error("Failed to mark notifications as read on the hub.", error);
+		});
+	}
+	markAsRead(notification) {
+		this.notifications$.next(this.notifications$.value.map((n) => n === notification ? {
+			...n,
+			isRead: true
+		} : n));
+	}
+	start() {
+		if (!this.isEnabled || !!this.connection) return;
+		this.connection = new HubConnectionBuilder().withUrl(this.config.notificationsUrl, { accessTokenFactory: () => this.authService.token ?? "" }).withAutomaticReconnect().build();
+		this.connection.on("ReceiveNotifications", (notifications) => {
+			this.notifications$.next(notifications ?? []);
+		});
+		this.connection.start().catch((error) => {
+			console.error("Failed to connect to the notifications hub.", error);
+		});
+	}
+	async stop() {
+		if (this.connection) {
+			await this.connection.stop();
+			this.connection = void 0;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NotificationsService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NotificationsService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NotificationsService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var OperationsHistoryService = class OperationsHistoryService {
+	config = inject(APP_CONFIG);
+	http = inject(HttpClient);
+	list(controllerName, entityID, serviceHistoryID, parameters) {
+		return this.http.post(`${this.config.BASE_URL}/${controllerName}/${entityID}/Audit/${serviceHistoryID}`, parameters);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: OperationsHistoryService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var ServicesHistoryService = class ServicesHistoryService {
+	config = inject(APP_CONFIG);
+	http = inject(HttpClient);
+	list(controllerName, entityID, parameters) {
+		return this.http.post(`${this.config.BASE_URL}/${controllerName}/${entityID}/Audit`, parameters);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ServicesHistoryService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var BrandComponent = class BrandComponent {
+	config = inject(APP_CONFIG);
+	get appName() {
+		return this.config.appName;
+	}
+	get companyName() {
+		return this.config.companyName;
+	}
+	get logoUrl() {
+		return this.config.logoUrl;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BrandComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: BrandComponent,
+		isStandalone: true,
+		selector: "shared-brand",
+		ngImport: i0,
+		template: "<div class=\"brand\">\n  @if (logoUrl) {\n    <img class=\"brand-logo\" [src]=\"logoUrl\" [alt]=\"appName\" />\n  }\n\n  <div class=\"brand-text\">\n    <span class=\"brand-app\">{{ appName }}</span>\n    @if (companyName) {\n      <span class=\"brand-company\">{{ companyName }}</span>\n    }\n  </div>\n</div>\n",
+		styles: ["@layer properties;.brand{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.brand .brand-app{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.brand .brand-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.brand .brand-logo{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;object-fit:contain}.brand .brand-text{display:flex;min-width:0px;flex-direction:column;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25)}@media(max-width:767px){.brand .brand-text{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: BrandComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-brand",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"brand\">\n  @if (logoUrl) {\n    <img class=\"brand-logo\" [src]=\"logoUrl\" [alt]=\"appName\" />\n  }\n\n  <div class=\"brand-text\">\n    <span class=\"brand-app\">{{ appName }}</span>\n    @if (companyName) {\n      <span class=\"brand-company\">{{ companyName }}</span>\n    }\n  </div>\n</div>\n",
+			styles: ["@layer properties;.brand{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.brand .brand-app{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.brand .brand-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.brand .brand-logo{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;object-fit:contain}.brand .brand-text{display:flex;min-width:0px;flex-direction:column;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25)}@media(max-width:767px){.brand .brand-text{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}]
+});
+var EnvironmentBadgeComponent = class EnvironmentBadgeComponent {
+	config = inject(APP_CONFIG);
+	get badgeClass() {
+		return {
+			DEV: "env-dev",
+			QA: "env-qa",
+			STG: "env-stg"
+		}[this.environment] ?? "env-neutral";
+	}
+	get environment() {
+		return (this.config.environment ?? "").trim().toUpperCase();
+	}
+	get isVisible() {
+		return this.environment.length > 0 && this.environment !== "PROD";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: EnvironmentBadgeComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: EnvironmentBadgeComponent,
+		isStandalone: true,
+		selector: "shared-environment-badge",
+		ngImport: i0,
+		template: "@if (isVisible) {\n  <span class=\"env-badge {{ badgeClass }}\">\n    <span class=\"env-dot\"></span>\n    <span class=\"env-label\">{{ environment }}</span>\n  </span>\n}\n",
+		styles: ["@layer properties;.env-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:.325rem;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-inset: inset}.env-badge .env-dot{height:calc(var(--spacing, .25rem) * 1.5);width:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;border-radius:calc(infinity * 1px)}.env-badge.env-dev{background-color:var(--color-blue-50, oklch(97% .014 254.604));color:var(--color-blue-700, oklch(48.8% .243 264.376));--tw-ring-color: color-mix(in srgb, oklch(54.6% .245 262.881) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-dev{--tw-ring-color: color-mix(in oklab, var(--color-blue-600, oklch(54.6% .245 262.881)) 20%, transparent)}}.env-badge.env-dev .env-dot{background-color:var(--color-blue-500, oklch(62.3% .214 259.815))}.env-badge.env-neutral{background-color:var(--color-stone-100, oklch(97% .001 106.424));color:var(--color-stone-600, oklch(44.4% .011 73.639));--tw-ring-color: color-mix(in srgb, oklch(55.3% .013 58.071) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-neutral{--tw-ring-color: color-mix(in oklab, var(--color-stone-500, oklch(55.3% .013 58.071)) 20%, transparent)}}.env-badge.env-neutral .env-dot{background-color:var(--color-stone-500, oklch(55.3% .013 58.071))}.env-badge.env-qa{background-color:var(--color-amber-50, oklch(98.7% .022 95.277));color:var(--color-amber-700, oklch(55.5% .163 48.998));--tw-ring-color: color-mix(in srgb, oklch(66.6% .179 58.318) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-qa{--tw-ring-color: color-mix(in oklab, var(--color-amber-600, oklch(66.6% .179 58.318)) 20%, transparent)}}.env-badge.env-qa .env-dot{background-color:var(--color-amber-500, oklch(76.9% .188 70.08))}.env-badge.env-stg{background-color:var(--color-violet-50, oklch(96.9% .016 293.756));color:var(--color-violet-700, oklch(49.1% .27 292.581));--tw-ring-color: color-mix(in srgb, oklch(54.1% .281 293.009) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-stg{--tw-ring-color: color-mix(in oklab, var(--color-violet-600, oklch(54.1% .281 293.009)) 20%, transparent)}}.env-badge.env-stg .env-dot{background-color:var(--color-violet-500, oklch(60.6% .25 292.717))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: EnvironmentBadgeComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-environment-badge",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (isVisible) {\n  <span class=\"env-badge {{ badgeClass }}\">\n    <span class=\"env-dot\"></span>\n    <span class=\"env-label\">{{ environment }}</span>\n  </span>\n}\n",
+			styles: ["@layer properties;.env-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:.325rem;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-inset: inset}.env-badge .env-dot{height:calc(var(--spacing, .25rem) * 1.5);width:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;border-radius:calc(infinity * 1px)}.env-badge.env-dev{background-color:var(--color-blue-50, oklch(97% .014 254.604));color:var(--color-blue-700, oklch(48.8% .243 264.376));--tw-ring-color: color-mix(in srgb, oklch(54.6% .245 262.881) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-dev{--tw-ring-color: color-mix(in oklab, var(--color-blue-600, oklch(54.6% .245 262.881)) 20%, transparent)}}.env-badge.env-dev .env-dot{background-color:var(--color-blue-500, oklch(62.3% .214 259.815))}.env-badge.env-neutral{background-color:var(--color-stone-100, oklch(97% .001 106.424));color:var(--color-stone-600, oklch(44.4% .011 73.639));--tw-ring-color: color-mix(in srgb, oklch(55.3% .013 58.071) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-neutral{--tw-ring-color: color-mix(in oklab, var(--color-stone-500, oklch(55.3% .013 58.071)) 20%, transparent)}}.env-badge.env-neutral .env-dot{background-color:var(--color-stone-500, oklch(55.3% .013 58.071))}.env-badge.env-qa{background-color:var(--color-amber-50, oklch(98.7% .022 95.277));color:var(--color-amber-700, oklch(55.5% .163 48.998));--tw-ring-color: color-mix(in srgb, oklch(66.6% .179 58.318) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-qa{--tw-ring-color: color-mix(in oklab, var(--color-amber-600, oklch(66.6% .179 58.318)) 20%, transparent)}}.env-badge.env-qa .env-dot{background-color:var(--color-amber-500, oklch(76.9% .188 70.08))}.env-badge.env-stg{background-color:var(--color-violet-50, oklch(96.9% .016 293.756));color:var(--color-violet-700, oklch(49.1% .27 292.581));--tw-ring-color: color-mix(in srgb, oklch(54.1% .281 293.009) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.env-badge.env-stg{--tw-ring-color: color-mix(in oklab, var(--color-violet-600, oklch(54.1% .281 293.009)) 20%, transparent)}}.env-badge.env-stg .env-dot{background-color:var(--color-violet-500, oklch(60.6% .25 292.717))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}]
+});
+var NotificationsComponent = class NotificationsComponent {
+	dropdown = viewChild("dropdown", ...ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []);
+	notificationsService = inject(NotificationsService);
+	router = inject(Router);
+	notifications$ = this.notificationsService.getNotifications();
+	showDropdown = signal(false, ...ngDevMode ? [{ debugName: "showDropdown" }] : /* istanbul ignore next */ []);
+	unreadCount$ = this.notificationsService.getUnreadCount();
+	get isEnabled() {
+		return this.notificationsService.isEnabled;
+	}
+	ngOnInit() {
+		this.notificationsService.start();
+	}
+	onDropdownClick() {
+		this.showDropdown.update((isShown) => !isShown);
+	}
+	onMarkAllAsRead() {
+		this.notificationsService.markAllAsRead();
+	}
+	onNotificationClick(notification) {
+		this.notificationsService.markAsRead(notification);
+		this.showDropdown.set(false);
+		const url = notification.callToActionUrl;
+		if (!url) return;
+		if (/^https?:\/\//i.test(url)) window.open(url, "_blank", "noopener");
+		else this.router.navigateByUrl(url);
+	}
+	documentClick(event) {
+		if (this.showDropdown()) {
+			let target = event.target;
+			while (target !== null && target.tagName?.toUpperCase() !== "BODY") {
+				if (target === this.dropdown()?.nativeElement) return;
+				target = target.parentElement;
+			}
+			this.showDropdown.set(false);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NotificationsComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: NotificationsComponent,
+		isStandalone: true,
+		selector: "shared-notifications",
+		host: { listeners: { "window:click": "documentClick($event)" } },
+		viewQueries: [{
+			propertyName: "dropdown",
+			first: true,
+			predicate: ["dropdown"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "@if (isEnabled) {\n  <div #dropdown class=\"notifications\">\n    <button\n      class=\"btn gray-300 notifications-toggle\"\n      type=\"button\"\n      (click)=\"onDropdownClick()\"\n      [attr.aria-label]=\"'TopBar-Notifications-Title' | translate\"\n    >\n      <i class=\"fa-solid fa-bell\"></i>\n      @if (unreadCount$ | async; as count) {\n        <span class=\"notifications-badge\">{{ count }}</span>\n      }\n    </button>\n\n    @if (showDropdown()) {\n      <div class=\"notifications-panel\">\n        @let items = (notifications$ | async) ?? [];\n\n        <div class=\"notifications-header\">\n          <span>{{ 'TopBar-Notifications-Title' | translate }}</span>\n          @if (items.length > 0) {\n            <button type=\"button\" class=\"notifications-mark-all\" (click)=\"onMarkAllAsRead()\">\n              {{ 'TopBar-Notifications-MarkAllRead' | translate }}\n            </button>\n          }\n        </div>\n\n        @if (items.length > 0) {\n          <ul class=\"notifications-list\">\n            @for (item of items; track $index) {\n              <li class=\"notifications-item\" [class.unread]=\"!item.isRead\">\n                <button\n                  type=\"button\"\n                  class=\"notifications-item-btn\"\n                  [class.has-cta]=\"!!item.callToActionUrl\"\n                  (click)=\"onNotificationClick(item)\"\n                >\n                  <span class=\"notifications-item-icon\"><i class=\"{{ item.icon }}\"></i></span>\n                  <span class=\"notifications-item-body\">\n                    <span class=\"notifications-item-title\">{{ item.title }}</span>\n                    <span class=\"notifications-item-description\">{{ item.description }}</span>\n                  </span>\n                  @if (item.callToActionUrl) {\n                    <i class=\"notifications-item-cta fa-solid fa-chevron-right\"></i>\n                  }\n                </button>\n              </li>\n            }\n          </ul>\n        } @else {\n          <div class=\"notifications-empty\">{{ 'TopBar-Notifications-Empty' | translate }}</div>\n        }\n      </div>\n    }\n  </div>\n}\n",
+		styles: ["@layer properties;.notifications{position:relative}.notifications .notifications-badge{position:absolute;top:calc(var(--spacing, .25rem) * -1);right:calc(var(--spacing, .25rem) * -1);height:calc(var(--spacing, .25rem) * 4);min-width:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);padding-inline:var(--spacing, .25rem);display:flex;align-items:center;justify-content:center;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--color-red-600, oklch(57.7% .245 27.325));color:var(--color-white, #fff)}.notifications .notifications-empty{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.notifications .notifications-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.notifications .notifications-list{max-height:calc(var(--spacing, .25rem) * 80);overflow-y:auto}.notifications .notifications-list .notifications-item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-100, oklch(97% .001 106.424))}.notifications .notifications-list .notifications-item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.notifications .notifications-list .notifications-item.unread{background-color:color-mix(in srgb,#e6f4ff 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.notifications .notifications-list .notifications-item.unread{background-color:color-mix(in oklab,var(--color-primary-50, #e6f4ff) 60%,transparent)}}.notifications .notifications-list .notifications-item .notifications-item-body{display:flex;min-width:0px;flex:1;flex-direction:column}.notifications .notifications-list .notifications-item .notifications-item-btn{display:flex;width:100%;cursor:pointer;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);text-align:left}@media(hover:hover){.notifications .notifications-list .notifications-item .notifications-item-btn:hover{background-color:var(--color-stone-50, oklch(98.5% .001 106.423))}}.notifications .notifications-list .notifications-item .notifications-item-cta{margin-top:var(--spacing, .25rem);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-400, oklch(70.9% .01 56.259))}.notifications .notifications-list .notifications-item .notifications-item-description{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.notifications .notifications-list .notifications-item .notifications-item-icon{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-stone-100, oklch(97% .001 106.424));font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-600, oklch(44.4% .011 73.639))}.notifications .notifications-list .notifications-item .notifications-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-stone-800, oklch(26.8% .007 34.298))}.notifications .notifications-mark-all{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-primary-400, #006bb6)}@media(hover:hover){.notifications .notifications-mark-all:hover{color:var(--color-primary-500, #005794)}}.notifications .notifications-panel{position:absolute;top:100%;right:0;z-index:50;margin-top:var(--spacing, .25rem);width:calc(var(--spacing, .25rem) * 80);max-width:90vw;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));background-color:var(--color-white, #fff);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.notifications .notifications-toggle{position:relative}.notifications .notifications-toggle i{margin-right:0}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [{
+			kind: "pipe",
+			type: AsyncPipe,
+			name: "async"
+		}, {
+			kind: "pipe",
+			type: TranslatePipe,
+			name: "translate"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NotificationsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-notifications",
+			imports: [AsyncPipe, TranslatePipe],
+			template: "@if (isEnabled) {\n  <div #dropdown class=\"notifications\">\n    <button\n      class=\"btn gray-300 notifications-toggle\"\n      type=\"button\"\n      (click)=\"onDropdownClick()\"\n      [attr.aria-label]=\"'TopBar-Notifications-Title' | translate\"\n    >\n      <i class=\"fa-solid fa-bell\"></i>\n      @if (unreadCount$ | async; as count) {\n        <span class=\"notifications-badge\">{{ count }}</span>\n      }\n    </button>\n\n    @if (showDropdown()) {\n      <div class=\"notifications-panel\">\n        @let items = (notifications$ | async) ?? [];\n\n        <div class=\"notifications-header\">\n          <span>{{ 'TopBar-Notifications-Title' | translate }}</span>\n          @if (items.length > 0) {\n            <button type=\"button\" class=\"notifications-mark-all\" (click)=\"onMarkAllAsRead()\">\n              {{ 'TopBar-Notifications-MarkAllRead' | translate }}\n            </button>\n          }\n        </div>\n\n        @if (items.length > 0) {\n          <ul class=\"notifications-list\">\n            @for (item of items; track $index) {\n              <li class=\"notifications-item\" [class.unread]=\"!item.isRead\">\n                <button\n                  type=\"button\"\n                  class=\"notifications-item-btn\"\n                  [class.has-cta]=\"!!item.callToActionUrl\"\n                  (click)=\"onNotificationClick(item)\"\n                >\n                  <span class=\"notifications-item-icon\"><i class=\"{{ item.icon }}\"></i></span>\n                  <span class=\"notifications-item-body\">\n                    <span class=\"notifications-item-title\">{{ item.title }}</span>\n                    <span class=\"notifications-item-description\">{{ item.description }}</span>\n                  </span>\n                  @if (item.callToActionUrl) {\n                    <i class=\"notifications-item-cta fa-solid fa-chevron-right\"></i>\n                  }\n                </button>\n              </li>\n            }\n          </ul>\n        } @else {\n          <div class=\"notifications-empty\">{{ 'TopBar-Notifications-Empty' | translate }}</div>\n        }\n      </div>\n    }\n  </div>\n}\n",
+			styles: ["@layer properties;.notifications{position:relative}.notifications .notifications-badge{position:absolute;top:calc(var(--spacing, .25rem) * -1);right:calc(var(--spacing, .25rem) * -1);height:calc(var(--spacing, .25rem) * 4);min-width:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);padding-inline:var(--spacing, .25rem);display:flex;align-items:center;justify-content:center;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--color-red-600, oklch(57.7% .245 27.325));color:var(--color-white, #fff)}.notifications .notifications-empty{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.notifications .notifications-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.notifications .notifications-list{max-height:calc(var(--spacing, .25rem) * 80);overflow-y:auto}.notifications .notifications-list .notifications-item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-100, oklch(97% .001 106.424))}.notifications .notifications-list .notifications-item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.notifications .notifications-list .notifications-item.unread{background-color:color-mix(in srgb,#e6f4ff 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.notifications .notifications-list .notifications-item.unread{background-color:color-mix(in oklab,var(--color-primary-50, #e6f4ff) 60%,transparent)}}.notifications .notifications-list .notifications-item .notifications-item-body{display:flex;min-width:0px;flex:1;flex-direction:column}.notifications .notifications-list .notifications-item .notifications-item-btn{display:flex;width:100%;cursor:pointer;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);text-align:left}@media(hover:hover){.notifications .notifications-list .notifications-item .notifications-item-btn:hover{background-color:var(--color-stone-50, oklch(98.5% .001 106.423))}}.notifications .notifications-list .notifications-item .notifications-item-cta{margin-top:var(--spacing, .25rem);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-400, oklch(70.9% .01 56.259))}.notifications .notifications-list .notifications-item .notifications-item-description{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-500, oklch(55.3% .013 58.071))}.notifications .notifications-list .notifications-item .notifications-item-icon{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-stone-100, oklch(97% .001 106.424));font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-stone-600, oklch(44.4% .011 73.639))}.notifications .notifications-list .notifications-item .notifications-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-stone-800, oklch(26.8% .007 34.298))}.notifications .notifications-mark-all{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-primary-400, #006bb6)}@media(hover:hover){.notifications .notifications-mark-all:hover{color:var(--color-primary-500, #005794)}}.notifications .notifications-panel{position:absolute;top:100%;right:0;z-index:50;margin-top:var(--spacing, .25rem);width:calc(var(--spacing, .25rem) * 80);max-width:90vw;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));background-color:var(--color-white, #fff);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.notifications .notifications-toggle{position:relative}.notifications .notifications-toggle i{margin-right:0}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		dropdown: [{
+			type: i0.ViewChild,
+			args: ["dropdown", { isSignal: true }]
+		}],
+		documentClick: [{
+			type: HostListener,
+			args: ["window:click", ["$event"]]
+		}]
+	}
+});
+var LanguageSelectorComponent = class LanguageSelectorComponent {
+	dropdown = viewChild("dropdown", ...ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []);
+	showFlag = input(false, ...ngDevMode ? [{ debugName: "showFlag" }] : /* istanbul ignore next */ []);
+	title = input("LanguageSelector-Title", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	translate = inject(TranslateService);
+	languages = this.translate.getLangs();
+	showDropdown = signal(false, ...ngDevMode ? [{ debugName: "showDropdown" }] : /* istanbul ignore next */ []);
+	currentLang = toSignal(this.translate.onLangChange.pipe(map((event) => event.lang)), { initialValue: this.translate.currentLang });
+	get selectedLanguage() {
+		return this.currentLang();
+	}
+	onDropdownClick() {
+		this.showDropdown.update((isShown) => !isShown);
+	}
+	onSelectLanguage(language) {
+		localStorage.setItem("language", language);
+		this.translate.use(language);
+		this.showDropdown.set(false);
+	}
+	documentClick(event) {
+		if (this.showDropdown()) {
+			let target = event.target;
+			while (target !== null && target.tagName?.toUpperCase() !== "BODY") {
+				if (target === this.dropdown()?.nativeElement) return;
+				target = target.parentElement;
+			}
+			this.showDropdown.set(false);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LanguageSelectorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: LanguageSelectorComponent,
+		isStandalone: true,
+		selector: "shared-language-selector",
+		inputs: {
+			showFlag: {
+				classPropertyName: "showFlag",
+				publicName: "showFlag",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { listeners: { "window:click": "documentClick($event)" } },
+		viewQueries: [{
+			propertyName: "dropdown",
+			first: true,
+			predicate: ["dropdown"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div #dropdown class=\"dropdown right\" [class.show]=\"showDropdown()\">\n  <button\n    class=\"btn\"\n    type=\"button\"\n    (click)=\"onDropdownClick()\"\n    [class.gray-300]=\"showFlag()\"\n    [class.lang-flag-toggle]=\"showFlag()\"\n    [attr.aria-label]=\"showFlag() ? (title() | translate) : null\"\n  >\n    @if (showFlag()) {\n      <span class=\"flag flag-{{ selectedLanguage }}\"></span>\n    } @else {\n      {{ title() | translate }}\n    }\n  </button>\n\n  <ul>\n    @for (lang of languages; track lang) {\n      <li>\n        <button\n          type=\"button\"\n          class=\"dropdown-item\"\n          [class.selected]=\"lang === selectedLanguage\"\n          (click)=\"onSelectLanguage(lang)\"\n        >\n          <span class=\"flag flag-{{ lang }}\"></span>\n          <span class=\"dropdown-label\">{{ 'Language-' + lang | translate }}</span>\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n",
+		styles: ["@layer properties;.dropdown .btn{width:100%;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.dropdown .flag{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;border-radius:var(--radius-xs, .125rem);background-size:cover;background-position:center;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: color-mix(in srgb, #000 10%, transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown .flag{--tw-ring-color: color-mix(in oklab, var(--color-black, #000) 10%, transparent)}}.dropdown .flag.flag-en{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 76 40\"%3E%3Crect width=\"76\" height=\"40\" fill=\"%23b22234\"/%3E%3Cg fill=\"%23fff\"%3E%3Crect y=\"3\" width=\"76\" height=\"3\"/%3E%3Crect y=\"9\" width=\"76\" height=\"3\"/%3E%3Crect y=\"15\" width=\"76\" height=\"3\"/%3E%3Crect y=\"22\" width=\"76\" height=\"3\"/%3E%3Crect y=\"28\" width=\"76\" height=\"3\"/%3E%3Crect y=\"34\" width=\"76\" height=\"3\"/%3E%3C/g%3E%3Crect width=\"30\" height=\"22\" fill=\"%233c3b6e\"/%3E%3C/svg%3E')}.dropdown .flag.flag-pt{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 70 49\"%3E%3Crect width=\"70\" height=\"49\" fill=\"%23009c3b\"/%3E%3Cpath d=\"M35 6L64 24.5L35 43L6 24.5Z\" fill=\"%23ffdf00\"/%3E%3Ccircle cx=\"35\" cy=\"24.5\" r=\"9.8\" fill=\"%23002776\"/%3E%3C/svg%3E')}.dropdown .lang-flag-toggle{display:flex;height:calc(var(--spacing, .25rem) * 9);width:auto;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing, .25rem) * 2.5)}.dropdown .lang-flag-toggle:after{border-top-color:currentColor;margin-left:.325rem}.dropdown ul{z-index:50;margin-top:var(--spacing, .25rem);min-width:11rem;padding:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));background-color:var(--color-white, #fff);--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropdown ul .dropdown-item{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;text-align:left;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-stone-700, oklch(37.4% .01 67.558))}@media(hover:hover){.dropdown ul .dropdown-item:hover{background-color:var(--color-stone-100, oklch(97% .001 106.424))}}@media(hover:hover){.dropdown ul .dropdown-item:hover{color:var(--color-stone-700, oklch(37.4% .01 67.558))}}.dropdown ul .dropdown-item:focus{background-color:var(--color-stone-100, oklch(97% .001 106.424))}.dropdown ul .dropdown-item:focus{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.dropdown ul .dropdown-item:focus{outline:2px solid transparent;outline-offset:2px}}.dropdown ul .dropdown-item:active{background-color:var(--color-stone-200, oklch(92.3% .003 48.717))}.dropdown ul .dropdown-item:active{color:var(--color-stone-700, oklch(37.4% .01 67.558))}.dropdown ul .dropdown-item.selected{background-color:var(--color-primary-50, #e6f4ff);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-700, #002f50)}.dropdown ul .dropdown-item.selected:hover{background-color:var(--color-primary-100, #9acaed)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [{
+			kind: "pipe",
+			type: TranslatePipe,
+			name: "translate"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LanguageSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-language-selector",
+			imports: [TranslatePipe],
+			template: "<div #dropdown class=\"dropdown right\" [class.show]=\"showDropdown()\">\n  <button\n    class=\"btn\"\n    type=\"button\"\n    (click)=\"onDropdownClick()\"\n    [class.gray-300]=\"showFlag()\"\n    [class.lang-flag-toggle]=\"showFlag()\"\n    [attr.aria-label]=\"showFlag() ? (title() | translate) : null\"\n  >\n    @if (showFlag()) {\n      <span class=\"flag flag-{{ selectedLanguage }}\"></span>\n    } @else {\n      {{ title() | translate }}\n    }\n  </button>\n\n  <ul>\n    @for (lang of languages; track lang) {\n      <li>\n        <button\n          type=\"button\"\n          class=\"dropdown-item\"\n          [class.selected]=\"lang === selectedLanguage\"\n          (click)=\"onSelectLanguage(lang)\"\n        >\n          <span class=\"flag flag-{{ lang }}\"></span>\n          <span class=\"dropdown-label\">{{ 'Language-' + lang | translate }}</span>\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n",
+			styles: ["@layer properties;.dropdown .btn{width:100%;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.dropdown .flag{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;border-radius:var(--radius-xs, .125rem);background-size:cover;background-position:center;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: color-mix(in srgb, #000 10%, transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown .flag{--tw-ring-color: color-mix(in oklab, var(--color-black, #000) 10%, transparent)}}.dropdown .flag.flag-en{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 76 40\"%3E%3Crect width=\"76\" height=\"40\" fill=\"%23b22234\"/%3E%3Cg fill=\"%23fff\"%3E%3Crect y=\"3\" width=\"76\" height=\"3\"/%3E%3Crect y=\"9\" width=\"76\" height=\"3\"/%3E%3Crect y=\"15\" width=\"76\" height=\"3\"/%3E%3Crect y=\"22\" width=\"76\" height=\"3\"/%3E%3Crect y=\"28\" width=\"76\" height=\"3\"/%3E%3Crect y=\"34\" width=\"76\" height=\"3\"/%3E%3C/g%3E%3Crect width=\"30\" height=\"22\" fill=\"%233c3b6e\"/%3E%3C/svg%3E')}.dropdown .flag.flag-pt{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 70 49\"%3E%3Crect width=\"70\" height=\"49\" fill=\"%23009c3b\"/%3E%3Cpath d=\"M35 6L64 24.5L35 43L6 24.5Z\" fill=\"%23ffdf00\"/%3E%3Ccircle cx=\"35\" cy=\"24.5\" r=\"9.8\" fill=\"%23002776\"/%3E%3C/svg%3E')}.dropdown .lang-flag-toggle{display:flex;height:calc(var(--spacing, .25rem) * 9);width:auto;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing, .25rem) * 2.5)}.dropdown .lang-flag-toggle:after{border-top-color:currentColor;margin-left:.325rem}.dropdown ul{z-index:50;margin-top:var(--spacing, .25rem);min-width:11rem;padding:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-200, oklch(92.3% .003 48.717));background-color:var(--color-white, #fff);--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropdown ul .dropdown-item{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;text-align:left;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-stone-700, oklch(37.4% .01 67.558))}@media(hover:hover){.dropdown ul .dropdown-item:hover{background-color:var(--color-stone-100, oklch(97% .001 106.424))}}@media(hover:hover){.dropdown ul .dropdown-item:hover{color:var(--color-stone-700, oklch(37.4% .01 67.558))}}.dropdown ul .dropdown-item:focus{background-color:var(--color-stone-100, oklch(97% .001 106.424))}.dropdown ul .dropdown-item:focus{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.dropdown ul .dropdown-item:focus{outline:2px solid transparent;outline-offset:2px}}.dropdown ul .dropdown-item:active{background-color:var(--color-stone-200, oklch(92.3% .003 48.717))}.dropdown ul .dropdown-item:active{color:var(--color-stone-700, oklch(37.4% .01 67.558))}.dropdown ul .dropdown-item.selected{background-color:var(--color-primary-50, #e6f4ff);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-700, #002f50)}.dropdown ul .dropdown-item.selected:hover{background-color:var(--color-primary-100, #9acaed)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		dropdown: [{
+			type: i0.ViewChild,
+			args: ["dropdown", { isSignal: true }]
+		}],
+		showFlag: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showFlag",
+				required: false
+			}]
+		}],
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		documentClick: [{
+			type: HostListener,
+			args: ["window:click", ["$event"]]
+		}]
+	}
+});
+var UserProfileComponent = class UserProfileComponent {
+	authenticationService = inject(AuthenticationService);
+	user = signal(null, ...ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []);
+	get initials() {
+		const parts = this.name.trim().split(/\s+/).filter((p) => p.length > 0);
+		if (parts.length === 0) return "";
+		return (parts[0].charAt(0) + (parts.length > 1 ? parts[parts.length - 1].charAt(0) : "")).toUpperCase();
+	}
+	get name() {
+		return this.user()?.name ?? "";
+	}
+	get pictureUrl() {
+		return this.user()?.pictureUrl;
+	}
+	get position() {
+		return this.user()?.position ?? "";
+	}
+	ngOnInit() {
+		this.user.set(this.authenticationService.getUserInfo());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UserProfileComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: UserProfileComponent,
+		isStandalone: true,
+		selector: "shared-user-profile",
+		ngImport: i0,
+		template: "<div class=\"user-profile\">\n  <div class=\"user-text\">\n    <span class=\"user-name\">{{ name }}</span>\n    @if (position) {\n      <span class=\"user-position\">{{ position }}</span>\n    }\n  </div>\n\n  <div class=\"user-avatar\">\n    @if (pictureUrl) {\n      <img class=\"user-avatar-img\" [src]=\"pictureUrl\" [alt]=\"name\" />\n    } @else {\n      <span class=\"user-avatar-initials\">{{ initials }}</span>\n    }\n  </div>\n</div>\n",
+		styles: ["@layer properties;@media(max-width:767px){:host{display:none}}.user-profile{display:flex;height:calc(var(--spacing, .25rem) * 9);min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;background-color:color-mix(in srgb,#000 5%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}@supports (color: color-mix(in lab,red,red)){.user-profile{background-color:color-mix(in oklab,var(--color-black, #000) 5%,transparent)}}@media(hover:hover){.user-profile:hover{background-color:color-mix(in srgb,#000 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.user-profile:hover{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}}.user-profile .user-avatar{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);background-color:var(--color-primary-500, #005794);color:var(--color-white, #fff)}.user-profile .user-avatar-img{height:100%;width:100%;object-fit:cover}.user-profile .user-avatar-initials{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase}.user-profile .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-stone-800, oklch(26.8% .007 34.298))}.user-profile .user-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);color:var(--color-stone-500, oklch(55.3% .013 58.071))}.user-profile .user-text{display:flex;min-width:0px;flex-direction:column;text-align:right}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UserProfileComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-user-profile",
+			template: "<div class=\"user-profile\">\n  <div class=\"user-text\">\n    <span class=\"user-name\">{{ name }}</span>\n    @if (position) {\n      <span class=\"user-position\">{{ position }}</span>\n    }\n  </div>\n\n  <div class=\"user-avatar\">\n    @if (pictureUrl) {\n      <img class=\"user-avatar-img\" [src]=\"pictureUrl\" [alt]=\"name\" />\n    } @else {\n      <span class=\"user-avatar-initials\">{{ initials }}</span>\n    }\n  </div>\n</div>\n",
+			styles: ["@layer properties;@media(max-width:767px){:host{display:none}}.user-profile{display:flex;height:calc(var(--spacing, .25rem) * 9);min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;background-color:color-mix(in srgb,#000 5%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}@supports (color: color-mix(in lab,red,red)){.user-profile{background-color:color-mix(in oklab,var(--color-black, #000) 5%,transparent)}}@media(hover:hover){.user-profile:hover{background-color:color-mix(in srgb,#000 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.user-profile:hover{background-color:color-mix(in oklab,var(--color-black, #000) 10%,transparent)}}}.user-profile .user-avatar{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);background-color:var(--color-primary-500, #005794);color:var(--color-white, #fff)}.user-profile .user-avatar-img{height:100%;width:100%;object-fit:cover}.user-profile .user-avatar-initials{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase}.user-profile .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--color-stone-800, oklch(26.8% .007 34.298))}.user-profile .user-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);color:var(--color-stone-500, oklch(55.3% .013 58.071))}.user-profile .user-text{display:flex;min-width:0px;flex-direction:column;text-align:right}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}]
+});
+var TopBarComponent = class TopBarComponent {
+	logout = output();
+	onLogoutClick() {
+		this.logout.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TopBarComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: TopBarComponent,
+		isStandalone: true,
+		selector: "shared-top-bar",
+		outputs: { logout: "logout" },
+		ngImport: i0,
+		template: "<div class=\"top-bar\">\n  <div class=\"top-bar-section top-bar-start\">\n    <shared-brand></shared-brand>\n    <shared-environment-badge></shared-environment-badge>\n  </div>\n\n  <div class=\"top-bar-section top-bar-end\">\n    <shared-notifications></shared-notifications>\n    <shared-language-selector [showFlag]=\"true\"></shared-language-selector>\n\n    <!-- Theme switch slot (deferred — see 2026-07-23-top-bar-update-design.md) -->\n\n    <shared-user-profile></shared-user-profile>\n\n    <button\n      class=\"btn gray-300 top-bar-logout\"\n      type=\"button\"\n      (click)=\"onLogoutClick()\"\n      [attr.aria-label]=\"'Main-Logout' | translate\"\n    >\n      <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n    </button>\n  </div>\n</div>\n",
+		styles: [".top-bar{display:flex;width:100%;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.top-bar .top-bar-end{flex-shrink:0}.top-bar .top-bar-section{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.top-bar .top-bar-start{min-width:0px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: BrandComponent,
+				selector: "shared-brand"
+			},
+			{
+				kind: "component",
+				type: EnvironmentBadgeComponent,
+				selector: "shared-environment-badge"
+			},
+			{
+				kind: "component",
+				type: LanguageSelectorComponent,
+				selector: "shared-language-selector",
+				inputs: ["showFlag", "title"]
+			},
+			{
+				kind: "component",
+				type: NotificationsComponent,
+				selector: "shared-notifications"
+			},
+			{
+				kind: "component",
+				type: UserProfileComponent,
+				selector: "shared-user-profile"
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TopBarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-top-bar",
+			imports: [
+				BrandComponent,
+				EnvironmentBadgeComponent,
+				LanguageSelectorComponent,
+				NotificationsComponent,
+				TranslatePipe,
+				UserProfileComponent
+			],
+			template: "<div class=\"top-bar\">\n  <div class=\"top-bar-section top-bar-start\">\n    <shared-brand></shared-brand>\n    <shared-environment-badge></shared-environment-badge>\n  </div>\n\n  <div class=\"top-bar-section top-bar-end\">\n    <shared-notifications></shared-notifications>\n    <shared-language-selector [showFlag]=\"true\"></shared-language-selector>\n\n    <!-- Theme switch slot (deferred — see 2026-07-23-top-bar-update-design.md) -->\n\n    <shared-user-profile></shared-user-profile>\n\n    <button\n      class=\"btn gray-300 top-bar-logout\"\n      type=\"button\"\n      (click)=\"onLogoutClick()\"\n      [attr.aria-label]=\"'Main-Logout' | translate\"\n    >\n      <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n    </button>\n  </div>\n</div>\n",
+			styles: [".top-bar{display:flex;width:100%;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.top-bar .top-bar-end{flex-shrink:0}.top-bar .top-bar-section{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.top-bar .top-bar-start{min-width:0px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: { logout: [{
+		type: i0.Output,
+		args: ["logout"]
+	}] }
+});
+var MainLayoutComponent = class MainLayoutComponent {
+	logoutModal = viewChild("logoutModal", ...ngDevMode ? [{ debugName: "logoutModal" }] : /* istanbul ignore next */ []);
+	authenticationService = inject(AuthenticationService);
+	destroy$ = new Subject();
+	externalContentService = inject(ExternalContentService);
+	externalUrlResolverService = inject(ExternalUrlResolverService);
+	router = inject(Router);
+	sidebarService = inject(SidebarService);
+	tabService = inject(TabService);
+	appVersion = inject(APP_CONFIG).version;
+	ngOnDestroy() {
+		this.destroy$.next(true);
+		this.destroy$.complete();
+	}
+	ngOnInit() {
+		const url = this.router.url;
+		if (url !== "/" && !this.tabService.isUrlOpen(url)) this.sidebarService.getMenuFromUrl(url).pipe(take(1)).subscribe({
+			next: (item) => {
+				if (item) this.tabService.updateTabTitle(url, item.label);
+			},
+			error: () => void 0
+		});
+		this.sidebarService.menuExternalUrlSelected.pipe(takeUntil(this.destroy$)).subscribe((item) => this.openExternalMenu(item));
+		this.sidebarService.menuUrlSelected.pipe(takeUntil(this.destroy$)).subscribe((item) => {
+			const tab = new Tab({
+				title: item.label,
+				url: item.url
+			});
+			this.tabService.openTab(tab);
+		});
+	}
+	onLogoutClick() {
+		this.logoutModal()?.toggleModal();
+	}
+	onLogoutConfirm() {
+		this.authenticationService.signOut();
+		this.router.navigate(["/login"]);
+	}
+	openExternalMenu(item) {
+		const rawUrl = item.url ?? "";
+		if (rawUrl.length === 0) return;
+		if (toSidebarMenuOpenMode(item.openMode) === SidebarMenuOpenMode.ExternalEmbedded) {
+			this.externalContentService.register(item);
+			const tab = new Tab({
+				title: item.label,
+				url: `/${EXTERNAL_CONTENT_ROUTE_PATH}/${item.id}`
+			});
+			this.tabService.openTab(tab);
+			return;
+		}
+		const url = this.externalUrlResolverService.resolve(rawUrl);
+		if (!this.externalUrlResolverService.isAllowed(url)) {
+			console.error(`Sidebar menu "${item.label}" points to an unsupported external address and was not opened.`, url);
+			return;
+		}
+		window.open(url, "_blank", "noopener,noreferrer");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MainLayoutComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: MainLayoutComponent,
+		isStandalone: true,
+		selector: "shared-main-layout",
+		viewQueries: [{
+			propertyName: "logoutModal",
+			first: true,
+			predicate: ["logoutModal"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"main-container\">\n  <div class=\"sidebar-region\">\n    <lib-sidebar>\n      @if (appVersion) {\n        <span>v{{ appVersion }}</span>\n      }\n    </lib-sidebar>\n  </div>\n\n  <shared-top-bar class=\"toolbar\" (logout)=\"onLogoutClick()\"></shared-top-bar>\n\n  <div class=\"content\">\n    <framework-tabs>\n      <router-outlet></router-outlet>\n    </framework-tabs>\n  </div>\n</div>\n\n<lib-modal #logoutModal position=\"top\" size=\"xl\" [closeButtonText]=\"'Main-Logout-Modal-Message-Cancel' | translate\">\n  <div body>\n    <h5>{{ 'Main-Logout-Modal-Message' | translate }}</h5>\n  </div>\n  <div footer>\n    <button type=\"button\" class=\"btn red-600\" (click)=\"onLogoutConfirm()\">\n      {{ 'Main-Logout-Modal-Message-Confirm' | translate }}\n    </button>\n  </div>\n</lib-modal>\n",
+		styles: ["@charset \"UTF-8\";@layer properties;.main-container{display:grid;height:100vh;max-height:100vh;width:100vw;max-width:100%;background:var(--app-backdrop);grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:\"toolbar toolbar\" \"sidebar content\"}.main-container .sidebar-region{padding:calc(var(--spacing, .25rem) * 3);grid-area:sidebar}.main-container .toolbar{display:flex;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-300, oklch(86.9% .005 56.366));background-color:color-mix(in srgb,#fff 90%,transparent);padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);grid-area:toolbar}@supports (color: color-mix(in lab,red,red)){.main-container .toolbar{background-color:color-mix(in oklab,var(--color-white, #fff) 90%,transparent)}}.main-container .content{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:content}.main-container framework-tabs{height:100%}lib-modal h5{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ModalComponent,
+				selector: "lib-modal",
+				inputs: [
+					"closeButtonText",
+					"dialog",
+					"modalProcessing",
+					"position",
+					"size",
+					"title"
+				],
+				outputs: [
+					"closeButtonTextChange",
+					"modalProcessingChange",
+					"closed"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.RouterOutlet,
+				selector: "router-outlet",
+				inputs: ["name", "routerOutletData"],
+				outputs: [
+					"activate",
+					"deactivate",
+					"attach",
+					"detach"
+				],
+				exportAs: ["outlet"]
+			},
+			{
+				kind: "component",
+				type: SidebarComponent,
+				selector: "lib-sidebar"
+			},
+			{
+				kind: "component",
+				type: TabsComponent,
+				selector: "framework-tabs"
+			},
+			{
+				kind: "component",
+				type: TopBarComponent,
+				selector: "shared-top-bar",
+				outputs: ["logout"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MainLayoutComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-main-layout",
+			imports: [
+				ModalComponent,
+				RouterModule,
+				SidebarComponent,
+				TabsComponent,
+				TopBarComponent,
+				TranslatePipe
+			],
+			template: "<div class=\"main-container\">\n  <div class=\"sidebar-region\">\n    <lib-sidebar>\n      @if (appVersion) {\n        <span>v{{ appVersion }}</span>\n      }\n    </lib-sidebar>\n  </div>\n\n  <shared-top-bar class=\"toolbar\" (logout)=\"onLogoutClick()\"></shared-top-bar>\n\n  <div class=\"content\">\n    <framework-tabs>\n      <router-outlet></router-outlet>\n    </framework-tabs>\n  </div>\n</div>\n\n<lib-modal #logoutModal position=\"top\" size=\"xl\" [closeButtonText]=\"'Main-Logout-Modal-Message-Cancel' | translate\">\n  <div body>\n    <h5>{{ 'Main-Logout-Modal-Message' | translate }}</h5>\n  </div>\n  <div footer>\n    <button type=\"button\" class=\"btn red-600\" (click)=\"onLogoutConfirm()\">\n      {{ 'Main-Logout-Modal-Message-Confirm' | translate }}\n    </button>\n  </div>\n</lib-modal>\n",
+			styles: ["@charset \"UTF-8\";@layer properties;.main-container{display:grid;height:100vh;max-height:100vh;width:100vw;max-width:100%;background:var(--app-backdrop);grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:\"toolbar toolbar\" \"sidebar content\"}.main-container .sidebar-region{padding:calc(var(--spacing, .25rem) * 3);grid-area:sidebar}.main-container .toolbar{display:flex;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-stone-300, oklch(86.9% .005 56.366));background-color:color-mix(in srgb,#fff 90%,transparent);padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);grid-area:toolbar}@supports (color: color-mix(in lab,red,red)){.main-container .toolbar{background-color:color-mix(in oklab,var(--color-white, #fff) 90%,transparent)}}.main-container .content{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:content}.main-container framework-tabs{height:100%}lib-modal h5{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: { logoutModal: [{
+		type: i0.ViewChild,
+		args: ["logoutModal", { isSignal: true }]
+	}] }
+});
+var LoginComponent = class LoginComponent {
+	username = viewChild("username", ...ngDevMode ? [{ debugName: "username" }] : /* istanbul ignore next */ []);
+	form;
+	formState = signal({
+		error: null,
+		loading: false,
+		success: false
+	}, ...ngDevMode ? [{ debugName: "formState" }] : /* istanbul ignore next */ []);
+	authenticationService = inject(AuthenticationService);
+	formBuilder = inject(FormBuilder);
+	router = inject(Router);
+	ngOnInit() {
+		this.form = this.formBuilder.group({
+			password: ["", Validators.required],
+			rememberMe: [false, { nonNullable: true }],
+			username: ["", Validators.required]
+		});
+	}
+	onSubmit() {
+		this.form.markAllAsTouched();
+		if (this.form.valid) {
+			this.form.disable();
+			this.formState.update((state) => ({
+				...state,
+				error: null,
+				loading: true
+			}));
+			this.authenticationService.authenticate({
+				username: this.form.get("username")?.value.toString() ?? "",
+				password: this.form.get("password")?.value.toString() ?? "",
+				rememberMe: this.form.get("rememberMe")?.value ?? false
+			}).pipe(tap(() => this.formState.update((state) => ({
+				...state,
+				success: true
+			}))), finalize(() => this.formState.update((state) => ({
+				...state,
+				loading: false
+			})))).subscribe({
+				next: () => {
+					const params = new URLSearchParams(window.location.search);
+					this.router.navigate([params.get("returnUrl") ?? "/"]);
+				},
+				error: (e) => {
+					this.form.enable();
+					this.form.controls["password"].setValue("");
+					this.form.controls["password"].markAsUntouched();
+					this.username()?.nativeElement.focus();
+					const error = e === "InvalidUsernamePassword" ? "invalid" : "internalServerError";
+					this.formState.update((state) => ({
+						...state,
+						error
+					}));
+				}
+			});
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LoginComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: LoginComponent,
+		isStandalone: true,
+		selector: "shared-login",
+		viewQueries: [{
+			propertyName: "username",
+			first: true,
+			predicate: ["username"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"content\">\n  <div class=\"login\">\n    <div class=\"logo-container\">\n      <div class=\"logo\">\n        <img src=\"/logo-login.png\" alt=\"Logo\" />\n      </div>\n    </div>\n\n    <h3 class=\"title\">{{ 'Login-Title' | translate }}</h3>\n\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"validations\" [class.hidden]=\"!formState().error\">\n        @if (formState().error === 'invalid') {\n          <div>\n            {{ 'Login-Errors-Invalid' | translate }}\n          </div>\n        }\n        @if (formState().error === 'internalServerError') {\n          <div>\n            {{ 'Login-Errors-InternalServerError' | translate }}\n          </div>\n        }\n      </div>\n\n      <div class=\"input-group inline\">\n        <input\n          type=\"text\"\n          #username\n          id=\"username\"\n          formControlName=\"username\"\n          class=\"form-input peer\"\n          [placeholder]=\"'Login-Username' | translate\"\n        />\n\n        <div class=\"input-group-text\">\n          <label for=\"username\">\n            <i class=\"fas fa-user fa-fw\"></i>\n          </label>\n        </div>\n\n        <div class=\"validations\">\n          @if (form.get('username')?.hasError('required')) {\n            <span>{{ 'Login-Username-Required' | translate }}</span>\n          }\n        </div>\n      </div>\n\n      <div class=\"input-group inline\">\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          class=\"form-input\"\n          [placeholder]=\"'Login-Password' | translate\"\n        />\n\n        <div class=\"input-group-text\">\n          <label for=\"password\">\n            <i class=\"fas fa-key fa-fw\"></i>\n          </label>\n        </div>\n\n        <div class=\"validations\">\n          @if (form.get('password')?.hasError('required')) {\n            <span>{{ 'Login-Password-Required' | translate }}</span>\n          }\n        </div>\n      </div>\n\n      <div class=\"options\">\n        <div>\n          <input class=\"form-input\" id=\"rememberMe\" formControlName=\"rememberMe\" type=\"checkbox\" />\n          <label for=\"rememberMe\">{{ 'Login-RememberMe' | translate }}</label>\n        </div>\n\n        <shared-language-selector></shared-language-selector>\n      </div>\n\n      <div class=\"buttons\">\n        <button\n          type=\"submit\"\n          class=\"btn\"\n          [class.loading]=\"formState().loading && !formState().success && !formState().error\"\n          [class.error]=\"formState().error\"\n          [class.success]=\"formState().success\"\n        >\n          @if (!formState().loading) {\n            <i class=\"fas fa-sign-in-alt fa-fw\"></i>\n          }\n          {{ 'Login-SignIn' | translate }}\n        </button>\n      </div>\n    </form>\n  </div>\n\n  <div class=\"footer\">\n    <span [innerHTML]=\"'Login-Copyright' | translate\"></span>\n    <span class=\"design\">{{ 'Login-DesignBy' | translate }}</span>\n  </div>\n</div>\n",
+		styles: ["@layer properties;:host{display:block}.content{margin-inline:auto;width:calc(10 / 12 * 100%);border-radius:var(--radius-lg, .5rem);--tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 6px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(width>=48rem){.content{width:calc(8 / 12 * 100%)}}@media(width>=80rem){.content{width:calc(5 / 12 * 100%)}}:where(.content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.content>:not(:last-child)){border-color:var(--color-zinc-400, oklch(70.5% .015 286.067))}.content .login{position:relative;z-index:10;margin-top:calc(var(--spacing, .25rem) * 20);border-top-left-radius:var(--radius-lg, .5rem);border-top-right-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#fff 60%,transparent);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:calc(var(--spacing, .25rem) * 20);padding-bottom:calc(var(--spacing, .25rem) * 6);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@supports (color: color-mix(in lab,red,red)){.content .login{background-color:color-mix(in oklab,var(--color-white, #fff) 60%,transparent)}}.content .login .logo-container{margin-top:calc(var(--spacing, .25rem) * -40);margin-right:auto;margin-bottom:calc(var(--spacing, .25rem) * 4);margin-left:auto;width:fit-content;border-radius:var(--radius-3xl, 1.5rem);padding:calc(var(--spacing, .25rem) * 2);background-color:var(--color-white, #fff);--tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 6px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.content .login .logo-container .logo{width:fit-content;border-radius:var(--radius-3xl, 1.5rem);padding:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-amber-300, oklch(87.9% .169 91.605))}.content .login .logo-container .logo img{height:calc(var(--spacing, .25rem) * 40);min-width:fit-content}.content .login .title{padding-bottom:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.content .login form>.validations{text-align:center;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:var(--color-red-500, oklch(63.7% .237 25.331))}.content .login form>.validations:after{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-red-500, oklch(63.7% .237 25.331));--tw-content: \"\";content:var(--tw-content);animation:separator 1s ease-in-out forwards}.content .login form .options{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-between}.content .login form .options shared-language-selector{margin-bottom:calc(var(--spacing, .25rem) * 3);width:100%}@media(width>=40rem){.content .login form .options shared-language-selector{margin-bottom:0}}@media(width>=40rem){.content .login form .options shared-language-selector{width:auto}}.content .login form .buttons{display:flex;justify-content:center;gap:calc(var(--spacing, .25rem) * 4)}.content .footer{border-bottom-right-radius:var(--radius-lg, .5rem);border-bottom-left-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);background-color:color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);display:flex;flex-wrap:wrap;justify-content:space-between}@supports (color: color-mix(in lab,red,red)){.content .footer{background-color:color-mix(in oklab,var(--color-slate-200, oklch(92.9% .013 255.508)) 60%,transparent)}}@keyframes separator{0%{width:0}to{width:100%}}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-font-weight: initial;--tw-content: \"\";--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: LanguageSelectorComponent,
+				selector: "shared-language-selector",
+				inputs: ["showFlag", "title"]
+			},
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.CheckboxControlValueAccessor,
+				selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LoginComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-login",
+			imports: [
+				LanguageSelectorComponent,
+				ReactiveFormsModule,
+				RouterModule,
+				TranslatePipe
+			],
+			template: "<div class=\"content\">\n  <div class=\"login\">\n    <div class=\"logo-container\">\n      <div class=\"logo\">\n        <img src=\"/logo-login.png\" alt=\"Logo\" />\n      </div>\n    </div>\n\n    <h3 class=\"title\">{{ 'Login-Title' | translate }}</h3>\n\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"validations\" [class.hidden]=\"!formState().error\">\n        @if (formState().error === 'invalid') {\n          <div>\n            {{ 'Login-Errors-Invalid' | translate }}\n          </div>\n        }\n        @if (formState().error === 'internalServerError') {\n          <div>\n            {{ 'Login-Errors-InternalServerError' | translate }}\n          </div>\n        }\n      </div>\n\n      <div class=\"input-group inline\">\n        <input\n          type=\"text\"\n          #username\n          id=\"username\"\n          formControlName=\"username\"\n          class=\"form-input peer\"\n          [placeholder]=\"'Login-Username' | translate\"\n        />\n\n        <div class=\"input-group-text\">\n          <label for=\"username\">\n            <i class=\"fas fa-user fa-fw\"></i>\n          </label>\n        </div>\n\n        <div class=\"validations\">\n          @if (form.get('username')?.hasError('required')) {\n            <span>{{ 'Login-Username-Required' | translate }}</span>\n          }\n        </div>\n      </div>\n\n      <div class=\"input-group inline\">\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          class=\"form-input\"\n          [placeholder]=\"'Login-Password' | translate\"\n        />\n\n        <div class=\"input-group-text\">\n          <label for=\"password\">\n            <i class=\"fas fa-key fa-fw\"></i>\n          </label>\n        </div>\n\n        <div class=\"validations\">\n          @if (form.get('password')?.hasError('required')) {\n            <span>{{ 'Login-Password-Required' | translate }}</span>\n          }\n        </div>\n      </div>\n\n      <div class=\"options\">\n        <div>\n          <input class=\"form-input\" id=\"rememberMe\" formControlName=\"rememberMe\" type=\"checkbox\" />\n          <label for=\"rememberMe\">{{ 'Login-RememberMe' | translate }}</label>\n        </div>\n\n        <shared-language-selector></shared-language-selector>\n      </div>\n\n      <div class=\"buttons\">\n        <button\n          type=\"submit\"\n          class=\"btn\"\n          [class.loading]=\"formState().loading && !formState().success && !formState().error\"\n          [class.error]=\"formState().error\"\n          [class.success]=\"formState().success\"\n        >\n          @if (!formState().loading) {\n            <i class=\"fas fa-sign-in-alt fa-fw\"></i>\n          }\n          {{ 'Login-SignIn' | translate }}\n        </button>\n      </div>\n    </form>\n  </div>\n\n  <div class=\"footer\">\n    <span [innerHTML]=\"'Login-Copyright' | translate\"></span>\n    <span class=\"design\">{{ 'Login-DesignBy' | translate }}</span>\n  </div>\n</div>\n",
+			styles: ["@layer properties;:host{display:block}.content{margin-inline:auto;width:calc(10 / 12 * 100%);border-radius:var(--radius-lg, .5rem);--tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 6px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(width>=48rem){.content{width:calc(8 / 12 * 100%)}}@media(width>=80rem){.content{width:calc(5 / 12 * 100%)}}:where(.content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.content>:not(:last-child)){border-color:var(--color-zinc-400, oklch(70.5% .015 286.067))}.content .login{position:relative;z-index:10;margin-top:calc(var(--spacing, .25rem) * 20);border-top-left-radius:var(--radius-lg, .5rem);border-top-right-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#fff 60%,transparent);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:calc(var(--spacing, .25rem) * 20);padding-bottom:calc(var(--spacing, .25rem) * 6);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@supports (color: color-mix(in lab,red,red)){.content .login{background-color:color-mix(in oklab,var(--color-white, #fff) 60%,transparent)}}.content .login .logo-container{margin-top:calc(var(--spacing, .25rem) * -40);margin-right:auto;margin-bottom:calc(var(--spacing, .25rem) * 4);margin-left:auto;width:fit-content;border-radius:var(--radius-3xl, 1.5rem);padding:calc(var(--spacing, .25rem) * 2);background-color:var(--color-white, #fff);--tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 6px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.content .login .logo-container .logo{width:fit-content;border-radius:var(--radius-3xl, 1.5rem);padding:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-amber-300, oklch(87.9% .169 91.605))}.content .login .logo-container .logo img{height:calc(var(--spacing, .25rem) * 40);min-width:fit-content}.content .login .title{padding-bottom:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.content .login form>.validations{text-align:center;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:var(--color-red-500, oklch(63.7% .237 25.331))}.content .login form>.validations:after{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-red-500, oklch(63.7% .237 25.331));--tw-content: \"\";content:var(--tw-content);animation:separator 1s ease-in-out forwards}.content .login form .options{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-between}.content .login form .options shared-language-selector{margin-bottom:calc(var(--spacing, .25rem) * 3);width:100%}@media(width>=40rem){.content .login form .options shared-language-selector{margin-bottom:0}}@media(width>=40rem){.content .login form .options shared-language-selector{width:auto}}.content .login form .buttons{display:flex;justify-content:center;gap:calc(var(--spacing, .25rem) * 4)}.content .footer{border-bottom-right-radius:var(--radius-lg, .5rem);border-bottom-left-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);background-color:color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);display:flex;flex-wrap:wrap;justify-content:space-between}@supports (color: color-mix(in lab,red,red)){.content .footer{background-color:color-mix(in oklab,var(--color-slate-200, oklch(92.9% .013 255.508)) 60%,transparent)}}@keyframes separator{0%{width:0}to{width:100%}}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-font-weight: initial;--tw-content: \"\";--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: { username: [{
+		type: i0.ViewChild,
+		args: ["username", { isSignal: true }]
+	}] }
+});
+const routes = [{
+	path: "",
+	component: LoginLayoutComponent,
+	children: [{
+		path: "",
+		redirectTo: "login",
+		pathMatch: "full"
+	}, {
+		path: "login",
+		component: LoginComponent
+	}]
+}];
+var SharedAuthModule = class SharedAuthModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SharedAuthModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SharedAuthModule,
+		imports: [i1$1.RouterModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SharedAuthModule,
+		imports: [RouterModule.forChild(routes)]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SharedAuthModule,
+	decorators: [{
+		type: NgModule,
+		args: [{ imports: [RouterModule.forChild(routes)] }]
+	}]
+});
+var AuthGuard = class AuthGuard {
+	authenticationService = inject(AuthenticationService);
+	router = inject(Router);
+	canActivate(_, state) {
+		if (!this.authenticationService.isAuthenticated) {
+			this.router.navigate(["/login"], { queryParams: { returnUrl: state.url } });
+			return false;
+		}
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthGuard,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthGuard,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AuthGuard,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var AuthInterceptor = class AuthInterceptor {
+	authenticationService = inject(AuthenticationService);
+	config = inject(APP_CONFIG);
+	jwtInterceptor = inject(JwtInterceptor);
+	refreshToken$;
+	router = inject(Router);
+	intercept(request, next) {
+		if (request.url.indexOf(this.config.BASE_URL) >= 0 && !this.jwtInterceptor.isDisallowedRoute(request) && this.authenticationService.isTokenExpired) {
+			if (!this.refreshToken$) this.refreshToken$ = this.authenticationService.tryRefreshToken().pipe(shareReplay(), tap(() => {
+				this.refreshToken$ = void 0;
+			}));
+			return this.refreshToken$.pipe(switchMap((token) => {
+				return next.handle(request.clone({ setHeaders: { authorization: `Bearer ${token}` } }));
+			}), catchError((err) => {
+				if (err.status === 401) {
+					this.authenticationService.signOut();
+					this.router.navigate(["/login"]);
+				}
+				throw err;
+			}));
+		}
+		return next.handle(request);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthInterceptor,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AuthInterceptor
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AuthInterceptor,
+	decorators: [{ type: Injectable }]
+});
+var FiltersBase = class FiltersBase {
+	buttonFilters;
+	destroy$ = new Subject();
+	filterForm;
+	formBuilder = inject(FormBuilder);
+	ngOnDestroy() {
+		this.destroy$.next(true);
+		this.destroy$.complete();
+	}
+	ngOnInit() {
+		this.filterForm = this.formSetup();
+	}
+	setFilters(filters) {
+		this.filterForm.patchValue(filters);
+		setTimeout(() => {
+			if (this.buttonFilters) this.buttonFilters.setFilters(filters);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: FiltersBase,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: FiltersBase,
+		isStandalone: true,
+		selector: "ng-component",
+		viewQueries: [{
+			propertyName: "buttonFilters",
+			first: true,
+			predicate: ButtonFiltersComponent,
+			descendants: true
+		}],
+		ngImport: i0,
+		template: "",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: FiltersBase,
+	decorators: [{
+		type: Component,
+		args: [{ template: "" }]
+	}],
+	propDecorators: { buttonFilters: [{
+		type: ViewChild,
+		args: [ButtonFiltersComponent]
+	}] }
+});
+var OperationsHistoryDataset = class OperationsHistoryDataset extends DataGridDataset {
+	columns = [{
+		field: "",
+		headerName: ""
+	}];
+	controllerName;
+	operationsHistoryService = inject(OperationsHistoryService);
+	_serviceID;
+	set serviceId(value) {
+		if (this._serviceID !== value) {
+			this._serviceID = value;
+			this.refresh();
+		}
+	}
+	constructor() {
+		super();
+		this.configs.hideColumnHeaders = true;
+		this.configs.showMessageOnEmpty = false;
+	}
+	getData(params) {
+		this.configs.showMessageOnEmpty = !!this._serviceID;
+		return !!this.parentEntityId && !!this.controllerName && !!this._serviceID ? this.operationsHistoryService.list(this.controllerName, this.parentEntityId, this._serviceID, params) : of([]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryDataset,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryDataset
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: OperationsHistoryDataset,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => []
+});
+var ServicesHistoryDataset = class ServicesHistoryDataset extends DataGridDataset {
+	columns = [{
+		field: "",
+		headerName: ""
+	}];
+	controllerName;
+	servicesHistoryService = inject(ServicesHistoryService);
+	constructor() {
+		super();
+		this.configs.hideColumnHeaders = true;
+		this.configs.rowHeight = 52;
+	}
+	getData(params) {
+		return !!this.parentEntityId && !!this.controllerName ? this.servicesHistoryService.list(this.controllerName, this.parentEntityId, this.withUtcPeriod(params)) : of([]);
+	}
+	withUtcPeriod(params) {
+		const filters = params.filters;
+		if (!filters?.["changedOnFrom"] && !filters?.["changedOnTo"]) return params;
+		const converted = { ...filters };
+		if (filters["changedOnFrom"]) converted["changedOnFrom"] = ServicesHistoryDataset.toUtcInstant(filters["changedOnFrom"], "start");
+		if (filters["changedOnTo"]) converted["changedOnTo"] = ServicesHistoryDataset.toUtcInstant(filters["changedOnTo"], "end");
+		return {
+			...params,
+			filters: converted
+		};
+	}
+	static toUtcInstant(value, edge) {
+		const [year, month, day] = value.split("-").map(Number);
+		if ([
+			year,
+			month,
+			day
+		].some((part) => Number.isNaN(part))) return value;
+		return (edge === "start" ? new Date(year, month - 1, day, 0, 0, 0, 0) : new Date(year, month - 1, day, 23, 59, 59, 999)).toISOString().replace(/Z$/, "");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryDataset,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryDataset
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ServicesHistoryDataset,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => []
+});
+var ExternalContentComponent = class ExternalContentComponent extends TabViewBase {
+	frameUrl = signal(void 0, ...ngDevMode ? [{ debugName: "frameUrl" }] : /* istanbul ignore next */ []);
+	isBlocked = signal(false, ...ngDevMode ? [{ debugName: "isBlocked" }] : /* istanbul ignore next */ []);
+	isFrameLoading = signal(false, ...ngDevMode ? [{ debugName: "isFrameLoading" }] : /* istanbul ignore next */ []);
+	isInsecure = signal(false, ...ngDevMode ? [{ debugName: "isInsecure" }] : /* istanbul ignore next */ []);
+	isSlow = signal(false, ...ngDevMode ? [{ debugName: "isSlow" }] : /* istanbul ignore next */ []);
+	isUnavailable = signal(false, ...ngDevMode ? [{ debugName: "isUnavailable" }] : /* istanbul ignore next */ []);
+	label = signal("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	resolvedUrl = signal("", ...ngDevMode ? [{ debugName: "resolvedUrl" }] : /* istanbul ignore next */ []);
+	activatedRoute = inject(ActivatedRoute);
+	configs = inject(EXTERNAL_CONTENT_CONFIGS);
+	document = inject(DOCUMENT);
+	externalContentService = inject(ExternalContentService);
+	externalUrlResolverService = inject(ExternalUrlResolverService);
+	sanitizer = inject(DomSanitizer);
+	slowHintTimeout;
+	tabService = inject(TabService);
+	constructor() {
+		super();
+	}
+	ngOnDestroy() {
+		this.clearSlowHint();
+		super.ngOnDestroy();
+	}
+	ngOnInit() {
+		const menuID = Number(this.activatedRoute.snapshot.paramMap.get("menuID"));
+		if (!menuID) {
+			this.isUnavailable.set(true);
+			this.loading = false;
+			return;
+		}
+		this.externalContentService.find(menuID).pipe(take(1), takeUntil(this.destroy$)).subscribe((entry) => this.show(entry));
+	}
+	onFrameLoad() {
+		this.clearSlowHint();
+		this.isFrameLoading.set(false);
+		this.isSlow.set(false);
+	}
+	onOpenInNewTab() {
+		window.open(this.resolvedUrl(), "_blank", "noopener,noreferrer");
+	}
+	onReload() {
+		const url = this.frameUrl();
+		if (!url || this.isFrameLoading()) return;
+		this.frameUrl.set(void 0);
+		this.isFrameLoading.set(true);
+		setTimeout(() => this.displayFrame(url));
+	}
+	clearSlowHint() {
+		if (this.slowHintTimeout !== void 0) {
+			clearTimeout(this.slowHintTimeout);
+			this.slowHintTimeout = void 0;
+		}
+	}
+	isMixedContent(url) {
+		return this.document.location.protocol === "https:" && new URL(url).protocol === "http:";
+	}
+	isOriginAllowed(url) {
+		if (this.configs.allowedOrigins.length === 0) return true;
+		try {
+			return this.configs.allowedOrigins.indexOf(new URL(url).origin) !== -1;
+		} catch {
+			return false;
+		}
+	}
+	show(entry) {
+		this.loading = false;
+		if (!entry || !entry.url) {
+			this.isUnavailable.set(true);
+			return;
+		}
+		this.label.set(entry.label);
+		this.tabService.updateActiveTabRootTitle(entry.label);
+		const url = this.externalUrlResolverService.resolve(entry.url);
+		if (!this.externalUrlResolverService.isAllowed(url) || !this.isOriginAllowed(url)) {
+			console.error(`Embedded menu item "${entry.label}" points to an address that is not allowed and was not displayed.`, url);
+			this.isBlocked.set(true);
+			return;
+		}
+		this.resolvedUrl.set(url);
+		if (this.isMixedContent(url)) {
+			this.isInsecure.set(true);
+			return;
+		}
+		this.displayFrame(this.sanitizer.bypassSecurityTrustResourceUrl(url));
+	}
+	displayFrame(url) {
+		this.isFrameLoading.set(true);
+		this.frameUrl.set(url);
+		this.startSlowHint();
+	}
+	startSlowHint() {
+		this.clearSlowHint();
+		this.slowHintTimeout = setTimeout(() => {
+			this.isFrameLoading.set(false);
+			this.isSlow.set(true);
+		}, this.configs.slowFrameHintDelay);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ExternalContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: ExternalContentComponent,
+		isStandalone: true,
+		selector: "shared-external-content",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<!-- Published to DefaultTabViewComponent through TabViewService, so the actions sit in the\n     application's ribbon like every other screen's. -->\n<ng-template #ribbon>\n  <lib-ribbon-group [label]=\"'RibbonGroup-Page' | translate\">\n    <!-- Same icon and label as framework-button-refresh, so reloading a report reads as the\n             same action as refreshing a grid. `loading` is what spins it while the frame loads. -->\n    <framework-button\n      icon=\"fa-sync-alt\"\n      label=\"Button-Refresh\"\n      [disabled]=\"!resolvedUrl() || isInsecure()\"\n      [loading]=\"isFrameLoading()\"\n      (action)=\"onReload()\"\n    >\n    </framework-button>\n\n    <framework-button\n      icon=\"fa-arrow-up-right-from-square\"\n      label=\"ExternalContent-OpenInNewTab\"\n      [disabled]=\"!resolvedUrl()\"\n      (action)=\"onOpenInNewTab()\"\n    >\n    </framework-button>\n  </lib-ribbon-group>\n</ng-template>\n\n@if (isUnavailable()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-link-slash\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Unavailable-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Unavailable-Message' | translate }}</span>\n  </div>\n} @else if (isInsecure()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-shield-halved\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Insecure-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Insecure-Message' | translate }}</span>\n  </div>\n} @else if (isBlocked()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Blocked-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Blocked-Message' | translate }}</span>\n  </div>\n} @else {\n  @if (isSlow()) {\n    <div class=\"external-content-hint\">{{ 'ExternalContent-SlowHint' | translate }}</div>\n  }\n  @if (frameUrl() || isFrameLoading()) {\n    <!--\n            The container stays mounted across a reload, which briefly clears frameUrl, so the panel\n            does not flicker out and back. What goes away is the frame itself, on purpose.\n\n            sandbox and referrerpolicy are STATIC attributes on purpose. Angular rejects `sandbox`\n            as a binding on an <iframe> outright (NG0910) — it may only be a static attribute — and\n            the whole element then fails to render.\n\n            The token list is fixed for every destination, and deliberately not configurable per\n            menu item:\n            - allow-same-origin keeps the frame in the destination's own origin so its cookies and\n              storage work; without it an SSO'd report will not render. It grants no access to ours,\n              provided the destination is cross-origin -- never point an embedded item at this\n              application's own origin, use an internal route for that.\n            - allow-top-navigation is absent on purpose: a framed site must not be able to navigate\n              the whole application away.\n            - allow-popups-to-escape-sandbox keeps print and download popups usable.\n        -->\n    <div class=\"external-content-frame-container\">\n      @if (isFrameLoading()) {\n        <div class=\"external-content-loading\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n            <path\n              class=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            ></path>\n          </svg>\n\n          <span>{{ 'Loading' | translate }}</span>\n        </div>\n      }\n      @if (frameUrl()) {\n        <iframe\n          class=\"external-content-frame\"\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n          [src]=\"frameUrl()\"\n          [attr.title]=\"label() | translate\"\n          (load)=\"onFrameLoad()\"\n        >\n        </iframe>\n      }\n    </div>\n  }\n}\n",
+		styles: ["@layer properties;:host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden;min-height:0}.external-content-hint{flex:none;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));border-color:var(--color-amber-300, oklch(87.9% .169 91.605));background-color:var(--color-amber-100, oklch(96.2% .059 95.617));color:var(--color-amber-900, oklch(41.4% .112 45.904))}.external-content-frame-container{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);position:relative;display:flex;flex-grow:1;overflow:hidden;min-height:0}@supports (color: color-mix(in lab,red,red)){.external-content-frame-container{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.external-content-loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);background-color:var(--color-white, #fff);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.external-content-loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite)}.external-content-frame{width:100%;flex-grow:1;border-style:var(--tw-border-style);border-width:0px;min-height:0}.external-content-message{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 6);text-align:center}@supports (color: color-mix(in lab,red,red)){.external-content-message{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.external-content-message i{font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));opacity:40%}.external-content-message .external-content-message-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ButtonComponent,
+				selector: "framework-button",
+				inputs: [
+					"color",
+					"icon",
+					"label"
+				],
+				outputs: ["action"]
+			},
+			{
+				kind: "component",
+				type: RibbonGroupComponent,
+				selector: "lib-ribbon-group",
+				inputs: ["label"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ExternalContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-external-content",
+			imports: [
+				ButtonComponent,
+				RibbonGroupComponent,
+				TranslatePipe
+			],
+			template: "<!-- Published to DefaultTabViewComponent through TabViewService, so the actions sit in the\n     application's ribbon like every other screen's. -->\n<ng-template #ribbon>\n  <lib-ribbon-group [label]=\"'RibbonGroup-Page' | translate\">\n    <!-- Same icon and label as framework-button-refresh, so reloading a report reads as the\n             same action as refreshing a grid. `loading` is what spins it while the frame loads. -->\n    <framework-button\n      icon=\"fa-sync-alt\"\n      label=\"Button-Refresh\"\n      [disabled]=\"!resolvedUrl() || isInsecure()\"\n      [loading]=\"isFrameLoading()\"\n      (action)=\"onReload()\"\n    >\n    </framework-button>\n\n    <framework-button\n      icon=\"fa-arrow-up-right-from-square\"\n      label=\"ExternalContent-OpenInNewTab\"\n      [disabled]=\"!resolvedUrl()\"\n      (action)=\"onOpenInNewTab()\"\n    >\n    </framework-button>\n  </lib-ribbon-group>\n</ng-template>\n\n@if (isUnavailable()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-link-slash\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Unavailable-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Unavailable-Message' | translate }}</span>\n  </div>\n} @else if (isInsecure()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-shield-halved\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Insecure-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Insecure-Message' | translate }}</span>\n  </div>\n} @else if (isBlocked()) {\n  <div class=\"external-content-message\">\n    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    <span class=\"external-content-message-title\">{{ 'ExternalContent-Blocked-Title' | translate }}</span>\n    <span>{{ 'ExternalContent-Blocked-Message' | translate }}</span>\n  </div>\n} @else {\n  @if (isSlow()) {\n    <div class=\"external-content-hint\">{{ 'ExternalContent-SlowHint' | translate }}</div>\n  }\n  @if (frameUrl() || isFrameLoading()) {\n    <!--\n            The container stays mounted across a reload, which briefly clears frameUrl, so the panel\n            does not flicker out and back. What goes away is the frame itself, on purpose.\n\n            sandbox and referrerpolicy are STATIC attributes on purpose. Angular rejects `sandbox`\n            as a binding on an <iframe> outright (NG0910) — it may only be a static attribute — and\n            the whole element then fails to render.\n\n            The token list is fixed for every destination, and deliberately not configurable per\n            menu item:\n            - allow-same-origin keeps the frame in the destination's own origin so its cookies and\n              storage work; without it an SSO'd report will not render. It grants no access to ours,\n              provided the destination is cross-origin -- never point an embedded item at this\n              application's own origin, use an internal route for that.\n            - allow-top-navigation is absent on purpose: a framed site must not be able to navigate\n              the whole application away.\n            - allow-popups-to-escape-sandbox keeps print and download popups usable.\n        -->\n    <div class=\"external-content-frame-container\">\n      @if (isFrameLoading()) {\n        <div class=\"external-content-loading\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n            <path\n              class=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            ></path>\n          </svg>\n\n          <span>{{ 'Loading' | translate }}</span>\n        </div>\n      }\n      @if (frameUrl()) {\n        <iframe\n          class=\"external-content-frame\"\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n          [src]=\"frameUrl()\"\n          [attr.title]=\"label() | translate\"\n          (load)=\"onFrameLoad()\"\n        >\n        </iframe>\n      }\n    </div>\n  }\n}\n",
+			styles: ["@layer properties;:host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden;min-height:0}.external-content-hint{flex:none;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));border-color:var(--color-amber-300, oklch(87.9% .169 91.605));background-color:var(--color-amber-100, oklch(96.2% .059 95.617));color:var(--color-amber-900, oklch(41.4% .112 45.904))}.external-content-frame-container{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);position:relative;display:flex;flex-grow:1;overflow:hidden;min-height:0}@supports (color: color-mix(in lab,red,red)){.external-content-frame-container{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.external-content-loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);background-color:var(--color-white, #fff);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.external-content-loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite)}.external-content-frame{width:100%;flex-grow:1;border-style:var(--tw-border-style);border-width:0px;min-height:0}.external-content-message{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 6);text-align:center}@supports (color: color-mix(in lab,red,red)){.external-content-message{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.external-content-message i{font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));opacity:40%}.external-content-message .external-content-message-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	ctorParameters: () => []
+});
+const externalContentRoutes = [{
+	path: EXTERNAL_CONTENT_ROUTE_PATH,
+	children: [{
+		path: ":menuID",
+		component: DefaultTabViewComponent,
+		data: { [FRAMEWORK_VIEW_TYPE]: FrameworkViewType.List },
+		children: [{
+			path: "",
+			component: ExternalContentComponent
+		}]
+	}]
+}];
+var OperationsHistoryModalComponent = class OperationsHistoryModalComponent extends ModalBase {
+	modal = viewChild(ModalComponent, ...ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []);
+	newValues = input(...ngDevMode ? [void 0, { debugName: "newValues" }] : /* istanbul ignore next */ []);
+	oldValues = input(...ngDevMode ? [void 0, { debugName: "oldValues" }] : /* istanbul ignore next */ []);
+	isModalShown = computed(() => this.modal()?.isOpen() ?? false, ...ngDevMode ? [{ debugName: "isModalShown" }] : /* istanbul ignore next */ []);
+	toggle() {
+		this.modal()?.toggleModal();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryModalComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: OperationsHistoryModalComponent,
+		isStandalone: true,
+		selector: "shared-operations-history-modal",
+		inputs: {
+			newValues: {
+				classPropertyName: "newValues",
+				publicName: "newValues",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			oldValues: {
+				classPropertyName: "oldValues",
+				publicName: "oldValues",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		viewQueries: [{
+			propertyName: "modal",
+			first: true,
+			predicate: ModalComponent,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<lib-modal size=\"6xl\" [title]=\"'OperationsHistory-Modal-Title' | translate\">\n  <div body>\n    <pre>{{ oldValues() | json }}</pre>\n    <pre>{{ newValues() | json }}</pre>\n  </div>\n</lib-modal>\n",
+		styles: ["div[body]{display:flex;flex-direction:row}div[body] pre{width:50%;flex-grow:1;overflow-x:auto;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ModalComponent,
+				selector: "lib-modal",
+				inputs: [
+					"closeButtonText",
+					"dialog",
+					"modalProcessing",
+					"position",
+					"size",
+					"title"
+				],
+				outputs: [
+					"closeButtonTextChange",
+					"modalProcessingChange",
+					"closed"
+				]
+			},
+			{
+				kind: "pipe",
+				type: JsonPipe,
+				name: "json"
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: OperationsHistoryModalComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-operations-history-modal",
+			imports: [
+				JsonPipe,
+				ModalComponent,
+				TranslatePipe
+			],
+			template: "<lib-modal size=\"6xl\" [title]=\"'OperationsHistory-Modal-Title' | translate\">\n  <div body>\n    <pre>{{ oldValues() | json }}</pre>\n    <pre>{{ newValues() | json }}</pre>\n  </div>\n</lib-modal>\n",
+			styles: ["div[body]{display:flex;flex-direction:row}div[body] pre{width:50%;flex-grow:1;overflow-x:auto;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		modal: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => ModalComponent), { isSignal: true }]
+		}],
+		newValues: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "newValues",
+				required: false
+			}]
+		}],
+		oldValues: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "oldValues",
+				required: false
+			}]
+		}]
+	}
+});
+var OperationsHistoryChildListComponent = class OperationsHistoryChildListComponent extends ChildList {
+	modal = viewChild(OperationsHistoryModalComponent, ...ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []);
+	operationTemplate = viewChild("operationTemplate", ...ngDevMode ? [{ debugName: "operationTemplate" }] : /* istanbul ignore next */ []);
+	set controllerName(value) {
+		this.dataGridDataset.controllerName = value;
+	}
+	set filters(value) {
+		this.dataGridDataset.setFilters(value);
+	}
+	set serviceID(value) {
+		this.dataGridDataset.serviceId = value;
+	}
+	selectedNewValues = signal(null, ...ngDevMode ? [{ debugName: "selectedNewValues" }] : /* istanbul ignore next */ []);
+	selectedOldValues = signal(null, ...ngDevMode ? [{ debugName: "selectedOldValues" }] : /* istanbul ignore next */ []);
+	ngAfterViewInit() {
+		this.dataGridDataset.columns[0].template = this.operationTemplate();
+	}
+	openModal() {
+		const modal = this.modal();
+		if (modal && !modal.isModalShown()) modal.toggle();
+	}
+	selectedRowChanged() {
+		super.selectedRowChanged();
+		if (this.dataGridDataset.hasSelectedRows) {
+			const key = this.dataGridDataset.selectedRowKeys[0];
+			const data = this.dataGridDataset.getRowData(key);
+			this.selectedOldValues.set(JSON.parse(data.oldValues?.trim() ?? ""));
+			this.selectedNewValues.set(JSON.parse(data.newValues?.trim() ?? ""));
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: OperationsHistoryChildListComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: OperationsHistoryChildListComponent,
+		isStandalone: true,
+		selector: "shared-operations-history-child-list",
+		inputs: {
+			controllerName: "controllerName",
+			filters: "filters",
+			serviceID: "serviceID"
+		},
+		providers: [{
+			provide: DataGridDataset,
+			useClass: OperationsHistoryDataset
+		}],
+		viewQueries: [{
+			propertyName: "modal",
+			first: true,
+			predicate: OperationsHistoryModalComponent,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "operationTemplate",
+			first: true,
+			predicate: ["operationTemplate"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<lib-data-grid [lazyLoadRows]=\"true\"> </lib-data-grid>\n\n<ng-template #operationTemplate let-rowData=\"rowData\">\n  <div\n    class=\"operation-content\"\n    role=\"button\"\n    tabindex=\"0\"\n    (click)=\"openModal()\"\n    (keydown.enter)=\"openModal()\"\n    (keydown.space)=\"openModal(); $event.preventDefault()\"\n  >\n    <span\n      class=\"operation\"\n      [class.added]=\"rowData.operationType === 'Added'\"\n      [class.deleted]=\"rowData.operationType === 'Deleted'\"\n      [class.modified]=\"rowData.operationType === 'Modified'\"\n      [class.unchanged]=\"rowData.operationType === 'Unchanged'\"\n    >\n      {{ rowData.operationType }}\n    </span>\n    {{ rowData.entityName }}\n  </div>\n</ng-template>\n\n<shared-operations-history-modal [newValues]=\"selectedNewValues()\" [oldValues]=\"selectedOldValues()\">\n</shared-operations-history-modal>\n",
+		styles: ["@layer properties;:host{width:100%;max-width:100%;min-width:100%}lib-data-grid{height:100%}lib-data-grid ::ng-deep .body lib-data-grid-row{padding:0!important}.operation-content{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.operation-content .operation{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.operation-content .operation.added{color:var(--color-green-700, oklch(52.7% .154 150.069))}.operation-content .operation.deleted{color:var(--color-red-700, oklch(50.5% .213 27.518))}.operation-content .operation.modified{color:var(--color-blue-700, oklch(48.8% .243 264.376))}.operation-content .operation.unchanged{color:var(--color-gray-700, oklch(37.3% .034 259.733))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [{
+			kind: "component",
+			type: DataGridComponent,
+			selector: "lib-data-grid",
+			inputs: [
+				"disabled",
+				"lazyLoadRows",
+				"showButtons"
+			]
+		}, {
+			kind: "component",
+			type: OperationsHistoryModalComponent,
+			selector: "shared-operations-history-modal",
+			inputs: ["newValues", "oldValues"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: OperationsHistoryChildListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-operations-history-child-list",
+			imports: [DataGridComponent, OperationsHistoryModalComponent],
+			providers: [{
+				provide: DataGridDataset,
+				useClass: OperationsHistoryDataset
+			}],
+			template: "<lib-data-grid [lazyLoadRows]=\"true\"> </lib-data-grid>\n\n<ng-template #operationTemplate let-rowData=\"rowData\">\n  <div\n    class=\"operation-content\"\n    role=\"button\"\n    tabindex=\"0\"\n    (click)=\"openModal()\"\n    (keydown.enter)=\"openModal()\"\n    (keydown.space)=\"openModal(); $event.preventDefault()\"\n  >\n    <span\n      class=\"operation\"\n      [class.added]=\"rowData.operationType === 'Added'\"\n      [class.deleted]=\"rowData.operationType === 'Deleted'\"\n      [class.modified]=\"rowData.operationType === 'Modified'\"\n      [class.unchanged]=\"rowData.operationType === 'Unchanged'\"\n    >\n      {{ rowData.operationType }}\n    </span>\n    {{ rowData.entityName }}\n  </div>\n</ng-template>\n\n<shared-operations-history-modal [newValues]=\"selectedNewValues()\" [oldValues]=\"selectedOldValues()\">\n</shared-operations-history-modal>\n",
+			styles: ["@layer properties;:host{width:100%;max-width:100%;min-width:100%}lib-data-grid{height:100%}lib-data-grid ::ng-deep .body lib-data-grid-row{padding:0!important}.operation-content{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.operation-content .operation{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.operation-content .operation.added{color:var(--color-green-700, oklch(52.7% .154 150.069))}.operation-content .operation.deleted{color:var(--color-red-700, oklch(50.5% .213 27.518))}.operation-content .operation.modified{color:var(--color-blue-700, oklch(48.8% .243 264.376))}.operation-content .operation.unchanged{color:var(--color-gray-700, oklch(37.3% .034 259.733))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		modal: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => OperationsHistoryModalComponent), { isSignal: true }]
+		}],
+		operationTemplate: [{
+			type: i0.ViewChild,
+			args: ["operationTemplate", { isSignal: true }]
+		}],
+		controllerName: [{ type: Input }],
+		filters: [{ type: Input }],
+		serviceID: [{ type: Input }]
+	}
+});
+var BypassHtmlSanitizerPipe = class BypassHtmlSanitizerPipe {
+	sanitizer = inject(DomSanitizer);
+	transform(html) {
+		return this.sanitizer.bypassSecurityTrustHtml(html);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BypassHtmlSanitizerPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BypassHtmlSanitizerPipe,
+		isStandalone: true,
+		name: "bypassHtmlSanitizer"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: BypassHtmlSanitizerPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "bypassHtmlSanitizer" }]
+	}]
+});
+var EnumLabelPipe = class EnumLabelPipe {
+	transform(value, enumType) {
+		if (value === void 0 || enumType === void 0) return "";
+		const keys = Object.keys(enumType).filter((key) => !isNaN(Number(enumType[key])));
+		const index = keys.map((key) => enumType[key]).indexOf(value);
+		if (index >= 0) return keys[index];
+		return "";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: EnumLabelPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: EnumLabelPipe,
+		isStandalone: true,
+		name: "enumLabel"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: EnumLabelPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "enumLabel" }]
+	}]
+});
+var UtcDatePipe = class UtcDatePipe {
+	static timeZoneMarker = /(?:Z|[+-]\d{2}:?\d{2})$/i;
+	transform(value) {
+		if (!value) return null;
+		const newDate = new Date(value);
+		if (Number.isNaN(newDate.getTime())) return null;
+		if (typeof value === "string" && UtcDatePipe.timeZoneMarker.test(value.trim())) return newDate;
+		return /* @__PURE__ */ new Date(newDate.getTime() - newDate.getTimezoneOffset() * 6e4);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UtcDatePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UtcDatePipe,
+		isStandalone: true,
+		name: "utcDate"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UtcDatePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "utcDate" }]
+	}]
+});
+var ServicesHistoryChildListComponent = class ServicesHistoryChildListComponent extends ChildList {
+	serviceTemplate = viewChild("serviceTemplate", ...ngDevMode ? [{ debugName: "serviceTemplate" }] : /* istanbul ignore next */ []);
+	set controllerName(value) {
+		this.dataGridDataset.controllerName = value;
+	}
+	filtersChanged = output();
+	selectedServiceID = signal(void 0, ...ngDevMode ? [{ debugName: "selectedServiceID" }] : /* istanbul ignore next */ []);
+	ngAfterViewInit() {
+		this.dataGridDataset.columns[0].template = this.serviceTemplate();
+	}
+	ngOnInit() {
+		super.ngOnInit();
+		this.dataGridDataset.filtersChanged.pipe(takeUntil(this.destroy$)).subscribe((filters) => this.filtersChanged.emit(filters));
+		this.dataGridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+			this.selectedServiceID.set(void 0);
+		});
+	}
+	selectedRowChanged() {
+		super.selectedRowChanged();
+		if (this.dataGridDataset.hasSelectedRows) {
+			const selectedKey = this.dataGridDataset.selectedRowKeys[0];
+			this.selectedServiceID.set(this.dataGridDataset.getRowID(selectedKey));
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryChildListComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: ServicesHistoryChildListComponent,
+		isStandalone: true,
+		selector: "shared-services-history-child-list",
+		inputs: { controllerName: "controllerName" },
+		outputs: { filtersChanged: "filtersChanged" },
+		viewQueries: [{
+			propertyName: "serviceTemplate",
+			first: true,
+			predicate: ["serviceTemplate"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<lib-data-grid [lazyLoadRows]=\"true\"> </lib-data-grid>\n\n<ng-template #serviceTemplate let-rowData=\"rowData\">\n  <div class=\"service-content\">\n    <div class=\"icon\">\n      <i class=\"fa-solid fa-circle fa-lg\"></i>\n    </div>\n    <div class=\"information\">\n      <div class=\"service-name\">\n        {{ rowData.name }}\n      </div>\n      <div class=\"details\">\n        <span class=\"datetime\"\n          ><i class=\"fa-solid fa-clock\"></i>\n          {{ rowData.changedOn | utcDate | date: ('Format-DateTime' | translate) }}</span\n        >\n        <span class=\"user\"><i class=\"fa-solid fa-user\"></i> {{ rowData.changedByName }}</span>\n      </div>\n    </div>\n  </div>\n</ng-template>\n",
+		styles: ["@layer properties;:host{width:100%;max-width:100%;min-width:100%}lib-data-grid{height:100%}lib-data-grid ::ng-deep .body lib-data-grid-row{padding:0!important}.service-content{display:flex;flex-grow:1;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3)}.service-content .icon{position:relative;margin-right:calc(var(--spacing, .25rem) * 3);display:flex;align-items:center;color:var(--color-blue-500, oklch(62.3% .214 259.815))}.service-content .icon:before,.service-content .icon:after{position:absolute;left:50%;margin-left:calc(var(--spacing, .25rem) * -1);height:50%;width:calc(var(--spacing, .25rem) * 2);background-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);--tw-content: \"\";content:var(--tw-content)}@supports (color: color-mix(in lab,red,red)){.service-content .icon:before,.service-content .icon:after{background-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.service-content .icon:before{top:0}.service-content .icon:after{top:50%}.service-content .icon i{z-index:1}.service-content .information{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;padding-block:var(--spacing, .25rem)}.service-content .information .service-name{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.service-content .information .details{display:flex;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.service-content .information .details i{color:var(--color-slate-400, oklch(70.4% .04 256.788))}.service-content .information .details .datetime{margin-right:calc(var(--spacing, .25rem) * 3)}.service-content .information .details .user{overflow:hidden;text-overflow:ellipsis}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\";--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: DataGridComponent,
+				selector: "lib-data-grid",
+				inputs: [
+					"disabled",
+					"lazyLoadRows",
+					"showButtons"
+				]
+			},
+			{
+				kind: "pipe",
+				type: DatePipe,
+				name: "date"
+			},
+			{
+				kind: "pipe",
+				type: UtcDatePipe,
+				name: "utcDate"
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ServicesHistoryChildListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-services-history-child-list",
+			imports: [
+				DataGridComponent,
+				DatePipe,
+				UtcDatePipe,
+				TranslatePipe
+			],
+			template: "<lib-data-grid [lazyLoadRows]=\"true\"> </lib-data-grid>\n\n<ng-template #serviceTemplate let-rowData=\"rowData\">\n  <div class=\"service-content\">\n    <div class=\"icon\">\n      <i class=\"fa-solid fa-circle fa-lg\"></i>\n    </div>\n    <div class=\"information\">\n      <div class=\"service-name\">\n        {{ rowData.name }}\n      </div>\n      <div class=\"details\">\n        <span class=\"datetime\"\n          ><i class=\"fa-solid fa-clock\"></i>\n          {{ rowData.changedOn | utcDate | date: ('Format-DateTime' | translate) }}</span\n        >\n        <span class=\"user\"><i class=\"fa-solid fa-user\"></i> {{ rowData.changedByName }}</span>\n      </div>\n    </div>\n  </div>\n</ng-template>\n",
+			styles: ["@layer properties;:host{width:100%;max-width:100%;min-width:100%}lib-data-grid{height:100%}lib-data-grid ::ng-deep .body lib-data-grid-row{padding:0!important}.service-content{display:flex;flex-grow:1;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3)}.service-content .icon{position:relative;margin-right:calc(var(--spacing, .25rem) * 3);display:flex;align-items:center;color:var(--color-blue-500, oklch(62.3% .214 259.815))}.service-content .icon:before,.service-content .icon:after{position:absolute;left:50%;margin-left:calc(var(--spacing, .25rem) * -1);height:50%;width:calc(var(--spacing, .25rem) * 2);background-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);--tw-content: \"\";content:var(--tw-content)}@supports (color: color-mix(in lab,red,red)){.service-content .icon:before,.service-content .icon:after{background-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.service-content .icon:before{top:0}.service-content .icon:after{top:50%}.service-content .icon i{z-index:1}.service-content .information{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;padding-block:var(--spacing, .25rem)}.service-content .information .service-name{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.service-content .information .details{display:flex;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.service-content .information .details i{color:var(--color-slate-400, oklch(70.4% .04 256.788))}.service-content .information .details .datetime{margin-right:calc(var(--spacing, .25rem) * 3)}.service-content .information .details .user{overflow:hidden;text-overflow:ellipsis}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\";--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		serviceTemplate: [{
+			type: i0.ViewChild,
+			args: ["serviceTemplate", { isSignal: true }]
+		}],
+		controllerName: [{ type: Input }],
+		filtersChanged: [{
+			type: i0.Output,
+			args: ["filtersChanged"]
+		}]
+	}
+});
+var ServicesHistoryFilterComponent = class ServicesHistoryFilterComponent extends FiltersBase {
+	usersCatalogEndpoint = input(...ngDevMode ? [void 0, { debugName: "usersCatalogEndpoint" }] : /* istanbul ignore next */ []);
+	hasUsersCatalog = computed(() => !!this.usersCatalogEndpoint(), ...ngDevMode ? [{ debugName: "hasUsersCatalog" }] : /* istanbul ignore next */ []);
+	get changedOnFromControl() {
+		return this.filterForm.get("changedOnFrom");
+	}
+	get changedOnToControl() {
+		return this.filterForm.get("changedOnTo");
+	}
+	ngOnInit() {
+		super.ngOnInit();
+		this.changedOnFromControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((from) => {
+			const to = this.changedOnToControl.value;
+			if (!!from && !!to && to < from) this.changedOnToControl.setValue(from);
+		});
+		this.changedOnToControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((to) => {
+			const from = this.changedOnFromControl.value;
+			if (!!from && !!to && to < from) this.changedOnFromControl.setValue(to);
+		});
+	}
+	formSetup() {
+		return this.formBuilder.group({
+			changedByID: [null],
+			changedOnFrom: [null],
+			changedOnTo: [null],
+			name: [null],
+			onlyCurrentEntity: [false, { nonNullable: true }]
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryFilterComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: ServicesHistoryFilterComponent,
+		isStandalone: true,
+		selector: "shared-services-history-filter",
+		inputs: { usersCatalogEndpoint: {
+			classPropertyName: "usersCatalogEndpoint",
+			publicName: "usersCatalogEndpoint",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<framework-button-filters modalSize=\"2xl\" modalTitle=\"ServicesHistory-Filters-Title\" [formGroup]=\"filterForm\">\n  <lib-form-group label=\"ServicesHistory-FormGroup-Service\">\n    <lib-form-input-group controlName=\"name\" label=\"ServicesHistory-Field-Name\" [autofocus]=\"true\" [maxLength]=\"200\">\n    </lib-form-input-group>\n\n    @if (hasUsersCatalog()) {\n      <lib-catalog-select\n        controlName=\"changedByID\"\n        displayControlName=\"changedByName\"\n        label=\"ServicesHistory-Field-ChangedBy\"\n        [readOnly]=\"false\"\n        [searchEndpoint]=\"usersCatalogEndpoint()!\"\n      >\n      </lib-catalog-select>\n    }\n  </lib-form-group>\n\n  <lib-form-group label=\"ServicesHistory-FormGroup-Period\">\n    <lib-form-input-group controlName=\"changedOnFrom\" label=\"ServicesHistory-Field-ChangedOnFrom\" [type]=\"'date'\">\n    </lib-form-input-group>\n\n    <lib-form-input-group controlName=\"changedOnTo\" label=\"ServicesHistory-Field-ChangedOnTo\" [type]=\"'date'\">\n    </lib-form-input-group>\n  </lib-form-group>\n\n  <lib-form-group label=\"ServicesHistory-FormGroup-Operations\">\n    <lib-form-input-group\n      controlName=\"onlyCurrentEntity\"\n      label=\"ServicesHistory-Field-OnlyCurrentEntity\"\n      notes=\"ServicesHistory-Field-OnlyCurrentEntity-Notes\"\n      [type]=\"'checkbox'\"\n    >\n    </lib-form-input-group>\n  </lib-form-group>\n</framework-button-filters>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: ButtonFiltersComponent,
+				selector: "framework-button-filters",
+				inputs: [
+					"modalSize",
+					"modalTitle",
+					"validateFormFunction"
+				]
+			},
+			{
+				kind: "component",
+				type: CatalogSelectComponent,
+				selector: "lib-catalog-select",
+				inputs: [
+					"autofocus",
+					"controlName",
+					"displayControlName",
+					"displayProperty",
+					"entriesList",
+					"filters",
+					"label",
+					"maxEntries",
+					"minimumLengthSearch",
+					"notes",
+					"readOnly",
+					"searchable",
+					"searchEndpoint",
+					"validations",
+					"valueProperty"
+				]
+			},
+			{
+				kind: "component",
+				type: FormGroupComponent,
+				selector: "lib-form-group",
+				inputs: ["shouldExpand", "label"]
+			},
+			{
+				kind: "component",
+				type: FormInputGroupComponent,
+				selector: "lib-form-input-group",
+				inputs: [
+					"autofocus",
+					"alignContent",
+					"controlName",
+					"fixedValue",
+					"format",
+					"label",
+					"isDisabled",
+					"isFullHeight",
+					"maxLength",
+					"min",
+					"notes",
+					"readOnly",
+					"rows",
+					"showLabel",
+					"step",
+					"template",
+					"type",
+					"validations"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ServicesHistoryFilterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-services-history-filter",
+			imports: [
+				ButtonFiltersComponent,
+				CatalogSelectComponent,
+				FormGroupComponent,
+				FormInputGroupComponent,
+				FormsModule,
+				ReactiveFormsModule
+			],
+			template: "<framework-button-filters modalSize=\"2xl\" modalTitle=\"ServicesHistory-Filters-Title\" [formGroup]=\"filterForm\">\n  <lib-form-group label=\"ServicesHistory-FormGroup-Service\">\n    <lib-form-input-group controlName=\"name\" label=\"ServicesHistory-Field-Name\" [autofocus]=\"true\" [maxLength]=\"200\">\n    </lib-form-input-group>\n\n    @if (hasUsersCatalog()) {\n      <lib-catalog-select\n        controlName=\"changedByID\"\n        displayControlName=\"changedByName\"\n        label=\"ServicesHistory-Field-ChangedBy\"\n        [readOnly]=\"false\"\n        [searchEndpoint]=\"usersCatalogEndpoint()!\"\n      >\n      </lib-catalog-select>\n    }\n  </lib-form-group>\n\n  <lib-form-group label=\"ServicesHistory-FormGroup-Period\">\n    <lib-form-input-group controlName=\"changedOnFrom\" label=\"ServicesHistory-Field-ChangedOnFrom\" [type]=\"'date'\">\n    </lib-form-input-group>\n\n    <lib-form-input-group controlName=\"changedOnTo\" label=\"ServicesHistory-Field-ChangedOnTo\" [type]=\"'date'\">\n    </lib-form-input-group>\n  </lib-form-group>\n\n  <lib-form-group label=\"ServicesHistory-FormGroup-Operations\">\n    <lib-form-input-group\n      controlName=\"onlyCurrentEntity\"\n      label=\"ServicesHistory-Field-OnlyCurrentEntity\"\n      notes=\"ServicesHistory-Field-OnlyCurrentEntity-Notes\"\n      [type]=\"'checkbox'\"\n    >\n    </lib-form-input-group>\n  </lib-form-group>\n</framework-button-filters>\n"
+		}]
+	}],
+	propDecorators: { usersCatalogEndpoint: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "usersCatalogEndpoint",
+			required: false
+		}]
+	}] }
+});
+var ServicesHistoryViewComponent = class ServicesHistoryViewComponent extends TabViewBase {
+	controllerName = model("", ...ngDevMode ? [{ debugName: "controllerName" }] : /* istanbul ignore next */ []);
+	entityID = model(...ngDevMode ? [void 0, { debugName: "entityID" }] : /* istanbul ignore next */ []);
+	usersCatalogEndpoint = model(...ngDevMode ? [void 0, { debugName: "usersCatalogEndpoint" }] : /* istanbul ignore next */ []);
+	operationsFilters = signal(void 0, ...ngDevMode ? [{ debugName: "operationsFilters" }] : /* istanbul ignore next */ []);
+	activatedRoute = inject(ActivatedRoute);
+	dataProviderService = inject(DataProviderService, { optional: true });
+	constructor() {
+		super();
+		if (this.activatedRoute.snapshot.data["controllerName"]) this.controllerName.set(this.activatedRoute.snapshot.data["controllerName"]);
+		if (this.activatedRoute.snapshot.data["usersCatalogEndpoint"]) this.usersCatalogEndpoint.set(this.activatedRoute.snapshot.data["usersCatalogEndpoint"]);
+		if (this.dataProviderService) this.dataProviderService.getModel$().pipe(take(1)).subscribe((model) => {
+			this.entityID.set(model.id);
+		});
+	}
+	onFiltersChanged(filters) {
+		this.operationsFilters.set(filters);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ServicesHistoryViewComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ServicesHistoryViewComponent,
+		isStandalone: true,
+		selector: "shared-services-history-view",
+		inputs: {
+			controllerName: {
+				classPropertyName: "controllerName",
+				publicName: "controllerName",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			entityID: {
+				classPropertyName: "entityID",
+				publicName: "entityID",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			usersCatalogEndpoint: {
+				classPropertyName: "usersCatalogEndpoint",
+				publicName: "usersCatalogEndpoint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			controllerName: "controllerNameChange",
+			entityID: "entityIDChange",
+			usersCatalogEndpoint: "usersCatalogEndpointChange"
+		},
+		providers: [{
+			provide: DataGridDataset,
+			useClass: ServicesHistoryDataset
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<ng-template #ribbon>\n  <lib-ribbon-group [label]=\"'RibbonGroup-General' | translate\">\n    <framework-button-refresh></framework-button-refresh>\n\n    <shared-services-history-filter [usersCatalogEndpoint]=\"usersCatalogEndpoint()\"> </shared-services-history-filter>\n  </lib-ribbon-group>\n</ng-template>\n\n<div class=\"history-container\">\n  <div class=\"service-history-container\">\n    <shared-services-history-child-list\n      #service\n      [controllerName]=\"controllerName()\"\n      (filtersChanged)=\"onFiltersChanged($event)\"\n    >\n    </shared-services-history-child-list>\n  </div>\n\n  <div class=\"operations-history-container\">\n    <shared-operations-history-child-list\n      [controllerName]=\"controllerName()\"\n      [filters]=\"operationsFilters()\"\n      [serviceID]=\"service.selectedServiceID()\"\n    >\n    </shared-operations-history-child-list>\n  </div>\n</div>\n",
+		styles: [":host{display:flex;flex-grow:1;overflow:hidden}.history-container{display:flex;flex-grow:1;overflow:hidden;padding:calc(var(--spacing, .25rem) * 2)}.history-container .service-history-container,.history-container .operations-history-container{display:flex;flex-grow:1;overflow:hidden}.history-container .service-history-container lib-data-grid,.history-container .operations-history-container lib-data-grid{flex-grow:1}.history-container .service-history-container{width:calc(2 / 6 * 100%);padding-right:var(--spacing, .25rem)}.history-container .service-history-container ::ng-deep lib-data-grid-row:first-child .icon:before{display:none}.history-container .service-history-container ::ng-deep lib-data-grid-row:last-child .icon:after{display:none}.history-container .operations-history-container{width:calc(4 / 6 * 100%);padding-left:var(--spacing, .25rem)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ButtonRefreshComponent,
+				selector: "framework-button-refresh"
+			},
+			{
+				kind: "component",
+				type: OperationsHistoryChildListComponent,
+				selector: "shared-operations-history-child-list",
+				inputs: [
+					"controllerName",
+					"filters",
+					"serviceID"
+				]
+			},
+			{
+				kind: "component",
+				type: RibbonGroupComponent,
+				selector: "lib-ribbon-group",
+				inputs: ["label"]
+			},
+			{
+				kind: "component",
+				type: ServicesHistoryChildListComponent,
+				selector: "shared-services-history-child-list",
+				inputs: ["controllerName"],
+				outputs: ["filtersChanged"]
+			},
+			{
+				kind: "component",
+				type: ServicesHistoryFilterComponent,
+				selector: "shared-services-history-filter",
+				inputs: ["usersCatalogEndpoint"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ServicesHistoryViewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "shared-services-history-view",
+			imports: [
+				ButtonRefreshComponent,
+				OperationsHistoryChildListComponent,
+				RibbonGroupComponent,
+				ServicesHistoryChildListComponent,
+				ServicesHistoryFilterComponent,
+				TranslatePipe
+			],
+			providers: [{
+				provide: DataGridDataset,
+				useClass: ServicesHistoryDataset
+			}],
+			template: "<ng-template #ribbon>\n  <lib-ribbon-group [label]=\"'RibbonGroup-General' | translate\">\n    <framework-button-refresh></framework-button-refresh>\n\n    <shared-services-history-filter [usersCatalogEndpoint]=\"usersCatalogEndpoint()\"> </shared-services-history-filter>\n  </lib-ribbon-group>\n</ng-template>\n\n<div class=\"history-container\">\n  <div class=\"service-history-container\">\n    <shared-services-history-child-list\n      #service\n      [controllerName]=\"controllerName()\"\n      (filtersChanged)=\"onFiltersChanged($event)\"\n    >\n    </shared-services-history-child-list>\n  </div>\n\n  <div class=\"operations-history-container\">\n    <shared-operations-history-child-list\n      [controllerName]=\"controllerName()\"\n      [filters]=\"operationsFilters()\"\n      [serviceID]=\"service.selectedServiceID()\"\n    >\n    </shared-operations-history-child-list>\n  </div>\n</div>\n",
+			styles: [":host{display:flex;flex-grow:1;overflow:hidden}.history-container{display:flex;flex-grow:1;overflow:hidden;padding:calc(var(--spacing, .25rem) * 2)}.history-container .service-history-container,.history-container .operations-history-container{display:flex;flex-grow:1;overflow:hidden}.history-container .service-history-container lib-data-grid,.history-container .operations-history-container lib-data-grid{flex-grow:1}.history-container .service-history-container{width:calc(2 / 6 * 100%);padding-right:var(--spacing, .25rem)}.history-container .service-history-container ::ng-deep lib-data-grid-row:first-child .icon:before{display:none}.history-container .service-history-container ::ng-deep lib-data-grid-row:last-child .icon:after{display:none}.history-container .operations-history-container{width:calc(4 / 6 * 100%);padding-left:var(--spacing, .25rem)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		controllerName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "controllerName",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["controllerNameChange"]
+		}],
+		entityID: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "entityID",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["entityIDChange"]
+		}],
+		usersCatalogEndpoint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usersCatalogEndpoint",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["usersCatalogEndpointChange"]
+		}]
+	}
+});
+const ZAMBON_SHARED_I18N_ASSET_PATH = "assets/i18n/zambon-dev/shared";
+const ZAMBON_SHARED_I18N_ASSET = {
+	glob: "**/*.json",
+	input: "node_modules/@zambon-dev/ui/i18n/shared",
+	output: ZAMBON_SHARED_I18N_ASSET_PATH
+};
+const ZAMBON_SHARED_I18N_RESOURCES = [
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/external-content/`,
+		suffix: ".json"
+	},
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/language-selector/`,
+		suffix: ".json"
+	},
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/login/`,
+		suffix: ".json"
+	},
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/operations-history/`,
+		suffix: ".json"
+	},
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/services-history/`,
+		suffix: ".json"
+	},
+	{
+		prefix: `/${ZAMBON_SHARED_I18N_ASSET_PATH}/top-bar/`,
+		suffix: ".json"
+	}
+];
+function createZambonSharedTranslateLoader(httpBackend, appResources = []) {
+	return new MultiTranslateHttpLoader(httpBackend, [...ZAMBON_SHARED_I18N_RESOURCES, ...appResources]);
+}
+function provideZambonSharedTranslateLoader(appResources = []) {
+	return {
+		provide: TranslateLoader,
+		useFactory: (httpBackend) => createZambonSharedTranslateLoader(httpBackend, appResources),
+		deps: [HttpBackend]
+	};
+}
+function provideZambonSharedTranslateService(config = {}) {
+	return provideTranslateService({
+		defaultLanguage: config.defaultLanguage,
+		loader: provideZambonSharedTranslateLoader(config.appResources)
+	});
+}
+export { AuthGuard, AuthInterceptor, AuthenticationService, BrandComponent, BypassHtmlSanitizerPipe, EXTERNAL_CONTENT_CONFIGS, EXTERNAL_CONTENT_ROUTE_PATH, EnumLabelPipe, EnvironmentBadgeComponent, ExternalContentComponent, ExternalContentConfigs, ExternalContentService, ExternalUrlResolverService, FiltersBase, LoginLayoutComponent, MainLayoutComponent, NotificationsComponent, NotificationsService, OperationsHistoryChildListComponent, OperationsHistoryDataset, OperationsHistoryModalComponent, OperationsHistoryService, ServicesHistoryChildListComponent, ServicesHistoryDataset, ServicesHistoryFilterComponent, ServicesHistoryService, ServicesHistoryViewComponent, SharedAuthModule, TopBarComponent, UserProfileComponent, UtcDatePipe, ZAMBON_SHARED_I18N_ASSET, ZAMBON_SHARED_I18N_ASSET_PATH, ZAMBON_SHARED_I18N_RESOURCES, createZambonSharedTranslateLoader, externalContentRoutes, provideZambonSharedTranslateLoader, provideZambonSharedTranslateService };
+
+//# sourceMappingURL=zambon-dev-ui-shared.mjs.map