@dflat-core/web 1.7.2069 → 1.7.2071

package/fesm2022/dflat-core-web-core-ux.mjs

@@ -6,7 +6,7 @@ import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Dire
 import * as i5 from "@angular/forms";
 import { FormControl, FormGroup, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators } from "@angular/forms";
 import * as i2$1 from "@angular/router";
-import { ActivatedRoute, Router, RouterModule } from "@angular/router";
+import { ActivatedRoute, BaseRouteReuseStrategy, NavigationCancel, NavigationEnd, NavigationError, NavigationSkipped, NavigationStart, Router, RouterModule } from "@angular/router";
 import * as i6 from "@ng-select/ng-select";
 import { NgSelectModule } from "@ng-select/ng-select";
 import { ComponentLoaderFactory } from "ngx-bootstrap/component-loader";
@@ -17,9 +17,9 @@ import { BsModalService, ModalModule, ModalOptions } from "ngx-bootstrap/modal";
 import * as i1$3 from "@dflat-core/web/core";
 import { Utilities, isNumeric, nameof } from "@dflat-core/web/core";
 import { BehaviorSubject, EMPTY, Observable, ReplaySubject, Subject, catchError, combineLatest, debounceTime, distinctUntilChanged, filter, firstValueFrom, forkJoin, from, fromEvent, groupBy, map, merge, mergeMap, of, share, shareReplay, startWith, switchMap, take, takeUntil, tap, throwError, toArray, withLatestFrom } from "rxjs";
-import { debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, exhaustMap, filter as filter$1, map as map$1, shareReplay as shareReplay$1, switchMap as switchMap$1, take as take$1, takeUntil as takeUntil$1 } from "rxjs/operators";
+import { debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, exhaustMap, filter as filter$1, map as map$1, shareReplay as shareReplay$1, skip, switchMap as switchMap$1, take as take$1, takeUntil as takeUntil$1 } from "rxjs/operators";
 import * as i1$5 from "@dflat-core/web/core-services";
-import { AuthService, BreadcrumbService, BusMessageService, FilterService, UserService } from "@dflat-core/web/core-services";
+import { AuthService, BreadcrumbService, BusMessageService, FilterService, MenuService, UserService } from "@dflat-core/web/core-services";
 import { SelectionType } from "@swimlane/ngx-datatable";
 import * as i2$2 from "@dflat-core/web/system-data";
 import { HttpResponseBase } from "@angular/common/http";
