@dflat-core/web 1.7.2078 → 1.7.2080

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

@@ -9537,6 +9537,10 @@ var PageTabService = class PageTabService {
 		this.router.navigateByUrl(tab.url);
 	}
 	close(tab) {
+		if (tab.parentUrl && !this.tabs.some((t) => t.id !== tab.id && t.path === PageTabService.pathOf(tab.parentUrl))) {
+			this.backToParent(tab);
+			return;
+		}
 		const tabs = this.tabs;
 		const index = tabs.findIndex((t) => t.id === tab.id);
 		if (index < 0) return;
@@ -9552,6 +9556,21 @@ var PageTabService = class PageTabService {
 			this.router.navigateByUrl(neighbour.url);
 		} else this.router.navigateByUrl("/");
 	}
+	backToParent(tab) {
+		const parentUrl = tab.parentUrl;
+		if (tab.id === this.activeId) {
+			this.router.navigateByUrl(parentUrl);
+			return;
+		}
+		this.destroyHandle(tab.id);
+		const parent = {
+			id: tab.id,
+			path: PageTabService.pathOf(parentUrl),
+			url: parentUrl,
+			title: tab.parentTitle || this.titleOf(PageTabService.pathOf(parentUrl))
+		};
+		this.tabs$.next(this.tabs.map((t) => t.id === tab.id ? parent : t));
+	}
 	move(id, position) {
 		const tabs = [...this.tabs];
 		const from = tabs.findIndex((t) => t.id === id);
@@ -9577,7 +9596,11 @@ var PageTabService = class PageTabService {
 			id: this.nextId++,
 			path: t.path,
 			url: t.url || t.path,
-			title: t.title || t.path
+			title: t.title || t.path,
+			...t.parentUrl ? {
+				parentUrl: t.parentUrl,
+				parentTitle: t.parentTitle
+			} : {}
 		}));
 		if (tabs.length > 0) this.tabs$.next(tabs);
 	}
@@ -9586,7 +9609,9 @@ var PageTabService = class PageTabService {
 			localStorage.setItem(PageTabService.storageKey, JSON.stringify(tabs.map((t) => ({
 				path: t.path,
 				url: t.url,
-				title: t.title
+				title: t.title,
+				parentUrl: t.parentUrl,
+				parentTitle: t.parentTitle
 			}))));
 		} catch {}
 	}
@@ -9670,16 +9695,22 @@ var PageTabService = class PageTabService {
 				id: this.toId ?? this.nextId++,
 				path,
 				url,
-				title: menuTitle || this.titleOf(path)
+				...this.titlesOf(path, menuTitle)
 			};
 			tabs.push(tab);
-		} else {
-			const changedPath = tab.path !== path;
+		} else if (tab.path !== path) {
+			const { parentUrl, parentTitle, ...previous } = tab;
 			tab = {
-				...tab,
+				...previous,
 				path,
 				url,
-				title: changedPath ? menuTitle || this.titleOf(path) : tab.title
+				...this.titlesOf(path, menuTitle, tab)
+			};
+			tabs[tabs.findIndex((t) => t.id === tab.id)] = tab;
+		} else {
+			tab = {
+				...tab,
+				url
 			};
 			tabs[tabs.findIndex((t) => t.id === tab.id)] = tab;
 		}
@@ -9700,6 +9731,29 @@ var PageTabService = class PageTabService {
 		if (handle?.componentRef) handle.componentRef.destroy();
 		this.handles.delete(id);
 	}
+	titlesOf(path, menuTitle, previous) {
+		const detail = menuTitle ? null : PageTabService.detailOf(path);
+		if (!detail) return { title: menuTitle || this.titleOf(path) };
+		const fromList = previous?.path === detail.parentPath;
+		const parentTitle = fromList ? previous.title : this.titleOf(detail.parentPath);
+		return {
+			title: PageTabService.detailTitle(parentTitle, detail.id),
+			parentUrl: fromList ? previous.url : detail.parentPath,
+			parentTitle
+		};
+	}
+	static detailOf(path) {
+		const segments = PageTabService.pathOf(path).split("/").filter((s) => s);
+		const last = segments[segments.length - 1];
+		if (segments.length < 2 || !/^-?\d+$/.test(last ?? "")) return null;
+		return {
+			parentPath: "/" + segments.slice(0, -1).join("/"),
+			id: Number(last)
+		};
+	}
+	static detailTitle(parentTitle, id) {
+		return `${parentTitle} (${id > 0 ? id : "nouveau"})`;
+	}
 	titleOf(path) {
 		if (path === "" || path === "/") return "Accueil";
 		const item = PageTabService.findMenuItem(this.menuItems, path);
@@ -10076,6 +10130,9 @@ var PageTabsComponent = class PageTabsComponent {
 		this.menuOpen = false;
 		this.pageTabs.activate(tab);
 	}
+	closeTitle(tab) {
+		return tab.parentUrl ? `Revenir à « ${tab.parentTitle} »` : "Fermer l'onglet";
+	}
 	onClose(tab, event) {
 		event.stopPropagation();
 		this.pageTabs.close(tab);
@@ -10182,7 +10239,7 @@ var PageTabsComponent = class PageTabsComponent {
 				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\" [class.narrow]=\"narrow\">\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]=\"narrow ? 'Écrans ouverts' : 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                            [class.active]=\"tab.id === pageTabs.activeId\"\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",
+			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\" [class.narrow]=\"narrow\">\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]=\"closeTitle(tab)\" [attr.aria-label]=\"closeTitle(tab)\"\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]=\"narrow ? 'Écrans ouverts' : 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                            [class.active]=\"tab.id === pageTabs.activeId\"\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]=\"closeTitle(tab)\" [attr.aria-label]=\"closeTitle(tab)\"\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}.page-tabs-frame.narrow{justify-content:flex-end}.page-tabs-frame.narrow .page-tabs{flex:0 0 0;overflow:hidden}.page-tabs-menu-item.active .page-tab-title{font-weight:600}\n"],
 			dependencies: [{
 				kind: "pipe",
@@ -10204,7 +10261,7 @@ i0.ɵɵngDeclareClassMetadata({
 			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\" [class.narrow]=\"narrow\">\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]=\"narrow ? 'Écrans ouverts' : 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                            [class.active]=\"tab.id === pageTabs.activeId\"\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",
+			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\" [class.narrow]=\"narrow\">\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]=\"closeTitle(tab)\" [attr.aria-label]=\"closeTitle(tab)\"\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]=\"narrow ? 'Écrans ouverts' : 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                            [class.active]=\"tab.id === pageTabs.activeId\"\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]=\"closeTitle(tab)\" [attr.aria-label]=\"closeTitle(tab)\"\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}.page-tabs-frame.narrow{justify-content:flex-end}.page-tabs-frame.narrow .page-tabs{flex:0 0 0;overflow:hidden}.page-tabs-menu-item.active .page-tab-title{font-weight:600}\n"]
 		}]
 	}],
@@ -16785,7 +16842,7 @@ var MobileMenuComponent = class MobileMenuComponent {
 				inline: "inline"
 			},
 			ngImport: i0,
-			template: "<button type=\"button\" [class.mm-fab]=\"!inline\" [class.mm-inline]=\"inline\" [class.open]=\"open\" (click)=\"toggle()\" [title]=\"open ? 'Fermer le menu' : 'Menu de l\\'écran'\">\r\n    <i class=\"fa\" [class.fa-ellipsis-v]=\"!open\" [class.fa-times]=\"open\"></i>\r\n</button>\r\n\r\n<ng-container *ngIf=\"open\">\r\n    <div class=\"mm-scrim\" (click)=\"close()\"></div>\r\n    <div class=\"mm-sheet\" role=\"dialog\" aria-label=\"Menu de l'écran\">\r\n        <div class=\"mm-header\">\r\n            <span class=\"mm-title\">{{ title || 'Menu' }}</span>\r\n            <button type=\"button\" class=\"mm-close\" title=\"Fermer le menu\" aria-label=\"Fermer le menu\" (click)=\"close()\">\r\n                <i class=\"fa fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n        <ul class=\"mm-list\">\r\n            <li class=\"mm-item\" (click)=\"openNavigation()\"><i class=\"fa fa-bars mm-icon\"></i><span>Menu de l'application</span></li>\r\n            <li class=\"mm-item\" (click)=\"goHome()\"><i class=\"fa fa-home mm-icon\"></i><span>Accueil</span></li>\r\n        </ul>\r\n\r\n        <ng-container *ngIf=\"visibleActions.length\">\r\n            <div class=\"mm-section\">Actions</div>\r\n            <ul class=\"mm-list\">\r\n                <ng-container *ngFor=\"let a of visibleActions\">\r\n                    <li *ngIf=\"{ disabled: (a.disabled$ | async) } as state\" class=\"mm-item\" [class.disabled]=\"state.disabled\" (click)=\"execute(a, state.disabled)\">\r\n                        <img class=\"mm-icon mm-action-icon\" [src]=\"getActionImageUrl(a.icon)\" alt=\"\" />\r\n                        <span>{{ a.title }}</span>\r\n                    </li>\r\n                </ng-container>\r\n            </ul>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"facade?.config?.viewChooser as chooser\">\r\n            <div class=\"mm-section\">Affichage</div>\r\n            <ul class=\"mm-list mm-view-menu\" (click)=\"$event.stopPropagation()\">\r\n                <alg-grid-view-menu [chooser]=\"chooser\" [mobile]=\"true\" (done)=\"close()\"></alg-grid-view-menu>\r\n            </ul>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>\r\n",
+			template: "<button type=\"button\" [class.mm-fab]=\"!inline\" [class.mm-inline]=\"inline\" [class.open]=\"open\" (click)=\"toggle()\" [title]=\"open ? 'Fermer le menu' : 'Menu de l\\'écran'\">\n    <i class=\"fa\" [class.fa-ellipsis-v]=\"!open\" [class.fa-times]=\"open\"></i>\n</button>\n\n<ng-container *ngIf=\"open\">\n    <div class=\"mm-scrim\" (click)=\"close()\"></div>\n    <div class=\"mm-sheet\" role=\"dialog\" aria-label=\"Menu de l'écran\">\n        <div class=\"mm-header\">\n            <span class=\"mm-title\">{{ title || 'Menu' }}</span>\n            <button type=\"button\" class=\"mm-close\" title=\"Fermer le menu\" aria-label=\"Fermer le menu\" (click)=\"close()\">\n                <i class=\"fa fa-times\"></i>\n            </button>\n        </div>\n\n        <ul class=\"mm-list\">\n            <li class=\"mm-item\" (click)=\"openNavigation()\"><i class=\"fa fa-bars mm-icon\"></i><span>Menu de l'application</span></li>\n            <li class=\"mm-item\" (click)=\"goHome()\"><i class=\"fa fa-home mm-icon\"></i><span>Accueil</span></li>\n        </ul>\n\n        <ng-container *ngIf=\"visibleActions.length\">\n            <div class=\"mm-section\">Actions</div>\n            <ul class=\"mm-list\">\n                <ng-container *ngFor=\"let a of visibleActions\">\n                    <li *ngIf=\"{ disabled: (a.disabled$ | async) } as state\" class=\"mm-item\" [class.disabled]=\"state.disabled\" (click)=\"execute(a, state.disabled)\">\n                        <img class=\"mm-icon mm-action-icon\" [src]=\"getActionImageUrl(a.icon)\" alt=\"\" />\n                        <span>{{ a.title }}</span>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n\n        <ng-container *ngIf=\"facade?.config?.viewChooser as chooser\">\n            <div class=\"mm-section\">Affichage</div>\n            <ul class=\"mm-list mm-view-menu\" (click)=\"$event.stopPropagation()\">\n                <alg-grid-view-menu [chooser]=\"chooser\" [mobile]=\"true\" (done)=\"close()\"></alg-grid-view-menu>\n            </ul>\n        </ng-container>\n    </div>\n</ng-container>\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}.mm-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1031;width:54px;height:54px;border:none;border-radius:50%;background:var(--orange-algorima, #f59d0f);color:#fff;font-size:20px;box-shadow:0 6px 16px #f59d0f73;cursor:pointer}.mm-fab.open{background:#4465c9;box-shadow:0 6px 16px #0000004d}.mm-inline{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:none;border-radius:5px;background:transparent;color:#fff;font-size:18px;cursor:pointer}.mm-inline:hover,.mm-inline.open{background:#6684e0}.mm-scrim{position:fixed;inset:0;z-index:1029;background:#0f142873}.mm-sheet{position:fixed;inset:0;z-index:3100;overflow-y:auto;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));background:#fff}.mm-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;height:50px;padding:0 8px 0 18px;padding-top:env(safe-area-inset-top,0px);background:#4465c9;color:#fff}.mm-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border:none;border-radius:5px;background:transparent;color:#fff;font-size:18px;cursor:pointer}.mm-grab{width:40px;height:4px;margin:0 auto 8px;border-radius:2px;background:#dbe4ff}.mm-title{min-width:0;overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mm-section{padding:10px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9fa9c7}.mm-list{margin:0;padding:0;list-style:none}.mm-item{display:flex;align-items:center;gap:12px;padding:11px 18px;font-size:14px;color:#4d5a81;cursor:pointer}.mm-item:active,.mm-item:hover{background:#ebf0ff}.mm-item.disabled{opacity:.45;cursor:default}.mm-icon{width:18px;text-align:center;color:#4465c9}.mm-action-icon{height:18px}.mm-view-menu ::ng-deep .gvm-item{padding:10px 18px;font-size:14px}\n"],
 			dependencies: [
 				{
@@ -16836,7 +16893,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "alg-mobile-menu",
 			changeDetection: ChangeDetectionStrategy.Eager,
 			standalone: false,
-			template: "<button type=\"button\" [class.mm-fab]=\"!inline\" [class.mm-inline]=\"inline\" [class.open]=\"open\" (click)=\"toggle()\" [title]=\"open ? 'Fermer le menu' : 'Menu de l\\'écran'\">\r\n    <i class=\"fa\" [class.fa-ellipsis-v]=\"!open\" [class.fa-times]=\"open\"></i>\r\n</button>\r\n\r\n<ng-container *ngIf=\"open\">\r\n    <div class=\"mm-scrim\" (click)=\"close()\"></div>\r\n    <div class=\"mm-sheet\" role=\"dialog\" aria-label=\"Menu de l'écran\">\r\n        <div class=\"mm-header\">\r\n            <span class=\"mm-title\">{{ title || 'Menu' }}</span>\r\n            <button type=\"button\" class=\"mm-close\" title=\"Fermer le menu\" aria-label=\"Fermer le menu\" (click)=\"close()\">\r\n                <i class=\"fa fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n        <ul class=\"mm-list\">\r\n            <li class=\"mm-item\" (click)=\"openNavigation()\"><i class=\"fa fa-bars mm-icon\"></i><span>Menu de l'application</span></li>\r\n            <li class=\"mm-item\" (click)=\"goHome()\"><i class=\"fa fa-home mm-icon\"></i><span>Accueil</span></li>\r\n        </ul>\r\n\r\n        <ng-container *ngIf=\"visibleActions.length\">\r\n            <div class=\"mm-section\">Actions</div>\r\n            <ul class=\"mm-list\">\r\n                <ng-container *ngFor=\"let a of visibleActions\">\r\n                    <li *ngIf=\"{ disabled: (a.disabled$ | async) } as state\" class=\"mm-item\" [class.disabled]=\"state.disabled\" (click)=\"execute(a, state.disabled)\">\r\n                        <img class=\"mm-icon mm-action-icon\" [src]=\"getActionImageUrl(a.icon)\" alt=\"\" />\r\n                        <span>{{ a.title }}</span>\r\n                    </li>\r\n                </ng-container>\r\n            </ul>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"facade?.config?.viewChooser as chooser\">\r\n            <div class=\"mm-section\">Affichage</div>\r\n            <ul class=\"mm-list mm-view-menu\" (click)=\"$event.stopPropagation()\">\r\n                <alg-grid-view-menu [chooser]=\"chooser\" [mobile]=\"true\" (done)=\"close()\"></alg-grid-view-menu>\r\n            </ul>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>\r\n",
+			template: "<button type=\"button\" [class.mm-fab]=\"!inline\" [class.mm-inline]=\"inline\" [class.open]=\"open\" (click)=\"toggle()\" [title]=\"open ? 'Fermer le menu' : 'Menu de l\\'écran'\">\n    <i class=\"fa\" [class.fa-ellipsis-v]=\"!open\" [class.fa-times]=\"open\"></i>\n</button>\n\n<ng-container *ngIf=\"open\">\n    <div class=\"mm-scrim\" (click)=\"close()\"></div>\n    <div class=\"mm-sheet\" role=\"dialog\" aria-label=\"Menu de l'écran\">\n        <div class=\"mm-header\">\n            <span class=\"mm-title\">{{ title || 'Menu' }}</span>\n            <button type=\"button\" class=\"mm-close\" title=\"Fermer le menu\" aria-label=\"Fermer le menu\" (click)=\"close()\">\n                <i class=\"fa fa-times\"></i>\n            </button>\n        </div>\n\n        <ul class=\"mm-list\">\n            <li class=\"mm-item\" (click)=\"openNavigation()\"><i class=\"fa fa-bars mm-icon\"></i><span>Menu de l'application</span></li>\n            <li class=\"mm-item\" (click)=\"goHome()\"><i class=\"fa fa-home mm-icon\"></i><span>Accueil</span></li>\n        </ul>\n\n        <ng-container *ngIf=\"visibleActions.length\">\n            <div class=\"mm-section\">Actions</div>\n            <ul class=\"mm-list\">\n                <ng-container *ngFor=\"let a of visibleActions\">\n                    <li *ngIf=\"{ disabled: (a.disabled$ | async) } as state\" class=\"mm-item\" [class.disabled]=\"state.disabled\" (click)=\"execute(a, state.disabled)\">\n                        <img class=\"mm-icon mm-action-icon\" [src]=\"getActionImageUrl(a.icon)\" alt=\"\" />\n                        <span>{{ a.title }}</span>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n\n        <ng-container *ngIf=\"facade?.config?.viewChooser as chooser\">\n            <div class=\"mm-section\">Affichage</div>\n            <ul class=\"mm-list mm-view-menu\" (click)=\"$event.stopPropagation()\">\n                <alg-grid-view-menu [chooser]=\"chooser\" [mobile]=\"true\" (done)=\"close()\"></alg-grid-view-menu>\n            </ul>\n        </ng-container>\n    </div>\n</ng-container>\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}.mm-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1031;width:54px;height:54px;border:none;border-radius:50%;background:var(--orange-algorima, #f59d0f);color:#fff;font-size:20px;box-shadow:0 6px 16px #f59d0f73;cursor:pointer}.mm-fab.open{background:#4465c9;box-shadow:0 6px 16px #0000004d}.mm-inline{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:none;border-radius:5px;background:transparent;color:#fff;font-size:18px;cursor:pointer}.mm-inline:hover,.mm-inline.open{background:#6684e0}.mm-scrim{position:fixed;inset:0;z-index:1029;background:#0f142873}.mm-sheet{position:fixed;inset:0;z-index:3100;overflow-y:auto;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));background:#fff}.mm-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;height:50px;padding:0 8px 0 18px;padding-top:env(safe-area-inset-top,0px);background:#4465c9;color:#fff}.mm-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border:none;border-radius:5px;background:transparent;color:#fff;font-size:18px;cursor:pointer}.mm-grab{width:40px;height:4px;margin:0 auto 8px;border-radius:2px;background:#dbe4ff}.mm-title{min-width:0;overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mm-section{padding:10px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9fa9c7}.mm-list{margin:0;padding:0;list-style:none}.mm-item{display:flex;align-items:center;gap:12px;padding:11px 18px;font-size:14px;color:#4d5a81;cursor:pointer}.mm-item:active,.mm-item:hover{background:#ebf0ff}.mm-item.disabled{opacity:.45;cursor:default}.mm-icon{width:18px;text-align:center;color:#4465c9}.mm-action-icon{height:18px}.mm-view-menu ::ng-deep .gvm-item{padding:10px 18px;font-size:14px}\n"]
 		}]
 	}],