@@ -8480,6 +8480,283 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var PageTabService = class PageTabService {
+	constructor() {
+		this.tabs$ = new BehaviorSubject([]);
+		this.enabled = false;
+		this.navigation = "none";
+		this.nextId = 1;
+		this.menuItems = [];
+		this.handles = /* @__PURE__ */ new Map();
+		this.closingActive = false;
+		this.injector = inject(Injector);
+		this.subscribed = false;
+	}
+	get router() {
+		return this.injector.get(Router);
+	}
+	subscribe() {
+		if (this.subscribed) return;
+		this.subscribed = true;
+		this.injector.get(MenuService, null, { optional: true })?.getCurrent().subscribe((items) => this.menuItems = items ?? []);
+		this.tabs$.pipe(skip(1)).subscribe((tabs) => {
+			if (this.enabled) this.save(tabs);
+		});
+		this.router.events.subscribe((event) => {
+			if (event instanceof NavigationStart) this.onNavigationStart(event.url);
+			else if (event instanceof NavigationEnd) this.onNavigationEnd(event.urlAfterRedirects);
+			else if (event instanceof NavigationCancel || event instanceof NavigationError || event instanceof NavigationSkipped) this.resetNavigation();
+		});
+	}
+	get tabs() {
+		return this.tabs$.value;
+	}
+	enable() {
+		this.enabled = true;
+		this.subscribe();
+		this.restore();
+		if (this.tabs.length === 0) this.onNavigationEnd(this.router.url);
+	}
+	disable() {
+		this.enabled = false;
+		for (const id of [...this.handles.keys()]) this.destroyHandle(id);
+		this.activeId = void 0;
+		this.tabs$.next([]);
+		this.resetNavigation();
+	}
+	notifyMenuClick(item) {
+		if (!item?.link || item.external) return;
+		const path = PageTabService.pathOf(item.link);
+		const active = this.active;
+		if (active && active.path === path) return;
+		this.pendingMenu = {
+			path,
+			title: item.title ?? "",
+			at: Date.now()
+		};
+	}
+	activate(tab) {
+		if (tab.id === this.activeId) return;
+		this.requestedId = tab.id;
+		this.router.navigateByUrl(tab.url);
+	}
+	close(tab) {
+		const tabs = this.tabs;
+		const index = tabs.findIndex((t) => t.id === tab.id);
+		if (index < 0) return;
+		this.destroyHandle(tab.id);
+		const remaining = tabs.filter((t) => t.id !== tab.id);
+		this.tabs$.next(remaining);
+		if (tab.id !== this.activeId) return;
+		this.activeId = void 0;
+		this.closingActive = true;
+		const neighbour = remaining[Math.min(index, remaining.length - 1)];
+		if (neighbour) {
+			this.requestedId = neighbour.id;
+			this.router.navigateByUrl(neighbour.url);
+		} else this.router.navigateByUrl("/");
+	}
+	move(id, position) {
+		const tabs = [...this.tabs];
+		const from = tabs.findIndex((t) => t.id === id);
+		if (from < 0) return;
+		const [tab] = tabs.splice(from, 1);
+		const to = Math.max(0, Math.min(position > from ? position - 1 : position, tabs.length));
+		if (to === from) return;
+		tabs.splice(to, 0, tab);
+		this.tabs$.next(tabs);
+	}
+	static {
+		this.storageKey = "dflat.pageTabs";
+	}
+	restore() {
+		if (this.tabs.length > 0) return;
+		let saved = [];
+		try {
+			saved = JSON.parse(localStorage.getItem(PageTabService.storageKey) ?? "[]");
+		} catch {
+			saved = [];
+		}
+		const tabs = (Array.isArray(saved) ? saved : []).filter((t) => t && typeof t.path === "string" && t.path !== PageTabService.homePath).map((t) => ({
+			id: this.nextId++,
+			path: t.path,
+			url: t.url || t.path,
+			title: t.title || t.path
+		}));
+		if (tabs.length > 0) this.tabs$.next(tabs);
+	}
+	save(tabs) {
+		try {
+			localStorage.setItem(PageTabService.storageKey, JSON.stringify(tabs.map((t) => ({
+				path: t.path,
+				url: t.url,
+				title: t.title
+			}))));
+		} catch {}
+	}
+	get changesTab() {
+		return this.navigation === "switch" || this.navigation === "new";
+	}
+	storeHandle(handle) {
+		if (this.fromId === void 0) return;
+		this.destroyHandle(this.fromId);
+		this.handles.set(this.fromId, handle);
+	}
+	handleFor(route) {
+		if (this.navigation !== "switch" || this.toId === void 0) return null;
+		const handle = this.handles.get(this.toId);
+		if (!handle) return null;
+		const stored = handle.route?.value?.snapshot?.routeConfig;
+		if (stored && stored !== route.routeConfig) return null;
+		return handle;
+	}
+	releaseHandle() {
+		if (this.toId !== void 0) this.handles.delete(this.toId);
+	}
+	get active() {
+		return this.tabs.find((t) => t.id === this.activeId);
+	}
+	onNavigationStart(url) {
+		if (!this.enabled) {
+			this.resetNavigation();
+			return;
+		}
+		const path = PageTabService.pathOf(url);
+		const active = this.active;
+		const existing = this.tabs.find((t) => t.path === path);
+		this.fromId = this.closingActive ? void 0 : active?.id;
+		if (path === PageTabService.homePath) {
+			this.navigation = active ? "new" : "inplace";
+			this.toId = void 0;
+		} else if (this.requestedId !== void 0) {
+			this.navigation = "switch";
+			this.toId = this.requestedId;
+		} else if (this.pendingMenu && this.pendingMenu.path === path && Date.now() - this.pendingMenu.at < 5e3) {
+			if (existing && existing.id !== active?.id) {
+				this.navigation = "switch";
+				this.toId = existing.id;
+			} else if (existing) {
+				this.navigation = "inplace";
+				this.toId = existing.id;
+			} else {
+				this.navigation = "new";
+				this.toId = this.nextId++;
+			}
+		} else if (existing && active && existing.id !== active.id) {
+			this.navigation = "switch";
+			this.toId = existing.id;
+		} else if (!active) {
+			this.navigation = "new";
+			this.toId = existing?.id ?? this.nextId++;
+		} else {
+			this.navigation = "inplace";
+			this.toId = active.id;
+		}
+	}
+	onNavigationEnd(url) {
+		if (!this.enabled) {
+			this.resetNavigation();
+			return;
+		}
+		if (this.navigation === "none") this.toId = this.tabs.find((t) => t.path === PageTabService.pathOf(url))?.id ?? this.activeId;
+		const path = PageTabService.pathOf(url);
+		if (path === PageTabService.homePath) {
+			this.activeId = void 0;
+			this.tabs$.next([...this.tabs]);
+			this.resetNavigation();
+			return;
+		}
+		const menuTitle = this.pendingMenu?.path === path ? this.pendingMenu.title : void 0;
+		const tabs = [...this.tabs];
+		let tab = tabs.find((t) => t.id === this.toId);
+		if (!tab) {
+			tab = {
+				id: this.toId ?? this.nextId++,
+				path,
+				url,
+				title: menuTitle || this.titleOf(path)
+			};
+			tabs.push(tab);
+		} else {
+			const changedPath = tab.path !== path;
+			tab = {
+				...tab,
+				path,
+				url,
+				title: changedPath ? menuTitle || this.titleOf(path) : tab.title
+			};
+			tabs[tabs.findIndex((t) => t.id === tab.id)] = tab;
+		}
+		this.activeId = tab.id;
+		this.tabs$.next(tabs);
+		this.resetNavigation();
+	}
+	resetNavigation() {
+		this.navigation = "none";
+		this.fromId = void 0;
+		this.toId = void 0;
+		this.requestedId = void 0;
+		this.pendingMenu = void 0;
+		this.closingActive = false;
+	}
+	destroyHandle(id) {
+		const handle = this.handles.get(id);
+		if (handle?.componentRef) handle.componentRef.destroy();
+		this.handles.delete(id);
+	}
+	titleOf(path) {
+		if (path === "" || path === "/") return "Accueil";
+		const item = PageTabService.findMenuItem(this.menuItems, path);
+		if (item?.title) return item.title;
+		const segment = path.split("/").filter((s) => s).pop() ?? path;
+		return decodeURIComponent(segment);
+	}
+	static findMenuItem(items, path) {
+		for (const item of items ?? []) {
+			if (item.link && !item.external && PageTabService.pathOf(item.link) === path) return item;
+			const found = PageTabService.findMenuItem(item.sublinks ?? [], path);
+			if (found) return found;
+		}
+	}
+	static {
+		this.homePath = "/";
+	}
+	static pathOf(url) {
+		let path = (url ?? "").split("#")[0].split("?")[0];
+		if (!path.startsWith("/")) path = "/" + path;
+		if (path.length > 1 && path.endsWith("/")) path = path.substring(0, path.length - 1);
+		return path;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: PageTabService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: PageTabService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PageTabService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
 var MenuComponent = class MenuComponent {
 	constructor(router, renderer) {
 		this.router = router;
@@ -8497,8 +8774,18 @@ var MenuComponent = class MenuComponent {
 		this.currentTreeViewMenu = void 0;
 		this.currentClass = void 0;
 		this.itemClicked = new EventEmitter();
+		this.pageTabs = inject(PageTabService);
 		this.lockToggle = false;
 		this.router.events.subscribe((evt) => this.currentUrl = evt.url);
+		inject(ElementRef).nativeElement.addEventListener("click", (event) => {
+			const anchor = event.target?.closest("a");
+			const link = anchor?.getAttribute("href");
+			if (!anchor || !link || anchor.target === "_blank" || /^[a-z]+:/i.test(link)) return;
+			this.pageTabs.notifyMenuClick({
+				link,
+				title: anchor.textContent?.trim()
+			});
+		}, true);
 	}
 	ngAfterViewInit() {
 		this.setFixedStyle();
@@ -8733,6 +9020,187 @@ i0.ɵɵngDeclareClassMetadata({
 		itemClicked: [{ type: Output }]
 	}
 });
+var PageTabsComponent = class PageTabsComponent {
+	static {
+		this.MoreButtonWidth = 50;
+	}
+	static {
+		this.Gap = 2;
+	}
+	constructor(pageTabs, host) {
+		this.pageTabs = pageTabs;
+		this.host = host;
+		this.dropBefore = true;
+		this.hiddenIds = /* @__PURE__ */ new Set();
+		this.menuOpen = false;
+	}
+	ngOnInit() {
+		this.pageTabs.enable();
+	}
+	ngAfterViewInit() {
+		this.resizeObserver = new ResizeObserver(() => this.refresh());
+		this.resizeObserver.observe(this.frame.nativeElement);
+		this.tabsSubscription = this.pageTabs.tabs$.subscribe(() => this.refresh());
+	}
+	ngOnDestroy() {
+		this.resizeObserver?.disconnect();
+		this.tabsSubscription?.unsubscribe();
+		this.pageTabs.disable();
+	}
+	get hiddenTabs() {
+		return this.pageTabs.tabs.filter((t) => this.hiddenIds.has(t.id));
+	}
+	isHidden(tab) {
+		return this.hiddenIds.has(tab.id);
+	}
+	onSelect(tab) {
+		this.menuOpen = false;
+		this.pageTabs.activate(tab);
+	}
+	onClose(tab, event) {
+		event.stopPropagation();
+		this.pageTabs.close(tab);
+	}
+	onAuxClick(tab, event) {
+		if (event.button !== 1) return;
+		event.preventDefault();
+		this.pageTabs.close(tab);
+	}
+	toggleMenu(event) {
+		event.stopPropagation();
+		this.menuOpen = !this.menuOpen;
+	}
+	onDocumentClick(event) {
+		if (this.menuOpen && !this.host.nativeElement.contains(event.target)) this.menuOpen = false;
+	}
+	refresh() {
+		setTimeout(() => this.layout());
+	}
+	layout() {
+		const frame = this.frame?.nativeElement;
+		const strip = this.strip?.nativeElement;
+		if (!frame || !strip) return;
+		const tabs = this.pageTabs.tabs;
+		const widths = tabs.map((tab) => strip.querySelector(`[data-tab-id="${tab.id}"]`)?.offsetWidth ?? 0);
+		const gap = PageTabsComponent.Gap;
+		const total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, tabs.length - 1);
+		const hidden = /* @__PURE__ */ new Set();
+		if (total > frame.clientWidth) {
+			const available = frame.clientWidth - PageTabsComponent.MoreButtonWidth;
+			const fits = (indexes) => indexes.reduce((sum, i) => sum + widths[i], 0) + gap * Math.max(0, indexes.length - 1) <= available;
+			let visible = [];
+			for (let i = 0; i < tabs.length && fits([...visible, i]); i++) visible.push(i);
+			const active = tabs.findIndex((t) => t.id === this.pageTabs.activeId);
+			if (active >= 0 && !visible.includes(active)) {
+				while (visible.length > 0 && !fits([...visible, active])) visible.pop();
+				visible.push(active);
+			}
+			tabs.forEach((tab, i) => {
+				if (!visible.includes(i)) hidden.add(tab.id);
+			});
+		}
+		if (hidden.size !== this.hiddenIds.size || [...hidden].some((id) => !this.hiddenIds.has(id))) this.hiddenIds = hidden;
+		if (hidden.size === 0) this.menuOpen = false;
+	}
+	isDragged(index) {
+		return this.pageTabs.tabs[index]?.id === this.draggedId;
+	}
+	onDragStart(tab, event) {
+		this.draggedId = tab.id;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", tab.title);
+		}
+	}
+	onDragOver(index, event) {
+		if (this.draggedId === void 0) return;
+		event.preventDefault();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+		const box = event.currentTarget.getBoundingClientRect();
+		this.dropIndex = index;
+		this.dropBefore = event.clientX < box.left + box.width / 2;
+	}
+	onDrop(event) {
+		event.preventDefault();
+		if (this.draggedId !== void 0 && this.dropIndex !== void 0) this.pageTabs.move(this.draggedId, this.dropIndex + (this.dropBefore ? 0 : 1));
+		this.onDragEnd();
+	}
+	onDragEnd() {
+		this.draggedId = void 0;
+		this.dropIndex = void 0;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: PageTabsComponent,
+			deps: [{ token: PageTabService }, { token: i0.ElementRef }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: PageTabsComponent,
+			isStandalone: false,
+			selector: "alg-page-tabs",
+			host: { listeners: { "document:click": "onDocumentClick($event)" } },
+			viewQueries: [{
+				propertyName: "frame",
+				first: true,
+				predicate: ["frame"],
+				descendants: true
+			}, {
+				propertyName: "strip",
+				first: true,
+				predicate: ["strip"],
+				descendants: true
+			}],
+			ngImport: i0,
+			template: "<!-- Onglets des écrans ouverts : clic pour afficher, croix ou clic du milieu pour fermer, glisser-déposer pour déplacer.\r\n     Les onglets qui ne tiennent pas dans la barre sont masqués et listés dans un menu déroulant. -->\r\n<div #frame class=\"page-tabs-frame\">\r\n    <div #strip class=\"page-tabs\" role=\"tablist\" aria-label=\"Ecrans ouverts\">\r\n        @for (tab of pageTabs.tabs$ | async; track tab.id; let index = $index) {\r\n            <div class=\"page-tab\" role=\"tab\" tabindex=\"0\" draggable=\"true\"\r\n                [attr.data-tab-id]=\"tab.id\"\r\n                [attr.aria-hidden]=\"isHidden(tab) ? true : null\"\r\n                [class.hidden-tab]=\"isHidden(tab)\"\r\n                [class.active]=\"tab.id === pageTabs.activeId\"\r\n                [class.dragging]=\"tab.id === draggedId\"\r\n                [class.drop-before]=\"dropIndex === index && dropBefore && !isDragged(index)\"\r\n                [class.drop-after]=\"dropIndex === index && !dropBefore && !isDragged(index)\"\r\n                [attr.aria-selected]=\"tab.id === pageTabs.activeId\"\r\n                [title]=\"tab.title\"\r\n                (click)=\"onSelect(tab)\"\r\n                (keydown.enter)=\"onSelect(tab)\"\r\n                (auxclick)=\"onAuxClick(tab, $event)\"\r\n                (dragstart)=\"onDragStart(tab, $event)\"\r\n                (dragover)=\"onDragOver(index, $event)\"\r\n                (drop)=\"onDrop($event)\"\r\n                (dragend)=\"onDragEnd()\">\r\n                <span class=\"page-tab-title\">{{ tab.title }}</span>\r\n                <button type=\"button\" class=\"page-tab-close\" title=\"Fermer l'onglet\" aria-label=\"Fermer l'onglet\"\r\n                    draggable=\"false\" (click)=\"onClose(tab, $event)\">\r\n                    <i class=\"fa fa-times\"></i>\r\n                </button>\r\n            </div>\r\n        }\r\n    </div>\r\n\r\n    @if (hiddenIds.size > 0) {\r\n        <div class=\"page-tabs-more\">\r\n            <button type=\"button\" class=\"page-tabs-more-button\" [class.open]=\"menuOpen\"\r\n                [title]=\"hiddenIds.size + ' onglet(s) masqué(s)'\" aria-haspopup=\"menu\" [attr.aria-expanded]=\"menuOpen\"\r\n                (click)=\"toggleMenu($event)\">\r\n                <i class=\"fa fa-chevron-down\"></i>\r\n            </button>\r\n            @if (menuOpen) {\r\n                <ul class=\"page-tabs-menu\" role=\"menu\">\r\n                    @for (tab of hiddenTabs; track tab.id) {\r\n                        <li class=\"page-tabs-menu-item\" role=\"menuitem\" tabindex=\"0\"\r\n                            (click)=\"onSelect(tab)\" (keydown.enter)=\"onSelect(tab)\">\r\n                            <span class=\"page-tab-title\">{{ tab.title }}</span>\r\n                            <button type=\"button\" class=\"page-tab-close\" title=\"Fermer l'onglet\" aria-label=\"Fermer l'onglet\"\r\n                                (click)=\"onClose(tab, $event)\">\r\n                                <i class=\"fa fa-times\"></i>\r\n                            </button>\r\n                        </li>\r\n                    }\r\n                </ul>\r\n            }\r\n        </div>\r\n    }\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:block;flex:1 1 0;min-width:0;height:50px;margin-left:16px}.page-tabs-frame{display:flex;align-items:center;height:100%}.page-tabs{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;height:100%;overflow:hidden}.page-tab{position:relative;display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:90px;max-width:220px;height:30px;padding:0 6px 0 30px;border-radius:5px;color:#fff;font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.page-tab:hover{background:#5272d3}.page-tab:focus-visible{outline:2px solid #ffffff;outline-offset:-2px}.page-tab.active{background:#6684e0;font-weight:600}.page-tab.hidden-tab{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.page-tab:hover .page-tab-close,.page-tab:focus-visible .page-tab-close{visibility:visible}.page-tab.dragging{opacity:.5}.page-tab.drop-before:before,.page-tab.drop-after:after{content:\"\";position:absolute;top:4px;bottom:4px;width:3px;border-radius:2px;background:#ffd54f}.page-tab.drop-before:before{left:-3px}.page-tab.drop-after:after{right:-3px}.page-tab-title{flex:1 1 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-tab-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:none;color:inherit;font-size:11px;opacity:.7;visibility:hidden;cursor:pointer}.page-tab-close:hover{opacity:1;background:#fff3}.page-tabs-more{position:relative;flex-shrink:0;margin:0 8px 0 12px}.page-tabs-more-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:#6684e0;color:#fff;font-size:12px;cursor:pointer}.page-tabs-more-button i{display:block;line-height:1;transform:translateY(-1px)}.page-tabs-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:3000;min-width:200px;max-width:320px;max-height:60vh;margin:0;padding:4px 0;overflow-y:auto;list-style:none;background:#4465c9;border-radius:5px;box-shadow:0 4px 14px #0003}.page-tabs-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;color:#fff;font-size:12.5px;cursor:pointer}.page-tabs-menu-item .page-tab-title{text-align:left}.page-tabs-menu-item .page-tab-close{color:#fff}.page-tabs-menu-item:hover,.page-tabs-menu-item:focus-visible{background:#5272d3;outline:none}.page-tabs-menu-item:hover .page-tab-close,.page-tabs-menu-item:focus-visible .page-tab-close{visibility:visible}\n"],
+			dependencies: [{
+				kind: "pipe",
+				type: i2$4.AsyncPipe,
+				name: "async"
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PageTabsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "alg-page-tabs",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<!-- Onglets des écrans ouverts : clic pour afficher, croix ou clic du milieu pour fermer, glisser-déposer pour déplacer.\r\n     Les onglets qui ne tiennent pas dans la barre sont masqués et listés dans un menu déroulant. -->\r\n<div #frame class=\"page-tabs-frame\">\r\n    <div #strip class=\"page-tabs\" role=\"tablist\" aria-label=\"Ecrans ouverts\">\r\n        @for (tab of pageTabs.tabs$ | async; track tab.id; let index = $index) {\r\n            <div class=\"page-tab\" role=\"tab\" tabindex=\"0\" draggable=\"true\"\r\n                [attr.data-tab-id]=\"tab.id\"\r\n                [attr.aria-hidden]=\"isHidden(tab) ? true : null\"\r\n                [class.hidden-tab]=\"isHidden(tab)\"\r\n                [class.active]=\"tab.id === pageTabs.activeId\"\r\n                [class.dragging]=\"tab.id === draggedId\"\r\n                [class.drop-before]=\"dropIndex === index && dropBefore && !isDragged(index)\"\r\n                [class.drop-after]=\"dropIndex === index && !dropBefore && !isDragged(index)\"\r\n                [attr.aria-selected]=\"tab.id === pageTabs.activeId\"\r\n                [title]=\"tab.title\"\r\n                (click)=\"onSelect(tab)\"\r\n                (keydown.enter)=\"onSelect(tab)\"\r\n                (auxclick)=\"onAuxClick(tab, $event)\"\r\n                (dragstart)=\"onDragStart(tab, $event)\"\r\n                (dragover)=\"onDragOver(index, $event)\"\r\n                (drop)=\"onDrop($event)\"\r\n                (dragend)=\"onDragEnd()\">\r\n                <span class=\"page-tab-title\">{{ tab.title }}</span>\r\n                <button type=\"button\" class=\"page-tab-close\" title=\"Fermer l'onglet\" aria-label=\"Fermer l'onglet\"\r\n                    draggable=\"false\" (click)=\"onClose(tab, $event)\">\r\n                    <i class=\"fa fa-times\"></i>\r\n                </button>\r\n            </div>\r\n        }\r\n    </div>\r\n\r\n    @if (hiddenIds.size > 0) {\r\n        <div class=\"page-tabs-more\">\r\n            <button type=\"button\" class=\"page-tabs-more-button\" [class.open]=\"menuOpen\"\r\n                [title]=\"hiddenIds.size + ' onglet(s) masqué(s)'\" aria-haspopup=\"menu\" [attr.aria-expanded]=\"menuOpen\"\r\n                (click)=\"toggleMenu($event)\">\r\n                <i class=\"fa fa-chevron-down\"></i>\r\n            </button>\r\n            @if (menuOpen) {\r\n                <ul class=\"page-tabs-menu\" role=\"menu\">\r\n                    @for (tab of hiddenTabs; track tab.id) {\r\n                        <li class=\"page-tabs-menu-item\" role=\"menuitem\" tabindex=\"0\"\r\n                            (click)=\"onSelect(tab)\" (keydown.enter)=\"onSelect(tab)\">\r\n                            <span class=\"page-tab-title\">{{ tab.title }}</span>\r\n                            <button type=\"button\" class=\"page-tab-close\" title=\"Fermer l'onglet\" aria-label=\"Fermer l'onglet\"\r\n                                (click)=\"onClose(tab, $event)\">\r\n                                <i class=\"fa fa-times\"></i>\r\n                            </button>\r\n                        </li>\r\n                    }\r\n                </ul>\r\n            }\r\n        </div>\r\n    }\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:block;flex:1 1 0;min-width:0;height:50px;margin-left:16px}.page-tabs-frame{display:flex;align-items:center;height:100%}.page-tabs{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;height:100%;overflow:hidden}.page-tab{position:relative;display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:90px;max-width:220px;height:30px;padding:0 6px 0 30px;border-radius:5px;color:#fff;font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.page-tab:hover{background:#5272d3}.page-tab:focus-visible{outline:2px solid #ffffff;outline-offset:-2px}.page-tab.active{background:#6684e0;font-weight:600}.page-tab.hidden-tab{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.page-tab:hover .page-tab-close,.page-tab:focus-visible .page-tab-close{visibility:visible}.page-tab.dragging{opacity:.5}.page-tab.drop-before:before,.page-tab.drop-after:after{content:\"\";position:absolute;top:4px;bottom:4px;width:3px;border-radius:2px;background:#ffd54f}.page-tab.drop-before:before{left:-3px}.page-tab.drop-after:after{right:-3px}.page-tab-title{flex:1 1 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-tab-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:none;color:inherit;font-size:11px;opacity:.7;visibility:hidden;cursor:pointer}.page-tab-close:hover{opacity:1;background:#fff3}.page-tabs-more{position:relative;flex-shrink:0;margin:0 8px 0 12px}.page-tabs-more-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:#6684e0;color:#fff;font-size:12px;cursor:pointer}.page-tabs-more-button i{display:block;line-height:1;transform:translateY(-1px)}.page-tabs-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:3000;min-width:200px;max-width:320px;max-height:60vh;margin:0;padding:4px 0;overflow-y:auto;list-style:none;background:#4465c9;border-radius:5px;box-shadow:0 4px 14px #0003}.page-tabs-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;color:#fff;font-size:12.5px;cursor:pointer}.page-tabs-menu-item .page-tab-title{text-align:left}.page-tabs-menu-item .page-tab-close{color:#fff}.page-tabs-menu-item:hover,.page-tabs-menu-item:focus-visible{background:#5272d3;outline:none}.page-tabs-menu-item:hover .page-tab-close,.page-tabs-menu-item:focus-visible .page-tab-close{visibility:visible}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: PageTabService }, { type: i0.ElementRef }],
+	propDecorators: {
+		frame: [{
+			type: ViewChild,
+			args: ["frame"]
+		}],
+		strip: [{
+			type: ViewChild,
+			args: ["strip"]
+		}],
+		onDocumentClick: [{
+			type: HostListener,
+			args: ["document:click", ["$event"]]
+		}]
+	}
+});
 var PaginatorComponent = class PaginatorComponent {
 	get _proxy() {
 		if (this.proxy) return this.proxy;
@@ -18965,6 +19433,7 @@ var components = [
 	LogsComponent,
 	MenuComponent,
 	MenuDashboardComponent,
+	PageTabsComponent,
 	PaginatorComponent,
 	PropertyGridComponent,
 	Tab,
@@ -19074,6 +19543,7 @@ var CoreUxModule = class CoreUxModule {
 				LogsComponent,
 				MenuComponent,
 				MenuDashboardComponent,
+				PageTabsComponent,
 				PaginatorComponent,
 				PropertyGridComponent,
 				Tab,
@@ -19180,6 +19650,7 @@ var CoreUxModule = class CoreUxModule {
 				LogsComponent,
 				MenuComponent,
 				MenuDashboardComponent,
+				PageTabsComponent,
 				PaginatorComponent,
 				PropertyGridComponent,
 				Tab,
@@ -20968,6 +21439,59 @@ i0.ɵɵngDeclareClassMetadata({
 		onSort: [{ type: Output }]
 	}
 });
+var PageTabRouteReuseStrategy = class PageTabRouteReuseStrategy extends BaseRouteReuseStrategy {
+	constructor(pageTabs) {
+		super();
+		this.pageTabs = pageTabs;
+	}
+	static isScreen(route) {
+		return !route.firstChild && !!route.routeConfig && !!route.component;
+	}
+	shouldDetach(route) {
+		return this.pageTabs.enabled && this.pageTabs.changesTab && this.pageTabs.fromId !== void 0 && PageTabRouteReuseStrategy.isScreen(route);
+	}
+	store(route, handle) {
+		if (handle) this.pageTabs.storeHandle(handle);
+		else this.pageTabs.releaseHandle();
+	}
+	shouldAttach(route) {
+		return this.pageTabs.enabled && PageTabRouteReuseStrategy.isScreen(route) && !!this.pageTabs.handleFor(route);
+	}
+	retrieve(route) {
+		if (!this.pageTabs.enabled || !PageTabRouteReuseStrategy.isScreen(route)) return null;
+		return this.pageTabs.handleFor(route);
+	}
+	shouldReuseRoute(future, curr) {
+		if (this.pageTabs.enabled && this.pageTabs.changesTab && PageTabRouteReuseStrategy.isScreen(future) && PageTabRouteReuseStrategy.isScreen(curr)) return false;
+		return super.shouldReuseRoute(future, curr);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: PageTabRouteReuseStrategy,
+			deps: [{ token: PageTabService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: PageTabRouteReuseStrategy
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PageTabRouteReuseStrategy,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: PageTabService }]
+});
 var TreeComponent = class TreeComponent {
 	constructor() {
 		this.onSelectionChange = new EventEmitter();
@@ -21781,6 +22305,6 @@ var SortingState = class {
 		this.direction$.next("asc");
 	}
 };
-export { Action, ActionContext, ActionDefinition, ActionHandlerContext, ActionPanelComponent, ActionService, ActionsComponent, ActionsContentComponent, AddclassDirective, AlertDialog, AlertMessage, AlertService, AppConfigService, ApplicationService, BaseArrayParameterTypeComponent, BaseComponent, BaseEditorComponent, BaseEntityEditor, BaseFormContext, BaseItemListComponent, BaseParameterTypeComponent, BaseShortcutsDirective, BreadcrumbComponent, CanDeactivateGuard, CellRendererComponent, ChangeDetectionContext, ChangeUtilities, CollapseDirective, ConfirmModalComponent, ConfirmOptions, ContextChoice, CoreUxModule, DataContext, DataGridComponent, DataGridStyleContext, DataListComponent, DatagridCellComponent, DatagridCustomComponent, DecimalInputDirective, DefaultDataGridStyleContext, DefaultFilterComponent, DefaultLayoutComponent, DflatBaseComponent, DflatBaseFilterComponent, DialogComponent, DialogComponentParameter, DialogType, DraggableDirective, DroppableDirective, DynamicFieldComponent, DynamicFilterComponent, DynamicFilterExtraComponent, DynamicFilterPanel, DynamicFormComponent, EXTENDED_ACTION_COMPONENT, EditModeDirective, EditorContext, EditorTabComponent, EditorTabSetComponent, EntityConfigContext, EntityFacade, EntityFacadeRegistryService, EntitySections, EntitySelectors, EntityUpdater, ExportDataModalComponent, ExtendedAction, ExtendedActionComponent, FacadeLoadGuard, FacadeModalService, FieldComponent, FilterContext, FilterFormModalComponent, FilterLifecycleGuard, FilterSummaryComponent, FilterSummaryPanelComponent, FireAuthService, FocusableDirective, FormPasswordComponent, FormWrapper, GridFieldComponent, GridRowComponent, GridStylePipe, HideOnThresholdDirective, IIsCancelWithWarning, ImageComponent, ImageService, InputSelectorComponent, InputSelectorOptions, InputTreeSelectorComponent, InsertionDirective, LayoutContext, LayoutHandlerDirective, LayoutService, LoginLayoutComponent, LogsComponent, MenuComponent, MenuDashboardComponent, MessageSeverity, ModalService, ModalStateService, NewEditorComponent, NewPaginatorComponent, OldDataPageComponent, OldLayoutHandlerDirective, OnEnterDirective, OrderableModalComponent, OrderableModalService, PP_SERVICE, PageLayoutComponent, PaginatorComponent, ParameterFieldComponent, ParameterTypeBoolArrayComponent, ParameterTypeBoolComponent, ParameterTypeDateArrayComponent, ParameterTypeDateComponent, ParameterTypeNumberArrayComponent, ParameterTypeNumberComponent, ParameterTypePasswordComponent, ParameterTypeTextArrayComponent, ParameterTypeTextComponent, PropertyChangeBus, PropertyEditorComponent, PropertyGridComponent, ROOT_DEPS, RowRefDirective, RowRefHost, RowRegistry, SearchResultsComponent, SectionContext, SelectionContext, SelectionService, SelectionStyler, SelectorComponent, SelectorDataSource, SelectorMapperServiceBase, SelectorRegistry, SortableColumnComponent, SortingState, StandardPageLayoutComponent, TRACK_RECORD_MODAL_COMPONENT, Tab, TabHeadingDirective, TabTranscludeDirective, Tabset, TestService, TextViewerComponent, TimePickerComponent, ToDefinePipe, ToFixedSizeIntegerPipe, TooltipDirective, TrackRecordModalComponent, TreeComponent, ValidateOnEnterDirective, ValidationErrorComponent, ValidationModalComponent, ValidationService, ViewModeDirective, ViewModelLoaderService, WizardComponent, WizardStepComponent, downloadFile, filterFromId, formatDecimal, layoutKeyToString, normalisedOrder, parseDecimal };
+export { Action, ActionContext, ActionDefinition, ActionHandlerContext, ActionPanelComponent, ActionService, ActionsComponent, ActionsContentComponent, AddclassDirective, AlertDialog, AlertMessage, AlertService, AppConfigService, ApplicationService, BaseArrayParameterTypeComponent, BaseComponent, BaseEditorComponent, BaseEntityEditor, BaseFormContext, BaseItemListComponent, BaseParameterTypeComponent, BaseShortcutsDirective, BreadcrumbComponent, CanDeactivateGuard, CellRendererComponent, ChangeDetectionContext, ChangeUtilities, CollapseDirective, ConfirmModalComponent, ConfirmOptions, ContextChoice, CoreUxModule, DataContext, DataGridComponent, DataGridStyleContext, DataListComponent, DatagridCellComponent, DatagridCustomComponent, DecimalInputDirective, DefaultDataGridStyleContext, DefaultFilterComponent, DefaultLayoutComponent, DflatBaseComponent, DflatBaseFilterComponent, DialogComponent, DialogComponentParameter, DialogType, DraggableDirective, DroppableDirective, DynamicFieldComponent, DynamicFilterComponent, DynamicFilterExtraComponent, DynamicFilterPanel, DynamicFormComponent, EXTENDED_ACTION_COMPONENT, EditModeDirective, EditorContext, EditorTabComponent, EditorTabSetComponent, EntityConfigContext, EntityFacade, EntityFacadeRegistryService, EntitySections, EntitySelectors, EntityUpdater, ExportDataModalComponent, ExtendedAction, ExtendedActionComponent, FacadeLoadGuard, FacadeModalService, FieldComponent, FilterContext, FilterFormModalComponent, FilterLifecycleGuard, FilterSummaryComponent, FilterSummaryPanelComponent, FireAuthService, FocusableDirective, FormPasswordComponent, FormWrapper, GridFieldComponent, GridRowComponent, GridStylePipe, HideOnThresholdDirective, IIsCancelWithWarning, ImageComponent, ImageService, InputSelectorComponent, InputSelectorOptions, InputTreeSelectorComponent, InsertionDirective, LayoutContext, LayoutHandlerDirective, LayoutService, LoginLayoutComponent, LogsComponent, MenuComponent, MenuDashboardComponent, MessageSeverity, ModalService, ModalStateService, NewEditorComponent, NewPaginatorComponent, OldDataPageComponent, OldLayoutHandlerDirective, OnEnterDirective, OrderableModalComponent, OrderableModalService, PP_SERVICE, PageLayoutComponent, PageTabRouteReuseStrategy, PageTabService, PageTabsComponent, PaginatorComponent, ParameterFieldComponent, ParameterTypeBoolArrayComponent, ParameterTypeBoolComponent, ParameterTypeDateArrayComponent, ParameterTypeDateComponent, ParameterTypeNumberArrayComponent, ParameterTypeNumberComponent, ParameterTypePasswordComponent, ParameterTypeTextArrayComponent, ParameterTypeTextComponent, PropertyChangeBus, PropertyEditorComponent, PropertyGridComponent, ROOT_DEPS, RowRefDirective, RowRefHost, RowRegistry, SearchResultsComponent, SectionContext, SelectionContext, SelectionService, SelectionStyler, SelectorComponent, SelectorDataSource, SelectorMapperServiceBase, SelectorRegistry, SortableColumnComponent, SortingState, StandardPageLayoutComponent, TRACK_RECORD_MODAL_COMPONENT, Tab, TabHeadingDirective, TabTranscludeDirective, Tabset, TestService, TextViewerComponent, TimePickerComponent, ToDefinePipe, ToFixedSizeIntegerPipe, TooltipDirective, TrackRecordModalComponent, TreeComponent, ValidateOnEnterDirective, ValidationErrorComponent, ValidationModalComponent, ValidationService, ViewModeDirective, ViewModelLoaderService, WizardComponent, WizardStepComponent, downloadFile, filterFromId, formatDecimal, layoutKeyToString, normalisedOrder, parseDecimal };
 
 //# sourceMappingURL=dflat-core-web-core-ux.mjs.map