@@ -17282,7 +17339,7 @@ var CustomSortComponent = class CustomSortComponent {
 			isStandalone: true,
 			selector: "alg-custom-sort",
 			ngImport: i0,
-			template: "<div class=\"custom-sort\">\r\n    <div class=\"custom-sort-level\" *ngFor=\"let level of levels; let i = index\">\r\n        <span class=\"custom-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\r\n        <select class=\"form-control\" [(ngModel)]=\"level.property\">\r\n            <option *ngFor=\"let col of sortableColumns(i)\" [value]=\"col.Property\">{{ col.Name || col.Property }}</option>\r\n        </select>\r\n        <select class=\"form-control custom-sort-direction\" [(ngModel)]=\"level.direction\">\r\n            <option value=\"asc\">Croissant</option>\r\n            <option value=\"desc\">Décroissant</option>\r\n        </select>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveLevel(i, -1)\">\r\n            <i class=\"fa fa-arrow-up\"></i>\r\n        </button>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Descendre\" [disabled]=\"i === levels.length - 1\" (click)=\"moveLevel(i, 1)\">\r\n            <i class=\"fa fa-arrow-down\"></i>\r\n        </button>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Retirer\" (click)=\"removeLevel(i)\">\r\n            <i class=\"fa fa-times\"></i>\r\n        </button>\r\n    </div>\r\n    <button type=\"button\" class=\"custom-sort-add\" [disabled]=\"sortableColumns(-1).length === 0\" (click)=\"addLevel()\">\r\n        <i class=\"fa fa-plus\"></i> Ajouter un niveau\r\n    </button>\r\n</div>\r\n",
+			template: "<div class=\"custom-sort\">\n    <div class=\"custom-sort-level\" *ngFor=\"let level of levels; let i = index\">\n        <span class=\"custom-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\n        <select class=\"form-control\" [(ngModel)]=\"level.property\">\n            <option *ngFor=\"let col of sortableColumns(i)\" [value]=\"col.Property\">{{ col.Name || col.Property }}</option>\n        </select>\n        <select class=\"form-control custom-sort-direction\" [(ngModel)]=\"level.direction\">\n            <option value=\"asc\">Croissant</option>\n            <option value=\"desc\">Décroissant</option>\n        </select>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveLevel(i, -1)\">\n            <i class=\"fa fa-arrow-up\"></i>\n        </button>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Descendre\" [disabled]=\"i === levels.length - 1\" (click)=\"moveLevel(i, 1)\">\n            <i class=\"fa fa-arrow-down\"></i>\n        </button>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Retirer\" (click)=\"removeLevel(i)\">\n            <i class=\"fa fa-times\"></i>\n        </button>\n    </div>\n    <button type=\"button\" class=\"custom-sort-add\" [disabled]=\"sortableColumns(-1).length === 0\" (click)=\"addLevel()\">\n        <i class=\"fa fa-plus\"></i> Ajouter un niveau\n    </button>\n</div>\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}.custom-sort{padding:12px 16px 4px;color:#3c5dc4;font-size:12.5px}.custom-sort-level{display:flex;align-items:center;gap:6px;margin-bottom:6px}.custom-sort-level select{flex:1 1 auto;min-width:0;height:28px;padding:2px 6px;font-size:12.5px}.custom-sort-level .custom-sort-direction{flex:0 0 120px}.custom-sort-label{flex:0 0 64px}.custom-sort-icon{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:none;color:#3c5dc4;cursor:pointer}.custom-sort-icon:hover:not(:disabled){background:#dbe4ff}.custom-sort-icon:disabled{opacity:.3;cursor:default}.custom-sort-add{margin:4px 0 8px 70px;padding:0;border:0;background:none;color:#3c5dc4;cursor:pointer}.custom-sort-add:disabled{opacity:.4;cursor:default}\n"],
 			dependencies: [
 				{
@@ -17356,7 +17413,7 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: true,
 			imports: [CommonModule, FormsModule],
 			changeDetection: ChangeDetectionStrategy.Eager,
-			template: "<div class=\"custom-sort\">\r\n    <div class=\"custom-sort-level\" *ngFor=\"let level of levels; let i = index\">\r\n        <span class=\"custom-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\r\n        <select class=\"form-control\" [(ngModel)]=\"level.property\">\r\n            <option *ngFor=\"let col of sortableColumns(i)\" [value]=\"col.Property\">{{ col.Name || col.Property }}</option>\r\n        </select>\r\n        <select class=\"form-control custom-sort-direction\" [(ngModel)]=\"level.direction\">\r\n            <option value=\"asc\">Croissant</option>\r\n            <option value=\"desc\">Décroissant</option>\r\n        </select>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveLevel(i, -1)\">\r\n            <i class=\"fa fa-arrow-up\"></i>\r\n        </button>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Descendre\" [disabled]=\"i === levels.length - 1\" (click)=\"moveLevel(i, 1)\">\r\n            <i class=\"fa fa-arrow-down\"></i>\r\n        </button>\r\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Retirer\" (click)=\"removeLevel(i)\">\r\n            <i class=\"fa fa-times\"></i>\r\n        </button>\r\n    </div>\r\n    <button type=\"button\" class=\"custom-sort-add\" [disabled]=\"sortableColumns(-1).length === 0\" (click)=\"addLevel()\">\r\n        <i class=\"fa fa-plus\"></i> Ajouter un niveau\r\n    </button>\r\n</div>\r\n",
+			template: "<div class=\"custom-sort\">\n    <div class=\"custom-sort-level\" *ngFor=\"let level of levels; let i = index\">\n        <span class=\"custom-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\n        <select class=\"form-control\" [(ngModel)]=\"level.property\">\n            <option *ngFor=\"let col of sortableColumns(i)\" [value]=\"col.Property\">{{ col.Name || col.Property }}</option>\n        </select>\n        <select class=\"form-control custom-sort-direction\" [(ngModel)]=\"level.direction\">\n            <option value=\"asc\">Croissant</option>\n            <option value=\"desc\">Décroissant</option>\n        </select>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveLevel(i, -1)\">\n            <i class=\"fa fa-arrow-up\"></i>\n        </button>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Descendre\" [disabled]=\"i === levels.length - 1\" (click)=\"moveLevel(i, 1)\">\n            <i class=\"fa fa-arrow-down\"></i>\n        </button>\n        <button type=\"button\" class=\"custom-sort-icon\" title=\"Retirer\" (click)=\"removeLevel(i)\">\n            <i class=\"fa fa-times\"></i>\n        </button>\n    </div>\n    <button type=\"button\" class=\"custom-sort-add\" [disabled]=\"sortableColumns(-1).length === 0\" (click)=\"addLevel()\">\n        <i class=\"fa fa-plus\"></i> Ajouter un niveau\n    </button>\n</div>\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}.custom-sort{padding:12px 16px 4px;color:#3c5dc4;font-size:12.5px}.custom-sort-level{display:flex;align-items:center;gap:6px;margin-bottom:6px}.custom-sort-level select{flex:1 1 auto;min-width:0;height:28px;padding:2px 6px;font-size:12.5px}.custom-sort-level .custom-sort-direction{flex:0 0 120px}.custom-sort-label{flex:0 0 64px}.custom-sort-icon{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:none;color:#3c5dc4;cursor:pointer}.custom-sort-icon:hover:not(:disabled){background:#dbe4ff}.custom-sort-icon:disabled{opacity:.3;cursor:default}.custom-sort-add{margin:4px 0 8px 70px;padding:0;border:0;background:none;color:#3c5dc4;cursor:pointer}.custom-sort-add:disabled{opacity:.4;cursor:default}\n"]
 		}]
 	}]
@@ -20075,6 +20132,11 @@ const FilterOperators = {
 		label: "n'est aucune de"
 	}]
 };
+const EditorOperators = {
+	...FilterOperators,
+	text: [...FilterOperators.text, ...FilterOperators.list],
+	number: [...FilterOperators.number, ...FilterOperators.list]
+};
 var FilterEditorComponent = class FilterEditorComponent {
 	constructor() {
 		this.columns = [];
@@ -20150,7 +20212,18 @@ var FilterEditorComponent = class FilterEditorComponent {
 		return this.columns.find((c) => c.key === key);
 	}
 	operatorsOf(condition) {
-		return FilterOperators[this.columnOf(condition.Property)?.type ?? "text"];
+		return EditorOperators[this.columnOf(condition.Property)?.type ?? "text"];
+	}
+	hasKnownValues(condition) {
+		return !!this.columnOf(condition.Property)?.values?.length;
+	}
+	addValue(condition, input) {
+		const value = (input.value ?? "").trim();
+		input.value = "";
+		if (value && !(condition.Values ?? []).includes(value)) condition.Values = [...condition.Values ?? [], value];
+	}
+	removeValue(condition, value) {
+		condition.Values = (condition.Values ?? []).filter((v) => v !== value);
 	}
 	hasValue(condition) {
 		return !ViewFilterNoValueOperators.includes(condition.Operator);
@@ -20235,7 +20308,7 @@ var FilterEditorComponent = class FilterEditorComponent {
 	summary(group = this.filter) {
 		return [...group.Conditions.map((c) => {
 			const column = this.columnOf(c.Property);
-			const operator = FilterOperators[column?.type ?? "text"].find((o) => o.value === c.Operator)?.label ?? c.Operator;
+			const operator = this.operatorsOf(c).find((o) => o.value === c.Operator)?.label ?? c.Operator;
 			const values = this.isList(c) ? (c.Values ?? []).map((v) => column?.values?.find((x) => x.value === v)?.label ?? v).join(", ") : !this.hasValue(c) ? "" : this.hasSecondValue(c) ? `${c.Value ?? "…"} et ${c.Value2 ?? "…"}` : c.Value ?? "…";
 			return `${column?.label ?? c.Property} ${operator}${values ? " « " + values + " »" : ""}`;
 		}), ...(group.Groups ?? []).map((g) => `(${this.summary(g)})`)].join(group.Logic === "or" ? " OU " : " ET ") || "Aucun filtre";
@@ -20266,8 +20339,8 @@ var FilterEditorComponent = class FilterEditorComponent {
 				panelFields: "panelFields"
 			},
 			ngImport: i0,
-			template: "<div class=\"fe\">\n    <div class=\"fe-tabs\" role=\"tablist\" *ngIf=\"!section\">\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'filters'\" (click)=\"tab = 'filters'\">Filtres</button>\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'sort'\" (click)=\"tab = 'sort'\">Tri</button>\n    </div>\n\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'filters'\">\n        <!-- Filtres de l'écran (FilterPanel) : valeurs enregistrées avec la vue, appliquées au FilterPanel. -->\n        <div class=\"fe-panel\" *ngIf=\"panelFields.length || shownPanelFields().length\">\n            <div class=\"fe-panel-title\">Filtres de l'écran</div>\n            <div class=\"fe-panel-field\" *ngFor=\"let field of shownPanelFields(); trackBy: trackKey\">\n                <span [title]=\"field.label\">{{ field.label }}</span>\n                <ng-container [ngSwitch]=\"field.type\">\n                    <select *ngSwitchCase=\"'list'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\n                        <option value=\"\">Choisir…</option>\n                        <option *ngFor=\"let option of field.values\" [value]=\"option.value\">{{ option.label }}</option>\n                    </select>\n                    <select *ngSwitchCase=\"'bool'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\n                        <option value=\"\">Choisir…</option>\n                        <option value=\"true\">Oui</option>\n                        <option value=\"false\">Non</option>\n                    </select>\n                    <input *ngSwitchDefault class=\"form-control\" [type]=\"field.type === 'number' ? 'number' : field.type === 'date' ? 'date' : 'text'\"\n                        [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\" />\n                </ng-container>\n                <button type=\"button\" class=\"fe-icon\" title=\"Retirer le filtre de l'écran\" (click)=\"removePanelField(field)\"><i class=\"fa fa-times\"></i></button>\n            </div>\n            <!-- Ajout d'un filtre de l'écran : les champs du FilterPanel pas encore utilisés. -->\n            <div class=\"fe-adds\" *ngIf=\"availablePanelFields().length\">\n                <select class=\"form-control fe-add-panel\" [ngModel]=\"''\" (ngModelChange)=\"addPanelField($event)\">\n                    <option value=\"\">+ Filtre de l'écran</option>\n                    <option *ngFor=\"let field of availablePanelFields(); trackBy: trackKey\" [value]=\"field.key\">{{ field.label }}</option>\n                </select>\n            </div>\n        </div>\n        <div class=\"fe-panel-title\" *ngIf=\"panelFields.length || shownPanelFields().length\">Filtre additionnel</div>\n        <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: filter, parent: null, index: 0, depth: 0 }\"></ng-container>\n        <div class=\"fe-summary\">{{ summary() }}</div>\n    </div>\n\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'sort'\">\n        <div class=\"fe-sort\" *ngFor=\"let level of sort; let i = index; trackBy: trackIndex\">\n            <span class=\"fe-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\n            <select class=\"form-control\" [(ngModel)]=\"level.property\">\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\n            </select>\n            <select class=\"form-control fe-sort-direction\" [(ngModel)]=\"level.direction\">\n                <option value=\"asc\">Croissant</option>\n                <option value=\"desc\">Décroissant</option>\n            </select>\n            <button type=\"button\" class=\"fe-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveSort(i, -1)\"><i class=\"fa fa-arrow-up\"></i></button>\n            <button type=\"button\" class=\"fe-icon\" title=\"Descendre\" [disabled]=\"i === sort.length - 1\" (click)=\"moveSort(i, 1)\"><i class=\"fa fa-arrow-down\"></i></button>\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer\" (click)=\"removeSort(i)\"><i class=\"fa fa-times\"></i></button>\n        </div>\n        <div class=\"fe-adds\"><button type=\"button\" class=\"fe-add\" (click)=\"addSort()\">+ Niveau</button></div>\n    </div>\n\n    <div class=\"fe-foot\">\n        <label class=\"fe-save\" *ngIf=\"!embedded\" [class.disabled]=\"!canSaveInView\"\n            [title]=\"canSaveInView ? '' : 'La vue par défaut est en lecture seule : dupliquez-la pour y enregistrer un filtre'\">\n            <input type=\"checkbox\" [(ngModel)]=\"saveInView\" [disabled]=\"!canSaveInView\" />\n            <span>Enregistrer dans la vue{{ viewLabel ? ' « ' + viewLabel + ' »' : '' }}</span>\n        </label>\n        <button type=\"button\" class=\"fe-clear\" (click)=\"clear()\">Tout effacer</button>\n    </div>\n</div>\n\n<!-- Groupe : relation ET / OU, conditions, groupes imbriqués. -->\n<ng-template #groupTpl let-group=\"group\" let-parent=\"parent\" let-index=\"index\" let-depth=\"depth\">\n    <div class=\"fe-group\" [class.or]=\"group.Logic === 'or'\" [class.nested]=\"depth > 0\">\n        <div class=\"fe-group-head\">\n            <span class=\"fe-logic\">\n                <button type=\"button\" [class.on]=\"group.Logic === 'and'\" class=\"and\" (click)=\"setLogic(group, 'and')\">ET</button>\n                <button type=\"button\" [class.on]=\"group.Logic === 'or'\" class=\"or\" (click)=\"setLogic(group, 'or')\">OU</button>\n            </span>\n            <span class=\"fe-group-hint\">{{ group.Logic === 'and' ? 'Toutes les conditions' : 'Au moins une condition' }}</span>\n            <button type=\"button\" *ngIf=\"parent\" class=\"fe-icon fe-group-remove\" title=\"Retirer le groupe\" (click)=\"removeGroup(parent, index)\">\n                <i class=\"fa fa-times\"></i>\n            </button>\n        </div>\n\n        <div class=\"fe-cond\" *ngFor=\"let condition of group.Conditions; let i = index; trackBy: trackIndex\">\n            <select class=\"form-control\" [(ngModel)]=\"condition.Property\" (ngModelChange)=\"onColumnChange(condition)\">\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\n            </select>\n            <select class=\"form-control\" [(ngModel)]=\"condition.Operator\" (ngModelChange)=\"onOperatorChange(condition)\">\n                <option *ngFor=\"let op of operatorsOf(condition)\" [value]=\"op.value\">{{ op.label }}</option>\n            </select>\n            <span class=\"fe-value\">\n                <ng-container *ngIf=\"isList(condition); else valueTpl\">\n                    <span class=\"fe-chips\">\n                        <button type=\"button\" *ngFor=\"let option of columnOf(condition.Property)?.values\" class=\"fe-chip\"\n                            [class.on]=\"condition.Values?.includes(option.value)\" (click)=\"toggleValue(condition, option.value)\">{{ option.label }}</button>\n                    </span>\n                </ng-container>\n                <ng-template #valueTpl>\n                    <ng-container *ngIf=\"hasValue(condition)\">\n                        <input class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value\" />\n                        <input *ngIf=\"hasSecondValue(condition)\" class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value2\" />\n                    </ng-container>\n                </ng-template>\n            </span>\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer la condition\" (click)=\"removeCondition(group, i)\"><i class=\"fa fa-times\"></i></button>\n        </div>\n\n        <ng-container *ngFor=\"let sub of group.Groups; let gi = index; trackBy: trackIndex\">\n            <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: sub, parent: group, index: gi, depth: depth + 1 }\"></ng-container>\n        </ng-container>\n\n        <div class=\"fe-adds\">\n            <button type=\"button\" class=\"fe-add\" (click)=\"addCondition(group)\">+ Condition</button>\n            <button type=\"button\" class=\"fe-add\" *ngIf=\"depth < maxDepth - 1\" (click)=\"addGroup(group)\">+ Groupe</button>\n        </div>\n    </div>\n</ng-template>\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}.fe-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px 12px;margin-bottom:12px}.fe-panel .fe-adds{grid-column:1/-1}.fe-add-panel{width:auto;border-style:dashed;color:#4465c9}.fe-panel-title{grid-column:1/-1;margin:4px 0 2px;font-weight:600}.fe-panel-field{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-weight:400}.fe-panel-field>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe{display:flex;flex-direction:column;color:#4d5a81;font-size:13px}.fe-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid #DBE4FF}.fe-tab{padding:6px 12px;border:none;border-bottom:2px solid transparent;background:none;color:#9fa9c7;font:inherit;font-weight:700;cursor:pointer}.fe-tab.active{color:#4465c9;border-bottom-color:#5272d3}.fe-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:12px 14px}.fe-group{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #DBE4FF;border-left:4px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or{border-left-color:#e07b12}.fe-group.nested{background:#f6f8fd}.fe-group-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fa9c7}.fe-group-remove{margin-left:auto}.fe-logic{display:inline-flex;border:1px solid #DBE4FF;border-radius:999px;overflow:hidden}.fe-logic button{padding:2px 10px;border:none;background:none;color:#9fa9c7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.fe-logic button.on.and{background:#3b57b8;color:#fff}.fe-logic button.on.or{background:#e07b12;color:#fff}.fe-cond{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 28px;gap:6px;align-items:center;padding:4px 6px;border:1px solid #DBE4FF;border-left:3px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or>.fe-cond{border-left-color:#e07b12}@media(max-width:600px){.fe-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.fe-cond .fe-value{grid-column:1/3}}select.form-control,input.form-control{height:30px;min-width:0;padding:2px 6px;font-size:13px}.fe-value{display:flex;gap:6px;min-width:0}.fe-value input{flex:1}.fe-chips{display:flex;flex-wrap:wrap;gap:4px}.fe-chip{padding:2px 8px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4d5a81;font:inherit;font-size:12px;cursor:pointer}.fe-chip.on{background:#5272d3;border-color:#5272d3;color:#fff}.fe-icon{width:28px;height:28px;padding:0;border:none;border-radius:6px;background:none;color:#9fa9c7;cursor:pointer}.fe-icon:hover:not(:disabled){background:#ebf0ff;color:#4d5a81}.fe-icon:disabled{opacity:.3;cursor:default}.fe-adds{display:flex;gap:8px;flex-wrap:wrap}.fe-add{padding:3px 10px;border:1px dashed #C1D0FD;border-radius:6px;background:none;color:#4465c9;font:inherit;font-size:12px;cursor:pointer}.fe-summary{padding:8px 10px;border-radius:6px;background:#ebf0ff;font-size:12px;word-break:break-word}.fe-sort{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 28px 28px 28px;gap:6px;align-items:center}.fe-sort-label{font-size:12px;color:#9fa9c7}.fe-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #DBE4FF}.fe-save{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;cursor:pointer}.fe-save.disabled{opacity:.55;cursor:default}.fe-save input{margin:0}.fe-clear{border:none;background:none;color:#4465c9;font:inherit;cursor:pointer}\n"],
+			template: "<div class=\"fe\">\r\n    <div class=\"fe-tabs\" role=\"tablist\" *ngIf=\"!section\">\r\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'filters'\" (click)=\"tab = 'filters'\">Filtres</button>\r\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'sort'\" (click)=\"tab = 'sort'\">Tri</button>\r\n    </div>\r\n\r\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'filters'\">\r\n        <!-- Filtres de l'écran (FilterPanel) : valeurs enregistrées avec la vue, appliquées au FilterPanel. -->\r\n        <div class=\"fe-panel\" *ngIf=\"panelFields.length || shownPanelFields().length\">\r\n            <div class=\"fe-panel-title\">Filtres de l'écran</div>\r\n            <div class=\"fe-panel-field\" *ngFor=\"let field of shownPanelFields(); trackBy: trackKey\">\r\n                <span [title]=\"field.label\">{{ field.label }}</span>\r\n                <ng-container [ngSwitch]=\"field.type\">\r\n                    <select *ngSwitchCase=\"'list'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\r\n                        <option value=\"\">Choisir…</option>\r\n                        <option *ngFor=\"let option of field.values\" [value]=\"option.value\">{{ option.label }}</option>\r\n                    </select>\r\n                    <select *ngSwitchCase=\"'bool'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\r\n                        <option value=\"\">Choisir…</option>\r\n                        <option value=\"true\">Oui</option>\r\n                        <option value=\"false\">Non</option>\r\n                    </select>\r\n                    <input *ngSwitchDefault class=\"form-control\" [type]=\"field.type === 'number' ? 'number' : field.type === 'date' ? 'date' : 'text'\"\r\n                        [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\" />\r\n                </ng-container>\r\n                <button type=\"button\" class=\"fe-icon\" title=\"Retirer le filtre de l'écran\" (click)=\"removePanelField(field)\"><i class=\"fa fa-times\"></i></button>\r\n            </div>\r\n            <!-- Ajout d'un filtre de l'écran : les champs du FilterPanel pas encore utilisés. -->\r\n            <div class=\"fe-adds\" *ngIf=\"availablePanelFields().length\">\r\n                <select class=\"form-control fe-add-panel\" [ngModel]=\"''\" (ngModelChange)=\"addPanelField($event)\">\r\n                    <option value=\"\">+ Filtre de l'écran</option>\r\n                    <option *ngFor=\"let field of availablePanelFields(); trackBy: trackKey\" [value]=\"field.key\">{{ field.label }}</option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n        <div class=\"fe-panel-title\" *ngIf=\"panelFields.length || shownPanelFields().length\">Filtre additionnel</div>\r\n        <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: filter, parent: null, index: 0, depth: 0 }\"></ng-container>\r\n        <div class=\"fe-summary\">{{ summary() }}</div>\r\n    </div>\r\n\r\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'sort'\">\r\n        <div class=\"fe-sort\" *ngFor=\"let level of sort; let i = index; trackBy: trackIndex\">\r\n            <span class=\"fe-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\r\n            <select class=\"form-control\" [(ngModel)]=\"level.property\">\r\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\r\n            </select>\r\n            <select class=\"form-control fe-sort-direction\" [(ngModel)]=\"level.direction\">\r\n                <option value=\"asc\">Croissant</option>\r\n                <option value=\"desc\">Décroissant</option>\r\n            </select>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveSort(i, -1)\"><i class=\"fa fa-arrow-up\"></i></button>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Descendre\" [disabled]=\"i === sort.length - 1\" (click)=\"moveSort(i, 1)\"><i class=\"fa fa-arrow-down\"></i></button>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer\" (click)=\"removeSort(i)\"><i class=\"fa fa-times\"></i></button>\r\n        </div>\r\n        <div class=\"fe-adds\"><button type=\"button\" class=\"fe-add\" (click)=\"addSort()\">+ Niveau</button></div>\r\n    </div>\r\n\r\n    <div class=\"fe-foot\">\r\n        <label class=\"fe-save\" *ngIf=\"!embedded\" [class.disabled]=\"!canSaveInView\"\r\n            [title]=\"canSaveInView ? '' : 'La vue par défaut est en lecture seule : dupliquez-la pour y enregistrer un filtre'\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"saveInView\" [disabled]=\"!canSaveInView\" />\r\n            <span>Enregistrer dans la vue{{ viewLabel ? ' « ' + viewLabel + ' »' : '' }}</span>\r\n        </label>\r\n        <button type=\"button\" class=\"fe-clear\" (click)=\"clear()\">Tout effacer</button>\r\n    </div>\r\n</div>\r\n\r\n<!-- Groupe : relation ET / OU, conditions, groupes imbriqués. -->\r\n<ng-template #groupTpl let-group=\"group\" let-parent=\"parent\" let-index=\"index\" let-depth=\"depth\">\r\n    <div class=\"fe-group\" [class.or]=\"group.Logic === 'or'\" [class.nested]=\"depth > 0\">\r\n        <div class=\"fe-group-head\">\r\n            <span class=\"fe-logic\">\r\n                <button type=\"button\" [class.on]=\"group.Logic === 'and'\" class=\"and\" (click)=\"setLogic(group, 'and')\">ET</button>\r\n                <button type=\"button\" [class.on]=\"group.Logic === 'or'\" class=\"or\" (click)=\"setLogic(group, 'or')\">OU</button>\r\n            </span>\r\n            <span class=\"fe-group-hint\">{{ group.Logic === 'and' ? 'Toutes les conditions' : 'Au moins une condition' }}</span>\r\n            <button type=\"button\" *ngIf=\"parent\" class=\"fe-icon fe-group-remove\" title=\"Retirer le groupe\" (click)=\"removeGroup(parent, index)\">\r\n                <i class=\"fa fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n        <div class=\"fe-cond\" *ngFor=\"let condition of group.Conditions; let i = index; trackBy: trackIndex\">\r\n            <select class=\"form-control\" [(ngModel)]=\"condition.Property\" (ngModelChange)=\"onColumnChange(condition)\">\r\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\r\n            </select>\r\n            <select class=\"form-control\" [(ngModel)]=\"condition.Operator\" (ngModelChange)=\"onOperatorChange(condition)\">\r\n                <option *ngFor=\"let op of operatorsOf(condition)\" [value]=\"op.value\">{{ op.label }}</option>\r\n            </select>\r\n            <span class=\"fe-value\">\r\n                <ng-container *ngIf=\"isList(condition); else valueTpl\">\r\n                    <span class=\"fe-chips\" *ngIf=\"hasKnownValues(condition); else typedValuesTpl\">\r\n                        <button type=\"button\" *ngFor=\"let option of columnOf(condition.Property)?.values\" class=\"fe-chip\"\r\n                            [class.on]=\"condition.Values?.includes(option.value)\" (click)=\"toggleValue(condition, option.value)\">{{ option.label }}</button>\r\n                    </span>\r\n                    <!-- Texte, nombre : valeurs saisies une à une (ou cochées par le « Filtre avancé » de la grille). -->\r\n                    <ng-template #typedValuesTpl>\r\n                        <span class=\"fe-chips\">\r\n                            <button type=\"button\" *ngFor=\"let value of condition.Values\" class=\"fe-chip on\" title=\"Retirer cette valeur\"\r\n                                (click)=\"removeValue(condition, value)\">{{ value }} <i class=\"fa fa-times\"></i></button>\r\n                            <input #valueInput class=\"form-control fe-chip-input\" [type]=\"inputType(condition)\" placeholder=\"Ajouter une valeur\"\r\n                                (keydown.enter)=\"addValue(condition, valueInput); $event.preventDefault()\" (blur)=\"addValue(condition, valueInput)\" />\r\n                        </span>\r\n                    </ng-template>\r\n                </ng-container>\r\n                <ng-template #valueTpl>\r\n                    <ng-container *ngIf=\"hasValue(condition)\">\r\n                        <input class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value\" />\r\n                        <input *ngIf=\"hasSecondValue(condition)\" class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value2\" />\r\n                    </ng-container>\r\n                </ng-template>\r\n            </span>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer la condition\" (click)=\"removeCondition(group, i)\"><i class=\"fa fa-times\"></i></button>\r\n        </div>\r\n\r\n        <ng-container *ngFor=\"let sub of group.Groups; let gi = index; trackBy: trackIndex\">\r\n            <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: sub, parent: group, index: gi, depth: depth + 1 }\"></ng-container>\r\n        </ng-container>\r\n\r\n        <div class=\"fe-adds\">\r\n            <button type=\"button\" class=\"fe-add\" (click)=\"addCondition(group)\">+ Condition</button>\r\n            <button type=\"button\" class=\"fe-add\" *ngIf=\"depth < maxDepth - 1\" (click)=\"addGroup(group)\">+ Groupe</button>\r\n        </div>\r\n    </div>\r\n</ng-template>\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}.fe-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px 12px;margin-bottom:12px}.fe-panel .fe-adds{grid-column:1/-1}.fe-add-panel{width:auto;border-style:dashed;color:#4465c9}.fe-panel-title{grid-column:1/-1;margin:4px 0 2px;font-weight:600}.fe-panel-field{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-weight:400}.fe-panel-field>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe{display:flex;flex-direction:column;color:#4d5a81;font-size:13px}.fe-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid #DBE4FF}.fe-tab{padding:6px 12px;border:none;border-bottom:2px solid transparent;background:none;color:#9fa9c7;font:inherit;font-weight:700;cursor:pointer}.fe-tab.active{color:#4465c9;border-bottom-color:#5272d3}.fe-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:12px 14px}.fe-group{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #DBE4FF;border-left:4px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or{border-left-color:#e07b12}.fe-group.nested{background:#f6f8fd}.fe-group-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fa9c7}.fe-group-remove{margin-left:auto}.fe-logic{display:inline-flex;border:1px solid #DBE4FF;border-radius:999px;overflow:hidden}.fe-logic button{padding:2px 10px;border:none;background:none;color:#9fa9c7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.fe-logic button.on.and{background:#3b57b8;color:#fff}.fe-logic button.on.or{background:#e07b12;color:#fff}.fe-cond{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 28px;gap:6px;align-items:center;padding:4px 6px;border:1px solid #DBE4FF;border-left:3px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or>.fe-cond{border-left-color:#e07b12}@media(max-width:600px){.fe-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.fe-cond .fe-value{grid-column:1/3}}select.form-control,input.form-control{height:30px;min-width:0;padding:2px 6px;font-size:13px}.fe-value{display:flex;gap:6px;min-width:0}.fe-value input{flex:1}.fe-chips{display:flex;flex-wrap:wrap;gap:4px}.fe-chip{padding:2px 8px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4d5a81;font:inherit;font-size:12px;cursor:pointer}.fe-chip.on{background:#5272d3;border-color:#5272d3;color:#fff}.fe-chip i{margin-left:2px;font-size:10px}.fe-chip-input{flex:1;min-width:120px}.fe-icon{width:28px;height:28px;padding:0;border:none;border-radius:6px;background:none;color:#9fa9c7;cursor:pointer}.fe-icon:hover:not(:disabled){background:#ebf0ff;color:#4d5a81}.fe-icon:disabled{opacity:.3;cursor:default}.fe-adds{display:flex;gap:8px;flex-wrap:wrap}.fe-add{padding:3px 10px;border:1px dashed #C1D0FD;border-radius:6px;background:none;color:#4465c9;font:inherit;font-size:12px;cursor:pointer}.fe-summary{padding:8px 10px;border-radius:6px;background:#ebf0ff;font-size:12px;word-break:break-word}.fe-sort{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 28px 28px 28px;gap:6px;align-items:center}.fe-sort-label{font-size:12px;color:#9fa9c7}.fe-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #DBE4FF}.fe-save{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;cursor:pointer}.fe-save.disabled{opacity:.55;cursor:default}.fe-save input{margin:0}.fe-clear{border:none;background:none;color:#4465c9;font:inherit;cursor:pointer}\n"],
 			dependencies: [
 				{
 					kind: "ngmodule",
@@ -20387,8 +20460,8 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: true,
 			imports: [CommonModule, FormsModule],
 			changeDetection: ChangeDetectionStrategy.Eager,
-			template: "<div class=\"fe\">\n    <div class=\"fe-tabs\" role=\"tablist\" *ngIf=\"!section\">\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'filters'\" (click)=\"tab = 'filters'\">Filtres</button>\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'sort'\" (click)=\"tab = 'sort'\">Tri</button>\n    </div>\n\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'filters'\">\n        <!-- Filtres de l'écran (FilterPanel) : valeurs enregistrées avec la vue, appliquées au FilterPanel. -->\n        <div class=\"fe-panel\" *ngIf=\"panelFields.length || shownPanelFields().length\">\n            <div class=\"fe-panel-title\">Filtres de l'écran</div>\n            <div class=\"fe-panel-field\" *ngFor=\"let field of shownPanelFields(); trackBy: trackKey\">\n                <span [title]=\"field.label\">{{ field.label }}</span>\n                <ng-container [ngSwitch]=\"field.type\">\n                    <select *ngSwitchCase=\"'list'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\n                        <option value=\"\">Choisir…</option>\n                        <option *ngFor=\"let option of field.values\" [value]=\"option.value\">{{ option.label }}</option>\n                    </select>\n                    <select *ngSwitchCase=\"'bool'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\n                        <option value=\"\">Choisir…</option>\n                        <option value=\"true\">Oui</option>\n                        <option value=\"false\">Non</option>\n                    </select>\n                    <input *ngSwitchDefault class=\"form-control\" [type]=\"field.type === 'number' ? 'number' : field.type === 'date' ? 'date' : 'text'\"\n                        [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\" />\n                </ng-container>\n                <button type=\"button\" class=\"fe-icon\" title=\"Retirer le filtre de l'écran\" (click)=\"removePanelField(field)\"><i class=\"fa fa-times\"></i></button>\n            </div>\n            <!-- Ajout d'un filtre de l'écran : les champs du FilterPanel pas encore utilisés. -->\n            <div class=\"fe-adds\" *ngIf=\"availablePanelFields().length\">\n                <select class=\"form-control fe-add-panel\" [ngModel]=\"''\" (ngModelChange)=\"addPanelField($event)\">\n                    <option value=\"\">+ Filtre de l'écran</option>\n                    <option *ngFor=\"let field of availablePanelFields(); trackBy: trackKey\" [value]=\"field.key\">{{ field.label }}</option>\n                </select>\n            </div>\n        </div>\n        <div class=\"fe-panel-title\" *ngIf=\"panelFields.length || shownPanelFields().length\">Filtre additionnel</div>\n        <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: filter, parent: null, index: 0, depth: 0 }\"></ng-container>\n        <div class=\"fe-summary\">{{ summary() }}</div>\n    </div>\n\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'sort'\">\n        <div class=\"fe-sort\" *ngFor=\"let level of sort; let i = index; trackBy: trackIndex\">\n            <span class=\"fe-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\n            <select class=\"form-control\" [(ngModel)]=\"level.property\">\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\n            </select>\n            <select class=\"form-control fe-sort-direction\" [(ngModel)]=\"level.direction\">\n                <option value=\"asc\">Croissant</option>\n                <option value=\"desc\">Décroissant</option>\n            </select>\n            <button type=\"button\" class=\"fe-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveSort(i, -1)\"><i class=\"fa fa-arrow-up\"></i></button>\n            <button type=\"button\" class=\"fe-icon\" title=\"Descendre\" [disabled]=\"i === sort.length - 1\" (click)=\"moveSort(i, 1)\"><i class=\"fa fa-arrow-down\"></i></button>\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer\" (click)=\"removeSort(i)\"><i class=\"fa fa-times\"></i></button>\n        </div>\n        <div class=\"fe-adds\"><button type=\"button\" class=\"fe-add\" (click)=\"addSort()\">+ Niveau</button></div>\n    </div>\n\n    <div class=\"fe-foot\">\n        <label class=\"fe-save\" *ngIf=\"!embedded\" [class.disabled]=\"!canSaveInView\"\n            [title]=\"canSaveInView ? '' : 'La vue par défaut est en lecture seule : dupliquez-la pour y enregistrer un filtre'\">\n            <input type=\"checkbox\" [(ngModel)]=\"saveInView\" [disabled]=\"!canSaveInView\" />\n            <span>Enregistrer dans la vue{{ viewLabel ? ' « ' + viewLabel + ' »' : '' }}</span>\n        </label>\n        <button type=\"button\" class=\"fe-clear\" (click)=\"clear()\">Tout effacer</button>\n    </div>\n</div>\n\n<!-- Groupe : relation ET / OU, conditions, groupes imbriqués. -->\n<ng-template #groupTpl let-group=\"group\" let-parent=\"parent\" let-index=\"index\" let-depth=\"depth\">\n    <div class=\"fe-group\" [class.or]=\"group.Logic === 'or'\" [class.nested]=\"depth > 0\">\n        <div class=\"fe-group-head\">\n            <span class=\"fe-logic\">\n                <button type=\"button\" [class.on]=\"group.Logic === 'and'\" class=\"and\" (click)=\"setLogic(group, 'and')\">ET</button>\n                <button type=\"button\" [class.on]=\"group.Logic === 'or'\" class=\"or\" (click)=\"setLogic(group, 'or')\">OU</button>\n            </span>\n            <span class=\"fe-group-hint\">{{ group.Logic === 'and' ? 'Toutes les conditions' : 'Au moins une condition' }}</span>\n            <button type=\"button\" *ngIf=\"parent\" class=\"fe-icon fe-group-remove\" title=\"Retirer le groupe\" (click)=\"removeGroup(parent, index)\">\n                <i class=\"fa fa-times\"></i>\n            </button>\n        </div>\n\n        <div class=\"fe-cond\" *ngFor=\"let condition of group.Conditions; let i = index; trackBy: trackIndex\">\n            <select class=\"form-control\" [(ngModel)]=\"condition.Property\" (ngModelChange)=\"onColumnChange(condition)\">\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\n            </select>\n            <select class=\"form-control\" [(ngModel)]=\"condition.Operator\" (ngModelChange)=\"onOperatorChange(condition)\">\n                <option *ngFor=\"let op of operatorsOf(condition)\" [value]=\"op.value\">{{ op.label }}</option>\n            </select>\n            <span class=\"fe-value\">\n                <ng-container *ngIf=\"isList(condition); else valueTpl\">\n                    <span class=\"fe-chips\">\n                        <button type=\"button\" *ngFor=\"let option of columnOf(condition.Property)?.values\" class=\"fe-chip\"\n                            [class.on]=\"condition.Values?.includes(option.value)\" (click)=\"toggleValue(condition, option.value)\">{{ option.label }}</button>\n                    </span>\n                </ng-container>\n                <ng-template #valueTpl>\n                    <ng-container *ngIf=\"hasValue(condition)\">\n                        <input class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value\" />\n                        <input *ngIf=\"hasSecondValue(condition)\" class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value2\" />\n                    </ng-container>\n                </ng-template>\n            </span>\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer la condition\" (click)=\"removeCondition(group, i)\"><i class=\"fa fa-times\"></i></button>\n        </div>\n\n        <ng-container *ngFor=\"let sub of group.Groups; let gi = index; trackBy: trackIndex\">\n            <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: sub, parent: group, index: gi, depth: depth + 1 }\"></ng-container>\n        </ng-container>\n\n        <div class=\"fe-adds\">\n            <button type=\"button\" class=\"fe-add\" (click)=\"addCondition(group)\">+ Condition</button>\n            <button type=\"button\" class=\"fe-add\" *ngIf=\"depth < maxDepth - 1\" (click)=\"addGroup(group)\">+ Groupe</button>\n        </div>\n    </div>\n</ng-template>\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}.fe-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px 12px;margin-bottom:12px}.fe-panel .fe-adds{grid-column:1/-1}.fe-add-panel{width:auto;border-style:dashed;color:#4465c9}.fe-panel-title{grid-column:1/-1;margin:4px 0 2px;font-weight:600}.fe-panel-field{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-weight:400}.fe-panel-field>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe{display:flex;flex-direction:column;color:#4d5a81;font-size:13px}.fe-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid #DBE4FF}.fe-tab{padding:6px 12px;border:none;border-bottom:2px solid transparent;background:none;color:#9fa9c7;font:inherit;font-weight:700;cursor:pointer}.fe-tab.active{color:#4465c9;border-bottom-color:#5272d3}.fe-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:12px 14px}.fe-group{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #DBE4FF;border-left:4px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or{border-left-color:#e07b12}.fe-group.nested{background:#f6f8fd}.fe-group-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fa9c7}.fe-group-remove{margin-left:auto}.fe-logic{display:inline-flex;border:1px solid #DBE4FF;border-radius:999px;overflow:hidden}.fe-logic button{padding:2px 10px;border:none;background:none;color:#9fa9c7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.fe-logic button.on.and{background:#3b57b8;color:#fff}.fe-logic button.on.or{background:#e07b12;color:#fff}.fe-cond{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 28px;gap:6px;align-items:center;padding:4px 6px;border:1px solid #DBE4FF;border-left:3px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or>.fe-cond{border-left-color:#e07b12}@media(max-width:600px){.fe-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.fe-cond .fe-value{grid-column:1/3}}select.form-control,input.form-control{height:30px;min-width:0;padding:2px 6px;font-size:13px}.fe-value{display:flex;gap:6px;min-width:0}.fe-value input{flex:1}.fe-chips{display:flex;flex-wrap:wrap;gap:4px}.fe-chip{padding:2px 8px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4d5a81;font:inherit;font-size:12px;cursor:pointer}.fe-chip.on{background:#5272d3;border-color:#5272d3;color:#fff}.fe-icon{width:28px;height:28px;padding:0;border:none;border-radius:6px;background:none;color:#9fa9c7;cursor:pointer}.fe-icon:hover:not(:disabled){background:#ebf0ff;color:#4d5a81}.fe-icon:disabled{opacity:.3;cursor:default}.fe-adds{display:flex;gap:8px;flex-wrap:wrap}.fe-add{padding:3px 10px;border:1px dashed #C1D0FD;border-radius:6px;background:none;color:#4465c9;font:inherit;font-size:12px;cursor:pointer}.fe-summary{padding:8px 10px;border-radius:6px;background:#ebf0ff;font-size:12px;word-break:break-word}.fe-sort{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 28px 28px 28px;gap:6px;align-items:center}.fe-sort-label{font-size:12px;color:#9fa9c7}.fe-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #DBE4FF}.fe-save{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;cursor:pointer}.fe-save.disabled{opacity:.55;cursor:default}.fe-save input{margin:0}.fe-clear{border:none;background:none;color:#4465c9;font:inherit;cursor:pointer}\n"]
+			template: "<div class=\"fe\">\r\n    <div class=\"fe-tabs\" role=\"tablist\" *ngIf=\"!section\">\r\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'filters'\" (click)=\"tab = 'filters'\">Filtres</button>\r\n        <button type=\"button\" class=\"fe-tab\" [class.active]=\"tab === 'sort'\" (click)=\"tab = 'sort'\">Tri</button>\r\n    </div>\r\n\r\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'filters'\">\r\n        <!-- Filtres de l'écran (FilterPanel) : valeurs enregistrées avec la vue, appliquées au FilterPanel. -->\r\n        <div class=\"fe-panel\" *ngIf=\"panelFields.length || shownPanelFields().length\">\r\n            <div class=\"fe-panel-title\">Filtres de l'écran</div>\r\n            <div class=\"fe-panel-field\" *ngFor=\"let field of shownPanelFields(); trackBy: trackKey\">\r\n                <span [title]=\"field.label\">{{ field.label }}</span>\r\n                <ng-container [ngSwitch]=\"field.type\">\r\n                    <select *ngSwitchCase=\"'list'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\r\n                        <option value=\"\">Choisir…</option>\r\n                        <option *ngFor=\"let option of field.values\" [value]=\"option.value\">{{ option.label }}</option>\r\n                    </select>\r\n                    <select *ngSwitchCase=\"'bool'\" class=\"form-control\" [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\">\r\n                        <option value=\"\">Choisir…</option>\r\n                        <option value=\"true\">Oui</option>\r\n                        <option value=\"false\">Non</option>\r\n                    </select>\r\n                    <input *ngSwitchDefault class=\"form-control\" [type]=\"field.type === 'number' ? 'number' : field.type === 'date' ? 'date' : 'text'\"\r\n                        [ngModel]=\"panelValue(field)\" (ngModelChange)=\"setPanelValue(field, $event)\" />\r\n                </ng-container>\r\n                <button type=\"button\" class=\"fe-icon\" title=\"Retirer le filtre de l'écran\" (click)=\"removePanelField(field)\"><i class=\"fa fa-times\"></i></button>\r\n            </div>\r\n            <!-- Ajout d'un filtre de l'écran : les champs du FilterPanel pas encore utilisés. -->\r\n            <div class=\"fe-adds\" *ngIf=\"availablePanelFields().length\">\r\n                <select class=\"form-control fe-add-panel\" [ngModel]=\"''\" (ngModelChange)=\"addPanelField($event)\">\r\n                    <option value=\"\">+ Filtre de l'écran</option>\r\n                    <option *ngFor=\"let field of availablePanelFields(); trackBy: trackKey\" [value]=\"field.key\">{{ field.label }}</option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n        <div class=\"fe-panel-title\" *ngIf=\"panelFields.length || shownPanelFields().length\">Filtre additionnel</div>\r\n        <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: filter, parent: null, index: 0, depth: 0 }\"></ng-container>\r\n        <div class=\"fe-summary\">{{ summary() }}</div>\r\n    </div>\r\n\r\n    <div class=\"fe-body\" *ngIf=\"shownTab === 'sort'\">\r\n        <div class=\"fe-sort\" *ngFor=\"let level of sort; let i = index; trackBy: trackIndex\">\r\n            <span class=\"fe-sort-label\">{{ i === 0 ? 'Trier par' : 'Puis par' }}</span>\r\n            <select class=\"form-control\" [(ngModel)]=\"level.property\">\r\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\r\n            </select>\r\n            <select class=\"form-control fe-sort-direction\" [(ngModel)]=\"level.direction\">\r\n                <option value=\"asc\">Croissant</option>\r\n                <option value=\"desc\">Décroissant</option>\r\n            </select>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Monter\" [disabled]=\"i === 0\" (click)=\"moveSort(i, -1)\"><i class=\"fa fa-arrow-up\"></i></button>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Descendre\" [disabled]=\"i === sort.length - 1\" (click)=\"moveSort(i, 1)\"><i class=\"fa fa-arrow-down\"></i></button>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer\" (click)=\"removeSort(i)\"><i class=\"fa fa-times\"></i></button>\r\n        </div>\r\n        <div class=\"fe-adds\"><button type=\"button\" class=\"fe-add\" (click)=\"addSort()\">+ Niveau</button></div>\r\n    </div>\r\n\r\n    <div class=\"fe-foot\">\r\n        <label class=\"fe-save\" *ngIf=\"!embedded\" [class.disabled]=\"!canSaveInView\"\r\n            [title]=\"canSaveInView ? '' : 'La vue par défaut est en lecture seule : dupliquez-la pour y enregistrer un filtre'\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"saveInView\" [disabled]=\"!canSaveInView\" />\r\n            <span>Enregistrer dans la vue{{ viewLabel ? ' « ' + viewLabel + ' »' : '' }}</span>\r\n        </label>\r\n        <button type=\"button\" class=\"fe-clear\" (click)=\"clear()\">Tout effacer</button>\r\n    </div>\r\n</div>\r\n\r\n<!-- Groupe : relation ET / OU, conditions, groupes imbriqués. -->\r\n<ng-template #groupTpl let-group=\"group\" let-parent=\"parent\" let-index=\"index\" let-depth=\"depth\">\r\n    <div class=\"fe-group\" [class.or]=\"group.Logic === 'or'\" [class.nested]=\"depth > 0\">\r\n        <div class=\"fe-group-head\">\r\n            <span class=\"fe-logic\">\r\n                <button type=\"button\" [class.on]=\"group.Logic === 'and'\" class=\"and\" (click)=\"setLogic(group, 'and')\">ET</button>\r\n                <button type=\"button\" [class.on]=\"group.Logic === 'or'\" class=\"or\" (click)=\"setLogic(group, 'or')\">OU</button>\r\n            </span>\r\n            <span class=\"fe-group-hint\">{{ group.Logic === 'and' ? 'Toutes les conditions' : 'Au moins une condition' }}</span>\r\n            <button type=\"button\" *ngIf=\"parent\" class=\"fe-icon fe-group-remove\" title=\"Retirer le groupe\" (click)=\"removeGroup(parent, index)\">\r\n                <i class=\"fa fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n        <div class=\"fe-cond\" *ngFor=\"let condition of group.Conditions; let i = index; trackBy: trackIndex\">\r\n            <select class=\"form-control\" [(ngModel)]=\"condition.Property\" (ngModelChange)=\"onColumnChange(condition)\">\r\n                <option *ngFor=\"let column of columns\" [value]=\"column.key\">{{ column.label }}</option>\r\n            </select>\r\n            <select class=\"form-control\" [(ngModel)]=\"condition.Operator\" (ngModelChange)=\"onOperatorChange(condition)\">\r\n                <option *ngFor=\"let op of operatorsOf(condition)\" [value]=\"op.value\">{{ op.label }}</option>\r\n            </select>\r\n            <span class=\"fe-value\">\r\n                <ng-container *ngIf=\"isList(condition); else valueTpl\">\r\n                    <span class=\"fe-chips\" *ngIf=\"hasKnownValues(condition); else typedValuesTpl\">\r\n                        <button type=\"button\" *ngFor=\"let option of columnOf(condition.Property)?.values\" class=\"fe-chip\"\r\n                            [class.on]=\"condition.Values?.includes(option.value)\" (click)=\"toggleValue(condition, option.value)\">{{ option.label }}</button>\r\n                    </span>\r\n                    <!-- Texte, nombre : valeurs saisies une à une (ou cochées par le « Filtre avancé » de la grille). -->\r\n                    <ng-template #typedValuesTpl>\r\n                        <span class=\"fe-chips\">\r\n                            <button type=\"button\" *ngFor=\"let value of condition.Values\" class=\"fe-chip on\" title=\"Retirer cette valeur\"\r\n                                (click)=\"removeValue(condition, value)\">{{ value }} <i class=\"fa fa-times\"></i></button>\r\n                            <input #valueInput class=\"form-control fe-chip-input\" [type]=\"inputType(condition)\" placeholder=\"Ajouter une valeur\"\r\n                                (keydown.enter)=\"addValue(condition, valueInput); $event.preventDefault()\" (blur)=\"addValue(condition, valueInput)\" />\r\n                        </span>\r\n                    </ng-template>\r\n                </ng-container>\r\n                <ng-template #valueTpl>\r\n                    <ng-container *ngIf=\"hasValue(condition)\">\r\n                        <input class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value\" />\r\n                        <input *ngIf=\"hasSecondValue(condition)\" class=\"form-control\" [type]=\"inputType(condition)\" [(ngModel)]=\"condition.Value2\" />\r\n                    </ng-container>\r\n                </ng-template>\r\n            </span>\r\n            <button type=\"button\" class=\"fe-icon\" title=\"Retirer la condition\" (click)=\"removeCondition(group, i)\"><i class=\"fa fa-times\"></i></button>\r\n        </div>\r\n\r\n        <ng-container *ngFor=\"let sub of group.Groups; let gi = index; trackBy: trackIndex\">\r\n            <ng-container *ngTemplateOutlet=\"groupTpl; context: { group: sub, parent: group, index: gi, depth: depth + 1 }\"></ng-container>\r\n        </ng-container>\r\n\r\n        <div class=\"fe-adds\">\r\n            <button type=\"button\" class=\"fe-add\" (click)=\"addCondition(group)\">+ Condition</button>\r\n            <button type=\"button\" class=\"fe-add\" *ngIf=\"depth < maxDepth - 1\" (click)=\"addGroup(group)\">+ Groupe</button>\r\n        </div>\r\n    </div>\r\n</ng-template>\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}.fe-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px 12px;margin-bottom:12px}.fe-panel .fe-adds{grid-column:1/-1}.fe-add-panel{width:auto;border-style:dashed;color:#4465c9}.fe-panel-title{grid-column:1/-1;margin:4px 0 2px;font-weight:600}.fe-panel-field{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-weight:400}.fe-panel-field>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe{display:flex;flex-direction:column;color:#4d5a81;font-size:13px}.fe-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid #DBE4FF}.fe-tab{padding:6px 12px;border:none;border-bottom:2px solid transparent;background:none;color:#9fa9c7;font:inherit;font-weight:700;cursor:pointer}.fe-tab.active{color:#4465c9;border-bottom-color:#5272d3}.fe-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:12px 14px}.fe-group{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #DBE4FF;border-left:4px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or{border-left-color:#e07b12}.fe-group.nested{background:#f6f8fd}.fe-group-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fa9c7}.fe-group-remove{margin-left:auto}.fe-logic{display:inline-flex;border:1px solid #DBE4FF;border-radius:999px;overflow:hidden}.fe-logic button{padding:2px 10px;border:none;background:none;color:#9fa9c7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.fe-logic button.on.and{background:#3b57b8;color:#fff}.fe-logic button.on.or{background:#e07b12;color:#fff}.fe-cond{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 28px;gap:6px;align-items:center;padding:4px 6px;border:1px solid #DBE4FF;border-left:3px solid #3b57b8;border-radius:0 4px 4px 0;background:#fff}.fe-group.or>.fe-cond{border-left-color:#e07b12}@media(max-width:600px){.fe-cond{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.fe-cond .fe-value{grid-column:1/3}}select.form-control,input.form-control{height:30px;min-width:0;padding:2px 6px;font-size:13px}.fe-value{display:flex;gap:6px;min-width:0}.fe-value input{flex:1}.fe-chips{display:flex;flex-wrap:wrap;gap:4px}.fe-chip{padding:2px 8px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4d5a81;font:inherit;font-size:12px;cursor:pointer}.fe-chip.on{background:#5272d3;border-color:#5272d3;color:#fff}.fe-chip i{margin-left:2px;font-size:10px}.fe-chip-input{flex:1;min-width:120px}.fe-icon{width:28px;height:28px;padding:0;border:none;border-radius:6px;background:none;color:#9fa9c7;cursor:pointer}.fe-icon:hover:not(:disabled){background:#ebf0ff;color:#4d5a81}.fe-icon:disabled{opacity:.3;cursor:default}.fe-adds{display:flex;gap:8px;flex-wrap:wrap}.fe-add{padding:3px 10px;border:1px dashed #C1D0FD;border-radius:6px;background:none;color:#4465c9;font:inherit;font-size:12px;cursor:pointer}.fe-summary{padding:8px 10px;border-radius:6px;background:#ebf0ff;font-size:12px;word-break:break-word}.fe-sort{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 28px 28px 28px;gap:6px;align-items:center}.fe-sort-label{font-size:12px;color:#9fa9c7}.fe-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #DBE4FF}.fe-save{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;cursor:pointer}.fe-save.disabled{opacity:.55;cursor:default}.fe-save input{margin:0}.fe-clear{border:none;background:none;color:#4465c9;font:inherit;cursor:pointer}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -21944,7 +22017,7 @@ var CardListComponent = class CardListComponent {
 				guid: "guid"
 			},
 			ngImport: i0,
-			template: "<div class=\"card-list\" (scroll)=\"onScroll($event)\" role=\"list\">\r\n    <div *ngIf=\"card === null\" class=\"card-info\">Pas de vue Carte pour cette table.</div>\r\n\r\n    <ng-container *ngIf=\"card\">\r\n        <button type=\"button\" *ngFor=\"let row of items; trackBy: trackById\" class=\"card-item\" role=\"listitem\"\r\n            [class.selected]=\"isSelected(row)\" [class.no-image]=\"!hasImage()\" (click)=\"open(row)\">\r\n            <span class=\"card-image\" *ngIf=\"hasImage()\">\r\n                <img *ngIf=\"imageUrl(row) as url; else initialsTpl\" [src]=\"url\" alt=\"\" />\r\n                <ng-template #initialsTpl><span class=\"card-initials\">{{ initials(row) }}</span></ng-template>\r\n            </span>\r\n            <span class=\"card-main\">\r\n                <span class=\"card-title\" *ngIf=\"card.title\">{{ valueOf(row, card.title) }}</span>\r\n                <span class=\"card-text\" *ngIf=\"card.text\">{{ valueOf(row, card.text) }}</span>\r\n                <span class=\"card-detail\" *ngIf=\"card.detail\">{{ valueOf(row, card.detail) }}</span>\r\n            </span>\r\n            <span class=\"card-badge\" *ngIf=\"card.badge && valueOf(row, card.badge) as badge\">{{ badge }}</span>\r\n        </button>\r\n\r\n        <div class=\"card-info\" *ngIf=\"!items.length && !loading\">Aucun élément</div>\r\n        <button type=\"button\" class=\"card-more\" *ngIf=\"hasMore\" [disabled]=\"loading\" (click)=\"loadMore()\">\r\n            {{ loading ? 'Chargement…' : 'Afficher les suivants' }}\r\n        </button>\r\n    </ng-container>\r\n</div>\r\n",
+			template: "<div class=\"card-list\" (scroll)=\"onScroll($event)\" role=\"list\">\n    <div *ngIf=\"card === null\" class=\"card-info\">Pas de vue Carte pour cette table.</div>\n\n    <ng-container *ngIf=\"card\">\n        <button type=\"button\" *ngFor=\"let row of items; trackBy: trackById\" class=\"card-item\" role=\"listitem\"\n            [class.selected]=\"isSelected(row)\" [class.no-image]=\"!hasImage()\" (click)=\"open(row)\">\n            <span class=\"card-image\" *ngIf=\"hasImage()\">\n                <img *ngIf=\"imageUrl(row) as url; else initialsTpl\" [src]=\"url\" alt=\"\" />\n                <ng-template #initialsTpl><span class=\"card-initials\">{{ initials(row) }}</span></ng-template>\n            </span>\n            <span class=\"card-main\">\n                <span class=\"card-title\" *ngIf=\"card.title\">{{ valueOf(row, card.title) }}</span>\n                <span class=\"card-text\" *ngIf=\"card.text\">{{ valueOf(row, card.text) }}</span>\n                <span class=\"card-detail\" *ngIf=\"card.detail\">{{ valueOf(row, card.detail) }}</span>\n            </span>\n            <span class=\"card-badge\" *ngIf=\"card.badge && valueOf(row, card.badge) as badge\">{{ badge }}</span>\n        </button>\n\n        <div class=\"card-info\" *ngIf=\"!items.length && !loading\">Aucun élément</div>\n        <button type=\"button\" class=\"card-more\" *ngIf=\"hasMore\" [disabled]=\"loading\" (click)=\"loadMore()\">\n            {{ loading ? 'Chargement…' : 'Afficher les suivants' }}\n        </button>\n    </ng-container>\n</div>\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:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.card-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-content:start;gap:8px;padding:10px;background:#f4f6fb}.card-list>.card-info,.card-list>.card-more{grid-column:1/-1}.card-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid #DBE4FF;border-radius:0 4px 4px 0;background:#fff;color:#4d5a81;font:inherit;text-align:left;cursor:pointer}.card-item.no-image{grid-template-columns:minmax(0,1fr) auto}.card-item:hover{border-color:#5272d3}.card-item:focus-visible{outline:2px solid #5272D3;outline-offset:1px}.card-item.selected{border-color:#5272d3;box-shadow:inset 3px 0 #5272d3}.card-image{width:44px;height:44px;border-radius:4px;background:#ebf0ff;display:grid;place-items:center;overflow:hidden}.card-image img{max-width:100%;max-height:100%;object-fit:contain}.card-initials{color:#4465c9;font-weight:700;font-size:13px}.card-main{min-width:0;display:flex;flex-direction:column}.card-title,.card-text,.card-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title{font-size:12px;color:#4465c9}.card-text{font-size:14px;font-weight:700}.card-detail{font-size:12px;color:#9fa9c7}.card-badge{padding:1px 8px;border-radius:999px;background:#ebf0ff;color:#4465c9;font-size:11px;font-weight:700;white-space:nowrap}.card-info{padding:16px;text-align:center;color:#9fa9c7}.card-more{justify-self:center;margin:4px 0 8px;padding:6px 14px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4465c9;font:inherit;cursor:pointer}.card-more:disabled{cursor:progress;opacity:.7}\n"],
 			dependencies: [{
 				kind: "directive",
@@ -21980,7 +22053,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "alg-card-list",
 			changeDetection: ChangeDetectionStrategy.Eager,
 			standalone: false,
-			template: "<div class=\"card-list\" (scroll)=\"onScroll($event)\" role=\"list\">\r\n    <div *ngIf=\"card === null\" class=\"card-info\">Pas de vue Carte pour cette table.</div>\r\n\r\n    <ng-container *ngIf=\"card\">\r\n        <button type=\"button\" *ngFor=\"let row of items; trackBy: trackById\" class=\"card-item\" role=\"listitem\"\r\n            [class.selected]=\"isSelected(row)\" [class.no-image]=\"!hasImage()\" (click)=\"open(row)\">\r\n            <span class=\"card-image\" *ngIf=\"hasImage()\">\r\n                <img *ngIf=\"imageUrl(row) as url; else initialsTpl\" [src]=\"url\" alt=\"\" />\r\n                <ng-template #initialsTpl><span class=\"card-initials\">{{ initials(row) }}</span></ng-template>\r\n            </span>\r\n            <span class=\"card-main\">\r\n                <span class=\"card-title\" *ngIf=\"card.title\">{{ valueOf(row, card.title) }}</span>\r\n                <span class=\"card-text\" *ngIf=\"card.text\">{{ valueOf(row, card.text) }}</span>\r\n                <span class=\"card-detail\" *ngIf=\"card.detail\">{{ valueOf(row, card.detail) }}</span>\r\n            </span>\r\n            <span class=\"card-badge\" *ngIf=\"card.badge && valueOf(row, card.badge) as badge\">{{ badge }}</span>\r\n        </button>\r\n\r\n        <div class=\"card-info\" *ngIf=\"!items.length && !loading\">Aucun élément</div>\r\n        <button type=\"button\" class=\"card-more\" *ngIf=\"hasMore\" [disabled]=\"loading\" (click)=\"loadMore()\">\r\n            {{ loading ? 'Chargement…' : 'Afficher les suivants' }}\r\n        </button>\r\n    </ng-container>\r\n</div>\r\n",
+			template: "<div class=\"card-list\" (scroll)=\"onScroll($event)\" role=\"list\">\n    <div *ngIf=\"card === null\" class=\"card-info\">Pas de vue Carte pour cette table.</div>\n\n    <ng-container *ngIf=\"card\">\n        <button type=\"button\" *ngFor=\"let row of items; trackBy: trackById\" class=\"card-item\" role=\"listitem\"\n            [class.selected]=\"isSelected(row)\" [class.no-image]=\"!hasImage()\" (click)=\"open(row)\">\n            <span class=\"card-image\" *ngIf=\"hasImage()\">\n                <img *ngIf=\"imageUrl(row) as url; else initialsTpl\" [src]=\"url\" alt=\"\" />\n                <ng-template #initialsTpl><span class=\"card-initials\">{{ initials(row) }}</span></ng-template>\n            </span>\n            <span class=\"card-main\">\n                <span class=\"card-title\" *ngIf=\"card.title\">{{ valueOf(row, card.title) }}</span>\n                <span class=\"card-text\" *ngIf=\"card.text\">{{ valueOf(row, card.text) }}</span>\n                <span class=\"card-detail\" *ngIf=\"card.detail\">{{ valueOf(row, card.detail) }}</span>\n            </span>\n            <span class=\"card-badge\" *ngIf=\"card.badge && valueOf(row, card.badge) as badge\">{{ badge }}</span>\n        </button>\n\n        <div class=\"card-info\" *ngIf=\"!items.length && !loading\">Aucun élément</div>\n        <button type=\"button\" class=\"card-more\" *ngIf=\"hasMore\" [disabled]=\"loading\" (click)=\"loadMore()\">\n            {{ loading ? 'Chargement…' : 'Afficher les suivants' }}\n        </button>\n    </ng-container>\n</div>\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:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.card-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-content:start;gap:8px;padding:10px;background:#f4f6fb}.card-list>.card-info,.card-list>.card-more{grid-column:1/-1}.card-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid #DBE4FF;border-radius:0 4px 4px 0;background:#fff;color:#4d5a81;font:inherit;text-align:left;cursor:pointer}.card-item.no-image{grid-template-columns:minmax(0,1fr) auto}.card-item:hover{border-color:#5272d3}.card-item:focus-visible{outline:2px solid #5272D3;outline-offset:1px}.card-item.selected{border-color:#5272d3;box-shadow:inset 3px 0 #5272d3}.card-image{width:44px;height:44px;border-radius:4px;background:#ebf0ff;display:grid;place-items:center;overflow:hidden}.card-image img{max-width:100%;max-height:100%;object-fit:contain}.card-initials{color:#4465c9;font-weight:700;font-size:13px}.card-main{min-width:0;display:flex;flex-direction:column}.card-title,.card-text,.card-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title{font-size:12px;color:#4465c9}.card-text{font-size:14px;font-weight:700}.card-detail{font-size:12px;color:#9fa9c7}.card-badge{padding:1px 8px;border-radius:999px;background:#ebf0ff;color:#4465c9;font-size:11px;font-weight:700;white-space:nowrap}.card-info{padding:16px;text-align:center;color:#9fa9c7}.card-more{justify-self:center;margin:4px 0 8px;padding:6px 14px;border:1px solid #C1D0FD;border-radius:999px;background:#fff;color:#4465c9;font:inherit;cursor:pointer}.card-more:disabled{cursor:progress;opacity:.7}\n"]
 		}]
 	}],
@@ -22289,7 +22362,7 @@ var StandardPageLayoutComponent = class StandardPageLayoutComponent {
 				}
 			],
 			ngImport: i0,
-			template: "<div class=\"page-container\"\r\n    [class.narrow]=\"this.facade?.layout?.narrow$ | async\"\r\n    [class.mobile-editor-open]=\"this.facade?.layout?.mobileEditorOpen$ | async\"\r\n    [class.editor-dirty]=\"editorDirty\"\r\n    layoutHandler\r\n    [entityKey]=\"this.layoutKey\"\r\n    [layoutContext]=\"this.facade.layout\"\r\n    [middlePanel]=\"middlePanel\"\r\n    \r\n    #layoutHandler=\"layoutHandler\"\r\n    tabindex=\"0\"\r\n    baseShortcuts\r\n    [facade]=\"this.facade\"\r\n    #baseShortcuts=\"baseShortcuts\"\r\n    >\r\n    <!-- [rightPanel]=\"rightPanel?.nativeElement\"\r\n    [_separator]=\"separator?.nativeElement\"\r\n     -->\r\n    <div class=\"panel-container\" [id]=\"layoutKey\">\r\n        <div class=\"middle-panel\" #middlePanel>\r\n\r\n            <!-- <div \r\n            *ngIf=\"this.facade.layout.showFilterPanel$ |async\" \r\n                class=\"left-panel-container\" hideOnThreshold>\r\n                <ng-content select=\"[leftContent]\"></ng-content>\r\n            </div> -->\r\n            <div class=\"middle-panel-content\">\r\n                 <ng-content class=\"action-panel\" select=\"[actionsContent]\"></ng-content>\r\n                <div class=\"middle-panel-header\">\r\n                    <ng-content select=\"[middleHeader]\"></ng-content>\r\n                </div>\r\n                \r\n                <div class=\"middle-panel-main\">\r\n                    <ng-content select=\"[middleContent]\"></ng-content>\r\n                </div>\r\n                <div class=\"middle-panel-footer\">\r\n                    <ng-content select=\"[middleFooter]\"></ng-content>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"facade.layout.propertyPanelVisible$ | async\" >\r\n            <div class=\"separator-container\"\r\n            (mousedown)=\"layoutHandler.startResizing($event)\"\r\n            (mouseup)=\"layoutHandler.stopResizing($event)\"\r\n            [id]=\"layoutHandler.entityKey\"\r\n            #separator\r\n                >\r\n                <button type=\"button\" class=\"toggle-btn\"\r\n                     title=\"Affichage Horizontal/Vertical\"\r\n                    (click)=\"toggleLayout()\">\r\n                   <div class=\"arrow\"></div>\r\n                </button>\r\n\r\n                <!-- <button class=\"expand-btn\"\r\n                    (click)=\"layoutHandler.expandPropertyflexGrow($event)\">\r\n                    <div class=\"arrow\"></div>\r\n                </button> -->\r\n            </div>\r\n\r\n            <div class=\"right-panel-container\" [id]=\"layoutHandler.entityKey\" #rightPanel>\r\n                <!-- Écran étroit : éditeur en plein écran, avec le retour à la liste de cartes. -->\r\n                <div class=\"mobile-editor-bar\">\r\n                    <button type=\"button\" class=\"mobile-editor-button\" title=\"Revenir à la liste\" aria-label=\"Revenir à la liste\" (click)=\"backToList($event)\">\r\n                        <i class=\"fa fa-arrow-left\"></i>\r\n                    </button>\r\n                    <button type=\"button\" class=\"mobile-editor-button\" *ngIf=\"editorDirty\" title=\"Enregistrer\" aria-label=\"Enregistrer\" (click)=\"saveMobileEditor($event)\">\r\n                        <i class=\"fa fa-floppy-o\"></i>\r\n                    </button>\r\n                </div>\r\n                <ng-content select=\"[rightContent]\"></ng-content>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
+			template: "<div class=\"page-container\"\n    [class.narrow]=\"this.facade?.layout?.narrow$ | async\"\n    [class.mobile-editor-open]=\"this.facade?.layout?.mobileEditorOpen$ | async\"\n    [class.editor-dirty]=\"editorDirty\"\n    layoutHandler\n    [entityKey]=\"this.layoutKey\"\n    [layoutContext]=\"this.facade.layout\"\n    [middlePanel]=\"middlePanel\"\n    \n    #layoutHandler=\"layoutHandler\"\n    tabindex=\"0\"\n    baseShortcuts\n    [facade]=\"this.facade\"\n    #baseShortcuts=\"baseShortcuts\"\n    >\n    <!-- [rightPanel]=\"rightPanel?.nativeElement\"\n    [_separator]=\"separator?.nativeElement\"\n     -->\n    <div class=\"panel-container\" [id]=\"layoutKey\">\n        <div class=\"middle-panel\" #middlePanel>\n\n            <!-- <div \n            *ngIf=\"this.facade.layout.showFilterPanel$ |async\" \n                class=\"left-panel-container\" hideOnThreshold>\n                <ng-content select=\"[leftContent]\"></ng-content>\n            </div> -->\n            <div class=\"middle-panel-content\">\n                 <ng-content class=\"action-panel\" select=\"[actionsContent]\"></ng-content>\n                <div class=\"middle-panel-header\">\n                    <ng-content select=\"[middleHeader]\"></ng-content>\n                </div>\n                \n                <div class=\"middle-panel-main\">\n                    <ng-content select=\"[middleContent]\"></ng-content>\n                </div>\n                <div class=\"middle-panel-footer\">\n                    <ng-content select=\"[middleFooter]\"></ng-content>\n                </div>\n                \n            </div>\n        </div>\n        <ng-container *ngIf=\"facade.layout.propertyPanelVisible$ | async\" >\n            <div class=\"separator-container\"\n            (mousedown)=\"layoutHandler.startResizing($event)\"\n            (mouseup)=\"layoutHandler.stopResizing($event)\"\n            [id]=\"layoutHandler.entityKey\"\n            #separator\n                >\n                <button type=\"button\" class=\"toggle-btn\"\n                     title=\"Affichage Horizontal/Vertical\"\n                    (click)=\"toggleLayout()\">\n                   <div class=\"arrow\"></div>\n                </button>\n\n                <!-- <button class=\"expand-btn\"\n                    (click)=\"layoutHandler.expandPropertyflexGrow($event)\">\n                    <div class=\"arrow\"></div>\n                </button> -->\n            </div>\n\n            <div class=\"right-panel-container\" [id]=\"layoutHandler.entityKey\" #rightPanel>\n                <!-- Écran étroit : éditeur en plein écran, avec le retour à la liste de cartes. -->\n                <div class=\"mobile-editor-bar\">\n                    <button type=\"button\" class=\"mobile-editor-button\" title=\"Revenir à la liste\" aria-label=\"Revenir à la liste\" (click)=\"backToList($event)\">\n                        <i class=\"fa fa-arrow-left\"></i>\n                    </button>\n                    <button type=\"button\" class=\"mobile-editor-button\" *ngIf=\"editorDirty\" title=\"Enregistrer\" aria-label=\"Enregistrer\" (click)=\"saveMobileEditor($event)\">\n                        <i class=\"fa fa-floppy-o\"></i>\n                    </button>\n                </div>\n                <ng-content select=\"[rightContent]\"></ng-content>\n            </div>\n        </ng-container>\n    </div>\n</div>\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}.page-container{width:100%;height:100%}.panel-container{display:flex;width:100%;height:100%;flex-grow:1;overflow:auto}.left-panel-container{order:-1;width:20%;flex-grow:0;flex-shrink:0;border-right:solid 1px var(--main-bg-color)}.right-panel-container{flex-basis:0;overflow:hidden}.middle-panel{display:flex;overflow:hidden;flex-basis:0;flex-grow:1}.middle-panel-content{display:flex;flex-direction:column;width:100%;height:100%}.middle-panel-header{padding:0}.middle-panel-main{flex-grow:1;overflow:auto;padding:0}.middle-panel-footer{padding:0}.main-component{width:100%;height:100%;overflow:auto}.left-side-panel h1,.right-side-panel h1,.middle-panel h1{display:block;font-size:12pt;background:#fff;border-bottom:solid 1px var(--main-bg-color);padding:2px 10px;margin:0;line-height:33px}.separator-container{cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAAIGNIUk0AAHonAACAgwAA+mQAAIDSAAB2hgAA7OkAADmeAAAV/sZ+0zoAAAAeSURBVHjaYvj//z8DDC9duhTBgWHCAgAAAAD//wMAbP4vwvVSoTUAAAAASUVORK5CYII=) repeat scroll 0 0 transparent;background-color:#c1d0fd}.separator-container:hover{background-color:#dbe4ff}.separator-container.vertical{flex-direction:row;width:100%;height:10px;cursor:row-resize}.separator-container.vertical button.expand-btn{width:40px;height:10px}.separator-container.vertical button.toggle-btn{width:20px;height:10px}.separator-container.horizontal{flex-direction:column;width:10px;cursor:col-resize}.separator-container.horizontal button.expand-btn{width:10px;height:40px}.separator-container.horizontal button.toggle-btn{width:10px;height:20px}.toggle-btn,.expand-btn{display:block;width:14px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;align-self:center;justify-content:center;transition:padding .3s ease;color:#fff;background-color:#8ea7f8;padding:0;z-index:10}.arrow{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(108%) contrast(101%)}.arrow-left{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.946\" height=\"45.317\" viewBox=\"0 0 27.946 45.317\">%0D%0A  <path id=\"\\c0_gauche\" data-name=\"\\c0  gauche\" d=\"M331.646,880.287l-17.372,17.372,17.372,17.371-5.287,5.287L303.7,897.659,326.359,875Z\" transform=\"translate(-303.7 -875)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-right{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.946\" height=\"45.317\" viewBox=\"0 0 27.946 45.317\">%0D%0A  <path fillColor=\"currentColor\" id=\"\\c0_doite\" data-name=\"\\c0  doite\" d=\"M346.487,875l22.659,22.659-22.659,22.659L341.2,915.03l17.372-17.371L341.2,880.287Z\" transform=\"translate(-341.2 -875)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-up{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45.317\" height=\"27.946\" viewBox=\"0 0 45.317 27.946\">%0D%0A  <path id=\"En_haut\" data-name=\"En haut\" d=\"M435.259,877l22.659,22.659-5.287,5.287-17.372-17.372-17.372,17.372-5.287-5.287Z\" transform=\"translate(-412.6 -877)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-down{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45.317\" height=\"27.946\" viewBox=\"0 0 45.317 27.946\">%0D%0A  <path id=\"En_bas\" data-name=\"En bas\" d=\"M489.53,877.6l5.287,5.287-22.659,22.659L449.5,882.887l5.287-5.287,17.372,17.371Z\" transform=\"translate(-449.5 -877.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.toggle-btn{position:absolute;top:0;left:0;height:20px;width:20px}.mobile-editor-bar{display:none}.page-container.narrow .middle-panel-footer,.page-container.narrow .separator-container,.page-container.narrow .right-panel-container{display:none!important}.page-container.narrow .middle-panel{flex:1 1 auto!important;width:100%!important;max-width:100%!important}.page-container.narrow.mobile-editor-open{position:relative}.page-container.narrow.mobile-editor-open .right-panel-container{display:flex!important;flex-direction:column;position:absolute;inset:0;z-index:1040;width:100%!important;max-width:100%!important;height:100%!important;background:#fff;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.page-container.narrow.mobile-editor-open .right-panel-container ::ng-deep>:not(.mobile-editor-bar){flex:1 1 0;min-height:0;overflow:auto}.page-container.narrow.mobile-editor-open .mobile-editor-bar{display:flex;align-items:center;flex:none;position:relative;z-index:30;height:44px;gap:4px;padding:0 4px;background:var(--main-bg-color, #3b57b8)}.page-container.narrow.mobile-editor-open .mobile-editor-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;touch-action:manipulation;border:none;border-radius:8px;font-size:18px!important;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}.page-container.narrow.mobile-editor-open .mobile-editor-button:hover,.page-container.narrow.mobile-editor-open .mobile-editor-button:focus-visible{background:#ffffff29;outline:none}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-bar{position:absolute;top:0;left:0;z-index:30;height:42px;padding:6px 0 6px 8px;gap:6px;background:transparent}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button{width:36px;height:30px;border-radius:5px;background:#dbe4ff;color:#4465c9;font-size:15px!important}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button:hover,:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button:focus-visible{background:#4465c9;color:#f7faff}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .property-grid-tabset>.tabset>.tabset-nav-frame{padding-left:44px}:host ::ng-deep .page-container.narrow.mobile-editor-open.editor-dirty .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .property-grid-tabset>.tabset>.tabset-nav-frame{padding-left:86px}\n"],
 			dependencies: [
 				{
@@ -22342,7 +22415,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "alg-standard-page-layout",
 			changeDetection: ChangeDetectionStrategy.Eager,
 			standalone: false,
-			template: "<div class=\"page-container\"\r\n    [class.narrow]=\"this.facade?.layout?.narrow$ | async\"\r\n    [class.mobile-editor-open]=\"this.facade?.layout?.mobileEditorOpen$ | async\"\r\n    [class.editor-dirty]=\"editorDirty\"\r\n    layoutHandler\r\n    [entityKey]=\"this.layoutKey\"\r\n    [layoutContext]=\"this.facade.layout\"\r\n    [middlePanel]=\"middlePanel\"\r\n    \r\n    #layoutHandler=\"layoutHandler\"\r\n    tabindex=\"0\"\r\n    baseShortcuts\r\n    [facade]=\"this.facade\"\r\n    #baseShortcuts=\"baseShortcuts\"\r\n    >\r\n    <!-- [rightPanel]=\"rightPanel?.nativeElement\"\r\n    [_separator]=\"separator?.nativeElement\"\r\n     -->\r\n    <div class=\"panel-container\" [id]=\"layoutKey\">\r\n        <div class=\"middle-panel\" #middlePanel>\r\n\r\n            <!-- <div \r\n            *ngIf=\"this.facade.layout.showFilterPanel$ |async\" \r\n                class=\"left-panel-container\" hideOnThreshold>\r\n                <ng-content select=\"[leftContent]\"></ng-content>\r\n            </div> -->\r\n            <div class=\"middle-panel-content\">\r\n                 <ng-content class=\"action-panel\" select=\"[actionsContent]\"></ng-content>\r\n                <div class=\"middle-panel-header\">\r\n                    <ng-content select=\"[middleHeader]\"></ng-content>\r\n                </div>\r\n                \r\n                <div class=\"middle-panel-main\">\r\n                    <ng-content select=\"[middleContent]\"></ng-content>\r\n                </div>\r\n                <div class=\"middle-panel-footer\">\r\n                    <ng-content select=\"[middleFooter]\"></ng-content>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"facade.layout.propertyPanelVisible$ | async\" >\r\n            <div class=\"separator-container\"\r\n            (mousedown)=\"layoutHandler.startResizing($event)\"\r\n            (mouseup)=\"layoutHandler.stopResizing($event)\"\r\n            [id]=\"layoutHandler.entityKey\"\r\n            #separator\r\n                >\r\n                <button type=\"button\" class=\"toggle-btn\"\r\n                     title=\"Affichage Horizontal/Vertical\"\r\n                    (click)=\"toggleLayout()\">\r\n                   <div class=\"arrow\"></div>\r\n                </button>\r\n\r\n                <!-- <button class=\"expand-btn\"\r\n                    (click)=\"layoutHandler.expandPropertyflexGrow($event)\">\r\n                    <div class=\"arrow\"></div>\r\n                </button> -->\r\n            </div>\r\n\r\n            <div class=\"right-panel-container\" [id]=\"layoutHandler.entityKey\" #rightPanel>\r\n                <!-- Écran étroit : éditeur en plein écran, avec le retour à la liste de cartes. -->\r\n                <div class=\"mobile-editor-bar\">\r\n                    <button type=\"button\" class=\"mobile-editor-button\" title=\"Revenir à la liste\" aria-label=\"Revenir à la liste\" (click)=\"backToList($event)\">\r\n                        <i class=\"fa fa-arrow-left\"></i>\r\n                    </button>\r\n                    <button type=\"button\" class=\"mobile-editor-button\" *ngIf=\"editorDirty\" title=\"Enregistrer\" aria-label=\"Enregistrer\" (click)=\"saveMobileEditor($event)\">\r\n                        <i class=\"fa fa-floppy-o\"></i>\r\n                    </button>\r\n                </div>\r\n                <ng-content select=\"[rightContent]\"></ng-content>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n",
+			template: "<div class=\"page-container\"\n    [class.narrow]=\"this.facade?.layout?.narrow$ | async\"\n    [class.mobile-editor-open]=\"this.facade?.layout?.mobileEditorOpen$ | async\"\n    [class.editor-dirty]=\"editorDirty\"\n    layoutHandler\n    [entityKey]=\"this.layoutKey\"\n    [layoutContext]=\"this.facade.layout\"\n    [middlePanel]=\"middlePanel\"\n    \n    #layoutHandler=\"layoutHandler\"\n    tabindex=\"0\"\n    baseShortcuts\n    [facade]=\"this.facade\"\n    #baseShortcuts=\"baseShortcuts\"\n    >\n    <!-- [rightPanel]=\"rightPanel?.nativeElement\"\n    [_separator]=\"separator?.nativeElement\"\n     -->\n    <div class=\"panel-container\" [id]=\"layoutKey\">\n        <div class=\"middle-panel\" #middlePanel>\n\n            <!-- <div \n            *ngIf=\"this.facade.layout.showFilterPanel$ |async\" \n                class=\"left-panel-container\" hideOnThreshold>\n                <ng-content select=\"[leftContent]\"></ng-content>\n            </div> -->\n            <div class=\"middle-panel-content\">\n                 <ng-content class=\"action-panel\" select=\"[actionsContent]\"></ng-content>\n                <div class=\"middle-panel-header\">\n                    <ng-content select=\"[middleHeader]\"></ng-content>\n                </div>\n                \n                <div class=\"middle-panel-main\">\n                    <ng-content select=\"[middleContent]\"></ng-content>\n                </div>\n                <div class=\"middle-panel-footer\">\n                    <ng-content select=\"[middleFooter]\"></ng-content>\n                </div>\n                \n            </div>\n        </div>\n        <ng-container *ngIf=\"facade.layout.propertyPanelVisible$ | async\" >\n            <div class=\"separator-container\"\n            (mousedown)=\"layoutHandler.startResizing($event)\"\n            (mouseup)=\"layoutHandler.stopResizing($event)\"\n            [id]=\"layoutHandler.entityKey\"\n            #separator\n                >\n                <button type=\"button\" class=\"toggle-btn\"\n                     title=\"Affichage Horizontal/Vertical\"\n                    (click)=\"toggleLayout()\">\n                   <div class=\"arrow\"></div>\n                </button>\n\n                <!-- <button class=\"expand-btn\"\n                    (click)=\"layoutHandler.expandPropertyflexGrow($event)\">\n                    <div class=\"arrow\"></div>\n                </button> -->\n            </div>\n\n            <div class=\"right-panel-container\" [id]=\"layoutHandler.entityKey\" #rightPanel>\n                <!-- Écran étroit : éditeur en plein écran, avec le retour à la liste de cartes. -->\n                <div class=\"mobile-editor-bar\">\n                    <button type=\"button\" class=\"mobile-editor-button\" title=\"Revenir à la liste\" aria-label=\"Revenir à la liste\" (click)=\"backToList($event)\">\n                        <i class=\"fa fa-arrow-left\"></i>\n                    </button>\n                    <button type=\"button\" class=\"mobile-editor-button\" *ngIf=\"editorDirty\" title=\"Enregistrer\" aria-label=\"Enregistrer\" (click)=\"saveMobileEditor($event)\">\n                        <i class=\"fa fa-floppy-o\"></i>\n                    </button>\n                </div>\n                <ng-content select=\"[rightContent]\"></ng-content>\n            </div>\n        </ng-container>\n    </div>\n</div>\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}.page-container{width:100%;height:100%}.panel-container{display:flex;width:100%;height:100%;flex-grow:1;overflow:auto}.left-panel-container{order:-1;width:20%;flex-grow:0;flex-shrink:0;border-right:solid 1px var(--main-bg-color)}.right-panel-container{flex-basis:0;overflow:hidden}.middle-panel{display:flex;overflow:hidden;flex-basis:0;flex-grow:1}.middle-panel-content{display:flex;flex-direction:column;width:100%;height:100%}.middle-panel-header{padding:0}.middle-panel-main{flex-grow:1;overflow:auto;padding:0}.middle-panel-footer{padding:0}.main-component{width:100%;height:100%;overflow:auto}.left-side-panel h1,.right-side-panel h1,.middle-panel h1{display:block;font-size:12pt;background:#fff;border-bottom:solid 1px var(--main-bg-color);padding:2px 10px;margin:0;line-height:33px}.separator-container{cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAAIGNIUk0AAHonAACAgwAA+mQAAIDSAAB2hgAA7OkAADmeAAAV/sZ+0zoAAAAeSURBVHjaYvj//z8DDC9duhTBgWHCAgAAAAD//wMAbP4vwvVSoTUAAAAASUVORK5CYII=) repeat scroll 0 0 transparent;background-color:#c1d0fd}.separator-container:hover{background-color:#dbe4ff}.separator-container.vertical{flex-direction:row;width:100%;height:10px;cursor:row-resize}.separator-container.vertical button.expand-btn{width:40px;height:10px}.separator-container.vertical button.toggle-btn{width:20px;height:10px}.separator-container.horizontal{flex-direction:column;width:10px;cursor:col-resize}.separator-container.horizontal button.expand-btn{width:10px;height:40px}.separator-container.horizontal button.toggle-btn{width:10px;height:20px}.toggle-btn,.expand-btn{display:block;width:14px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;align-self:center;justify-content:center;transition:padding .3s ease;color:#fff;background-color:#8ea7f8;padding:0;z-index:10}.arrow{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(108%) contrast(101%)}.arrow-left{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.946\" height=\"45.317\" viewBox=\"0 0 27.946 45.317\">%0D%0A  <path id=\"\\c0_gauche\" data-name=\"\\c0  gauche\" d=\"M331.646,880.287l-17.372,17.372,17.372,17.371-5.287,5.287L303.7,897.659,326.359,875Z\" transform=\"translate(-303.7 -875)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-right{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.946\" height=\"45.317\" viewBox=\"0 0 27.946 45.317\">%0D%0A  <path fillColor=\"currentColor\" id=\"\\c0_doite\" data-name=\"\\c0  doite\" d=\"M346.487,875l22.659,22.659-22.659,22.659L341.2,915.03l17.372-17.371L341.2,880.287Z\" transform=\"translate(-341.2 -875)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-up{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45.317\" height=\"27.946\" viewBox=\"0 0 45.317 27.946\">%0D%0A  <path id=\"En_haut\" data-name=\"En haut\" d=\"M435.259,877l22.659,22.659-5.287,5.287-17.372-17.372-17.372,17.372-5.287-5.287Z\" transform=\"translate(-412.6 -877)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.arrow-down{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45.317\" height=\"27.946\" viewBox=\"0 0 45.317 27.946\">%0D%0A  <path id=\"En_bas\" data-name=\"En bas\" d=\"M489.53,877.6l5.287,5.287-22.659,22.659L449.5,882.887l5.287-5.287,17.372,17.371Z\" transform=\"translate(-449.5 -877.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;background-size:8px 8px;background-position:center}.toggle-btn{position:absolute;top:0;left:0;height:20px;width:20px}.mobile-editor-bar{display:none}.page-container.narrow .middle-panel-footer,.page-container.narrow .separator-container,.page-container.narrow .right-panel-container{display:none!important}.page-container.narrow .middle-panel{flex:1 1 auto!important;width:100%!important;max-width:100%!important}.page-container.narrow.mobile-editor-open{position:relative}.page-container.narrow.mobile-editor-open .right-panel-container{display:flex!important;flex-direction:column;position:absolute;inset:0;z-index:1040;width:100%!important;max-width:100%!important;height:100%!important;background:#fff;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.page-container.narrow.mobile-editor-open .right-panel-container ::ng-deep>:not(.mobile-editor-bar){flex:1 1 0;min-height:0;overflow:auto}.page-container.narrow.mobile-editor-open .mobile-editor-bar{display:flex;align-items:center;flex:none;position:relative;z-index:30;height:44px;gap:4px;padding:0 4px;background:var(--main-bg-color, #3b57b8)}.page-container.narrow.mobile-editor-open .mobile-editor-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;touch-action:manipulation;border:none;border-radius:8px;font-size:18px!important;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}.page-container.narrow.mobile-editor-open .mobile-editor-button:hover,.page-container.narrow.mobile-editor-open .mobile-editor-button:focus-visible{background:#ffffff29;outline:none}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-bar{position:absolute;top:0;left:0;z-index:30;height:42px;padding:6px 0 6px 8px;gap:6px;background:transparent}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button{width:36px;height:30px;border-radius:5px;background:#dbe4ff;color:#4465c9;font-size:15px!important}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button:hover,:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .mobile-editor-button:focus-visible{background:#4465c9;color:#f7faff}:host ::ng-deep .page-container.narrow.mobile-editor-open .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .property-grid-tabset>.tabset>.tabset-nav-frame{padding-left:44px}:host ::ng-deep .page-container.narrow.mobile-editor-open.editor-dirty .right-panel-container:has(.property-grid-tabset .tabset-nav-frame:not(.nav-none)) .property-grid-tabset>.tabset>.tabset-nav-frame{padding-left:86px}\n"]
 		}]
 	}],