@dflat-core/web 1.7.2066 → 1.7.2067

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

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Inject, Injectable, InjectionToken, Input, LOCALE_ID, NgModule, Optional, Output, ViewChild, ViewEncapsulation, effect, inject, runInInjectionContext, viewChild } from "@angular/core";
 import { Observable, Subject, combineLatest, forkJoin, map, of, takeUntil } from "rxjs";
 import { catchError, filter, map as map$1, switchMap, take, takeUntil as takeUntil$1 } from "rxjs/operators";
-import { ActivationResults, CustomFieldGroupTypes, FieldColumnSpans, FieldConditionalResults, FieldFilterTypes, FileTypes, ImageUploadEventType, MetaEntityTypes, PresentationProfilePurposes, PresentationProfileScopes, SystemModelModule } from "@dflat-core/web/system-model";
+import { ActivationResults, ColumnDisplayTypes, CustomFieldGroupTypes, FieldColumnSpans, FieldConditionalResults, FieldFilterTypes, FileTypes, ImageUploadEventType, MetaEntityTypes, PresentationProfilePurposes, PresentationProfileScopes, SystemModelModule } from "@dflat-core/web/system-model";
 import * as i2$2 from "@angular/common";
-import { CommonModule, DatePipe, registerLocaleData } from "@angular/common";
+import { CommonModule, DatePipe, formatCurrency, formatDate, formatNumber, formatPercent, getCurrencySymbol, registerLocaleData } from "@angular/common";
 import * as i2$3 from "@angular/forms";
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
 import * as i3$1 from "@angular/cdk/drag-drop";
@@ -88,10 +88,7 @@ var PresentationProfileTransformer = class PresentationProfileTransformer {
 					...template,
 					Name: isImage ? "" : displayLabel,
 					FieldName: displayLabel,
-					Display: isImage ? template.Display : {
-						...template.Display ?? {},
-						type: "text"
-					}
+					Display: template.Display ?? { type: "text" }
 				};
 			}
 			return {
@@ -132,9 +129,27 @@ var PresentationProfileTransformer = class PresentationProfileTransformer {
 			IsLocked: item.IsLocked ?? false,
 			IsAllowed: item.IsAllowed ?? null,
 			ColumnSourceType: item.ColumnSourceType ?? 1,
-			CustomFieldId: item.CustomFieldId ?? null
+			CustomFieldId: item.CustomFieldId ?? null,
+			...PresentationProfileTransformer.displayOf(item)
 		}));
 	}
+	static displayOf(item) {
+		return {
+			ColumnDisplayType: item.ColumnDisplayType ?? null,
+			Currency: item.Currency ?? null,
+			CurrencyPropertyName: item.CurrencyPropertyName ?? null,
+			Multiplier: item.Multiplier ?? null,
+			MinIntegerDigits: item.MinIntegerDigits ?? null,
+			MinFractionDigits: item.MinFractionDigits ?? null,
+			MaxFractionDigits: item.MaxFractionDigits ?? null,
+			DisplayFormat: item.DisplayFormat ?? null,
+			NullCaseText: item.NullCaseText ?? null,
+			HandleError: item.HandleError ?? null,
+			DisplayWidth: item.DisplayWidth ?? null,
+			BaseUrl: item.BaseUrl ?? null,
+			CompletingCharacter: item.CompletingCharacter ?? null
+		};
+	}
 	static splitForExport(items) {
 		const cols = [];
 		const ids = [];
@@ -20239,6 +20254,426 @@ i0.ɵɵngDeclareClassMetadata({
 	],
 	propDecorators: { newCompanySelected: [{ type: Output }] }
 });
+const COMMON = ["nullCaseText", "handleError"];
+const COLUMN_DISPLAY_TYPES = [
+	{
+		type: ColumnDisplayTypes.Text,
+		label: "Texte",
+		short: "Texte",
+		icon: "font",
+		options: ["nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.Number,
+		label: "Nombre",
+		short: "Nombre",
+		icon: "hashtag",
+		options: [
+			"digits",
+			"multiplier",
+			...COMMON
+		]
+	},
+	{
+		type: ColumnDisplayTypes.Money,
+		label: "Montant",
+		short: "Montant",
+		icon: "eur",
+		options: ["currency", ...COMMON]
+	},
+	{
+		type: ColumnDisplayTypes.Percent,
+		label: "Pourcentage",
+		short: "%",
+		icon: "percent",
+		options: [
+			"digits",
+			"multiplier",
+			...COMMON
+		]
+	},
+	{
+		type: ColumnDisplayTypes.Date,
+		label: "Date",
+		short: "Date",
+		icon: "calendar",
+		options: ["format", "nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.DateTime,
+		label: "Date et heure",
+		short: "Date/h",
+		icon: "clock-o",
+		options: ["format", "nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.Boolean,
+		label: "Oui / Non",
+		short: "Oui/Non",
+		icon: "check-square-o",
+		options: ["nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.EnumImage,
+		label: "Icône du type énuméré",
+		short: "Icône",
+		icon: "picture-o",
+		options: [
+			"enum",
+			"width",
+			"nullCaseText"
+		]
+	},
+	{
+		type: ColumnDisplayTypes.WideEnumImage,
+		label: "Grande icône du type énuméré",
+		short: "Icône L",
+		icon: "picture-o",
+		options: [
+			"enum",
+			"width",
+			"nullCaseText"
+		]
+	},
+	{
+		type: ColumnDisplayTypes.ImageFile,
+		label: "Image (fichier)",
+		short: "Image",
+		icon: "file-image-o",
+		options: ["nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.Base64Image,
+		label: "Image (base64)",
+		short: "Image",
+		icon: "file-image-o",
+		options: ["nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.Url,
+		label: "Lien",
+		short: "Lien",
+		icon: "link",
+		options: ["baseUrl", "nullCaseText"]
+	},
+	{
+		type: ColumnDisplayTypes.FixedSizeInteger,
+		label: "Entier de taille fixe",
+		short: "0042",
+		icon: "sort-numeric-asc",
+		options: ["fixedSize", "nullCaseText"]
+	}
+];
+function getColumnDisplayType(type) {
+	return type === null || type === void 0 ? void 0 : COLUMN_DISPLAY_TYPES.find((t) => t.type === type);
+}
+const COLUMN_DISPLAY_FIELDS = [
+	"ColumnDisplayType",
+	"Currency",
+	"CurrencyPropertyName",
+	"Multiplier",
+	"MinIntegerDigits",
+	"MinFractionDigits",
+	"MaxFractionDigits",
+	"DisplayFormat",
+	"NullCaseText",
+	"HandleError",
+	"DisplayWidth",
+	"BaseUrl",
+	"CompletingCharacter"
+];
+function describeColumnDisplay(item) {
+	const info = getColumnDisplayType(item.ColumnDisplayType);
+	if (!info) return "Affichage par défaut (selon le type de la colonne)";
+	const parts = [info.label];
+	if (info.options.includes("digits") && (item.MinFractionDigits != null || item.MaxFractionDigits != null)) parts.push(`${item.MinFractionDigits ?? 0} à ${item.MaxFractionDigits ?? item.MinFractionDigits ?? 3} décimales`);
+	if (info.options.includes("multiplier") && item.Multiplier != null && item.Multiplier !== 1) parts.push(`× ${item.Multiplier}`);
+	if (info.options.includes("currency")) parts.push(item.Currency ? `devise ${item.Currency}` : item.CurrencyPropertyName ? `devise de ${item.CurrencyPropertyName}` : "devise EUR");
+	if (info.options.includes("format") && item.DisplayFormat) parts.push(item.DisplayFormat);
+	if (item.NullCaseText) parts.push(`vide : « ${item.NullCaseText} »`);
+	if (item.HandleError) parts.push("vide en évidence");
+	return parts.join(" — ");
+}
+var ColumnDisplayDialogComponent = class ColumnDisplayDialogComponent {
+	constructor(locale) {
+		this.locale = locale;
+		this.naturalLabel = "";
+		this.defaultDisplayType = null;
+		this.enumEntityName = null;
+		this.columns = [];
+		this.isPerimeter = false;
+		this.readonly = false;
+		this.confirmed = new EventEmitter();
+		this.cancelled = new EventEmitter();
+		this.types = COLUMN_DISPLAY_TYPES;
+		this.currencyMode = "fixed";
+		this.model = {};
+		this.dateFormats = [
+			"dd/MM/yyyy",
+			"dd/MM/yy",
+			"EEEE d MMMM yyyy",
+			"MMMM yyyy"
+		];
+		this.dateTimeFormats = [
+			"dd/MM/yyyy HH:mm:ss",
+			"dd/MM/yyyy HH:mm",
+			"HH:mm"
+		];
+	}
+	ngOnInit() {
+		this.model = { ...this.item };
+		if (this.model.ColumnDisplayType === null || this.model.ColumnDisplayType === void 0) this.model.ColumnDisplayType = this.defaultDisplayType ?? ColumnDisplayTypes.Text;
+		this.currencyMode = this.model.CurrencyPropertyName && !this.model.Currency ? "column" : "fixed";
+	}
+	get selectedType() {
+		return getColumnDisplayType(this.model.ColumnDisplayType);
+	}
+	has(option) {
+		return !!this.selectedType?.options.includes(option);
+	}
+	isDefault(type) {
+		return type.type === this.defaultDisplayType;
+	}
+	selectType(type) {
+		if (this.readonly) return;
+		this.model.ColumnDisplayType = type.type;
+	}
+	get isPercent() {
+		return this.model.ColumnDisplayType === ColumnDisplayTypes.Percent;
+	}
+	get isDateTime() {
+		return this.model.ColumnDisplayType === ColumnDisplayTypes.DateTime;
+	}
+	get defaultDateFormat() {
+		return this.isDateTime ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy";
+	}
+	get preview() {
+		try {
+			const m = this.model;
+			const multiplier = m.Multiplier ?? 1;
+			const digits = this.digitsFormat;
+			switch (m.ColumnDisplayType) {
+				case ColumnDisplayTypes.Number: return formatNumber(1234.5678 * multiplier, this.locale, digits ?? "1.0-3");
+				case ColumnDisplayTypes.Percent: return formatPercent((multiplier !== 1 ? 12.345 : .12345) * multiplier, this.locale, digits ?? "1.0-3");
+				case ColumnDisplayTypes.Money: {
+					const code = this.currencyMode === "fixed" ? m.Currency || "EUR" : "EUR";
+					return formatCurrency(1234.5, this.locale, getCurrencySymbol(code, "wide", this.locale), code) + (this.currencyMode === "column" && m.CurrencyPropertyName ? ` (devise de ${m.CurrencyPropertyName})` : "");
+				}
+				case ColumnDisplayTypes.Date:
+				case ColumnDisplayTypes.DateTime: return formatDate(/* @__PURE__ */ new Date(), m.DisplayFormat || this.defaultDateFormat, this.locale);
+				case ColumnDisplayTypes.Boolean: return "OUI / NON";
+				case ColumnDisplayTypes.FixedSizeInteger: return "42".padStart(Math.max(m.DisplayWidth ?? 0, 2), m.CompletingCharacter || "0");
+				case ColumnDisplayTypes.Url: return `${m.BaseUrl || "/"}/42`.replace("//", "/");
+				case ColumnDisplayTypes.EnumImage:
+				case ColumnDisplayTypes.WideEnumImage: return this.enumEntityName ? `Icône de la valeur (${this.enumEntityName})` : "Icône de la valeur";
+				case ColumnDisplayTypes.ImageFile:
+				case ColumnDisplayTypes.Base64Image: return "Image";
+				default: return "Texte de la colonne";
+			}
+		} catch {
+			return "Format invalide";
+		}
+	}
+	get digitsFormat() {
+		const m = this.model;
+		if (m.MinIntegerDigits == null && m.MinFractionDigits == null && m.MaxFractionDigits == null) return null;
+		const min = m.MinFractionDigits ?? 0;
+		const max = Math.max(min, m.MaxFractionDigits ?? Math.max(min, 3));
+		return `${m.MinIntegerDigits ?? 1}.${min}-${max}`;
+	}
+	apply() {
+		if (this.readonly) {
+			this.cancel();
+			return;
+		}
+		const result = {
+			...this.item,
+			Label: this.model.Label || null,
+			IsLocked: this.model.IsLocked,
+			IsAllowed: this.model.IsAllowed
+		};
+		COLUMN_DISPLAY_FIELDS.forEach((field) => result[field] = null);
+		result.ColumnDisplayType = this.model.ColumnDisplayType;
+		const keep = (field) => result[field] = this.emptyToNull(this.model[field]);
+		if (this.has("digits")) {
+			keep("MinIntegerDigits");
+			keep("MinFractionDigits");
+			keep("MaxFractionDigits");
+		}
+		if (this.has("multiplier")) keep("Multiplier");
+		if (this.has("currency")) {
+			if (this.currencyMode === "fixed") result.Currency = this.emptyToNull(this.model.Currency?.trim().toUpperCase());
+			else keep("CurrencyPropertyName");
+		}
+		if (this.has("format")) keep("DisplayFormat");
+		if (this.has("nullCaseText")) keep("NullCaseText");
+		if (this.has("handleError")) result.HandleError = this.model.HandleError ? true : null;
+		if (this.has("width") || this.has("fixedSize")) keep("DisplayWidth");
+		if (this.has("fixedSize")) keep("CompletingCharacter");
+		if (this.has("baseUrl")) keep("BaseUrl");
+		this.confirmed.emit(result);
+	}
+	cancel() {
+		this.cancelled.emit();
+	}
+	emptyToNull(value) {
+		return value === void 0 || value === null || value === "" ? null : value;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: ColumnDisplayDialogComponent,
+			deps: [{ token: LOCALE_ID }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: ColumnDisplayDialogComponent,
+			isStandalone: true,
+			selector: "alg-column-display-dialog",
+			inputs: {
+				item: "item",
+				naturalLabel: "naturalLabel",
+				defaultDisplayType: "defaultDisplayType",
+				enumEntityName: "enumEntityName",
+				columns: "columns",
+				isPerimeter: "isPerimeter",
+				readonly: "readonly"
+			},
+			outputs: {
+				confirmed: "confirmed",
+				cancelled: "cancelled"
+			},
+			ngImport: i0,
+			template: "<div class=\"cdd-header\">\r\n  <h4 class=\"cdd-title\">\r\n    Colonne <span class=\"cdd-title__key\">{{ item.ColumnKey }}</span>\r\n  </h4>\r\n  <button class=\"cdd-icon-btn\" type=\"button\" (click)=\"cancel()\" aria-label=\"Fermer\">&#x2715;</button>\r\n</div>\r\n\r\n<div class=\"cdd-body\">\r\n  <!-- Libellé -->\r\n  <div class=\"cdd-field\">\r\n    <label class=\"cdd-label\" for=\"cdd-label\">Libellé</label>\r\n    <input id=\"cdd-label\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.Label\" [placeholder]=\"naturalLabel || item.ColumnKey\" [disabled]=\"readonly\">\r\n    <span class=\"cdd-hint\">Vide : libellé de la colonne ({{ naturalLabel || item.ColumnKey }}).</span>\r\n  </div>\r\n\r\n  <!-- Type d'affichage -->\r\n  <div class=\"cdd-field\">\r\n    <span class=\"cdd-label\">Affichage</span>\r\n    <div class=\"cdd-types\" role=\"radiogroup\" aria-label=\"Type d'affichage\">\r\n      @for (type of types; track type.type) {\r\n        <button type=\"button\" class=\"cdd-type\" role=\"radio\"\r\n                [class.cdd-type--active]=\"model.ColumnDisplayType === type.type\"\r\n                [attr.aria-checked]=\"model.ColumnDisplayType === type.type\"\r\n                [disabled]=\"readonly\"\r\n                (click)=\"selectType(type)\">\r\n          <i class=\"fa fa-{{ type.icon }}\"></i>\r\n          <span class=\"cdd-type__label\">{{ type.label }}</span>\r\n          @if (isDefault(type)) {\r\n            <span class=\"cdd-type__default\" title=\"Affichage par défaut selon le type de la colonne\">défaut</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Options du type -->\r\n  <div class=\"cdd-options\">\r\n    @if (has('digits')) {\r\n      <div class=\"cdd-row\">\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-minint\">Chiffres entiers min.</label>\r\n          <input id=\"cdd-minint\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MinIntegerDigits\" placeholder=\"1\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-minfrac\">Décimales min.</label>\r\n          <input id=\"cdd-minfrac\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MinFractionDigits\" placeholder=\"0\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-maxfrac\">Décimales max.</label>\r\n          <input id=\"cdd-maxfrac\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MaxFractionDigits\" placeholder=\"3\" [disabled]=\"readonly\">\r\n        </div>\r\n        @if (has('multiplier')) {\r\n          <div class=\"cdd-field cdd-field--small\">\r\n            <label class=\"cdd-label\" for=\"cdd-mult\">Multiplicateur</label>\r\n            <input id=\"cdd-mult\" class=\"cdd-input\" type=\"number\" step=\"any\" [(ngModel)]=\"model.Multiplier\" placeholder=\"1\" [disabled]=\"readonly\">\r\n          </div>\r\n        }\r\n      </div>\r\n      @if (isPercent) {\r\n        <span class=\"cdd-hint\">Valeur enregistrée en pourcentage (12,5 pour 12,5 %) : multiplicateur 0,01.</span>\r\n      }\r\n    }\r\n\r\n    @if (has('currency')) {\r\n      <div class=\"cdd-field\">\r\n        <span class=\"cdd-label\">Devise</span>\r\n        <div class=\"cdd-choice\">\r\n          <label><input type=\"radio\" name=\"cdd-currency\" value=\"fixed\" [(ngModel)]=\"currencyMode\" [disabled]=\"readonly\"> Devise fixe</label>\r\n          <input class=\"cdd-input cdd-input--currency\" type=\"text\" maxlength=\"3\" [(ngModel)]=\"model.Currency\" placeholder=\"EUR\"\r\n                 [disabled]=\"readonly || currencyMode !== 'fixed'\" aria-label=\"Code de la devise\">\r\n        </div>\r\n        <div class=\"cdd-choice\">\r\n          <label><input type=\"radio\" name=\"cdd-currency\" value=\"column\" [(ngModel)]=\"currencyMode\" [disabled]=\"readonly\"> Devise de la ligne, colonne</label>\r\n          <select class=\"cdd-input\" [(ngModel)]=\"model.CurrencyPropertyName\" [disabled]=\"readonly || currencyMode !== 'column'\" aria-label=\"Colonne de la devise\">\r\n            <option [ngValue]=\"null\">—</option>\r\n            @for (column of columns; track column.key) {\r\n              <option [ngValue]=\"column.key\">{{ column.label }} ({{ column.key }})</option>\r\n            }\r\n          </select>\r\n        </div>\r\n        <span class=\"cdd-hint\">Sans devise : EUR.</span>\r\n      </div>\r\n    }\r\n\r\n    @if (has('format')) {\r\n      <div class=\"cdd-field\">\r\n        <label class=\"cdd-label\" for=\"cdd-format\">Format</label>\r\n        <input id=\"cdd-format\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.DisplayFormat\" [placeholder]=\"defaultDateFormat\" [disabled]=\"readonly\">\r\n        <div class=\"cdd-chips\">\r\n          @for (format of (isDateTime ? dateTimeFormats : dateFormats); track format) {\r\n            <button type=\"button\" class=\"cdd-chip\" [disabled]=\"readonly\" (click)=\"model.DisplayFormat = format\">{{ format }}</button>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    @if (has('enum')) {\r\n      <div class=\"cdd-field\">\r\n        <span class=\"cdd-label\">Type énuméré</span>\r\n        @if (enumEntityName) {\r\n          <span class=\"cdd-value\">{{ enumEntityName }}</span>\r\n          <span class=\"cdd-hint\">Icônes simg/&lt;Module&gt;/&lt;Type&gt;/&lt;Valeur&gt;.svg ; infobulle : libellé de la valeur.</span>\r\n        } @else {\r\n          <span class=\"cdd-hint cdd-hint--warn\">Pas de clé étrangère vers une table Enum… : le type vient de l'attribut Enum de la propriété ; sans lui, la colonne s'affiche en texte.</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (has('width')) {\r\n      <div class=\"cdd-field cdd-field--small\">\r\n        <label class=\"cdd-label\" for=\"cdd-width\">Largeur (px)</label>\r\n        <input id=\"cdd-width\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.DisplayWidth\" [disabled]=\"readonly\">\r\n      </div>\r\n    }\r\n\r\n    @if (has('fixedSize')) {\r\n      <div class=\"cdd-row\">\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-size\">Taille</label>\r\n          <input id=\"cdd-size\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.DisplayWidth\" placeholder=\"10\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-char\">Caractère de complément</label>\r\n          <input id=\"cdd-char\" class=\"cdd-input\" type=\"text\" maxlength=\"1\" [(ngModel)]=\"model.CompletingCharacter\" placeholder=\"0\" [disabled]=\"readonly\">\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    @if (has('baseUrl')) {\r\n      <div class=\"cdd-field\">\r\n        <label class=\"cdd-label\" for=\"cdd-url\">Adresse de base</label>\r\n        <input id=\"cdd-url\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.BaseUrl\" placeholder=\"/\" [disabled]=\"readonly\">\r\n      </div>\r\n    }\r\n\r\n    @if (has('nullCaseText') || has('handleError')) {\r\n      <div class=\"cdd-row\">\r\n        @if (has('nullCaseText')) {\r\n          <div class=\"cdd-field\">\r\n            <label class=\"cdd-label\" for=\"cdd-null\">Texte si vide</label>\r\n            <input id=\"cdd-null\" class=\"cdd-input\" type=\"text\" maxlength=\"100\" [(ngModel)]=\"model.NullCaseText\" placeholder=\"(rien)\" [disabled]=\"readonly\">\r\n          </div>\r\n        }\r\n        @if (has('handleError')) {\r\n          <label class=\"cdd-check\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"model.HandleError\" [disabled]=\"readonly\"> Valeur vide en évidence (rouge)\r\n          </label>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <!-- Aperçu -->\r\n  <div class=\"cdd-preview\">\r\n    <span class=\"cdd-label\">Aperçu</span>\r\n    <span class=\"cdd-preview__value\">{{ preview }}</span>\r\n  </div>\r\n\r\n  <!-- Drapeaux -->\r\n  <div class=\"cdd-row cdd-flags\">\r\n    <label class=\"cdd-check\"><input type=\"checkbox\" [(ngModel)]=\"model.IsLocked\" [disabled]=\"readonly\"> Verrouillée (ne peut pas être retirée)</label>\r\n    @if (isPerimeter) {\r\n      <label class=\"cdd-check\"><input type=\"checkbox\" [(ngModel)]=\"model.IsAllowed\" [disabled]=\"readonly\"> Autorisée</label>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div class=\"cdd-footer\">\r\n  <button class=\"cdd-btn cdd-btn--secondary\" type=\"button\" (click)=\"cancel()\">Annuler</button>\r\n  @if (!readonly) {\r\n    <button class=\"cdd-btn cdd-btn--primary\" type=\"button\" (click)=\"apply()\">Appliquer</button>\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:flex;flex-direction:column;max-height:85vh}.cdd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#5272d3;border-bottom:1px solid #3C5DC4}.cdd-title{margin:0;font-size:16px;font-weight:600;color:#fff}.cdd-title__key{font-family:monospace;font-weight:500}.cdd-icon-btn{width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#fffc;cursor:pointer}.cdd-icon-btn:hover{background:#ffffff26;color:#fff}.cdd-body{overflow:auto;padding:16px 20px}.cdd-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;flex:1 1 200px;min-width:0}.cdd-field--small{flex:0 1 140px}.cdd-label{font-size:12px;font-weight:600;color:#535353}.cdd-input{padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px}.cdd-input--currency{width:70px;text-transform:uppercase}.cdd-hint{font-size:11px;color:#888}.cdd-hint--warn{color:#b26a00}.cdd-value{font-family:monospace;font-size:13px}.cdd-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.cdd-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.cdd-type{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;font-size:12px;text-align:left;cursor:pointer}.cdd-type .fa{width:16px;text-align:center;color:#4465c9}.cdd-type:hover:not(:disabled){background:#f7faff}.cdd-type--active{border-color:#4465c9;background:#ebf0ff;font-weight:600}.cdd-type__label{flex:1}.cdd-type__default{font-size:10px;font-weight:400;color:#888}.cdd-options{padding-top:4px;border-top:1px solid #e9ecef;margin-top:4px}.cdd-choice{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cdd-choice label{margin:0;font-weight:400;white-space:nowrap}.cdd-choice select{flex:1;min-width:0}.cdd-chips{display:flex;flex-wrap:wrap;gap:4px}.cdd-chip{padding:1px 8px;border:1px solid #C4D0F9;border-radius:10px;background:#fff;font-family:monospace;font-size:11px;cursor:pointer}.cdd-chip:hover:not(:disabled){background:#f7faff}.cdd-check{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-weight:400;font-size:13px}.cdd-preview{display:flex;align-items:baseline;gap:12px;padding:8px 12px;margin-bottom:12px;border-radius:6px;background:#f5f5f5}.cdd-preview__value{font-size:14px;font-variant-numeric:tabular-nums}.cdd-flags{border-top:1px solid #e9ecef;padding-top:10px}.cdd-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 20px;border-top:1px solid #e9ecef}.cdd-btn{padding:5px 16px;border-radius:4px;font-size:13px;cursor:pointer}.cdd-btn--secondary{border:1px solid #ced4da;background:#fff}.cdd-btn--primary{border:1px solid #4465C9;background:#4465c9;color:#fff}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i2$3.NgSelectOption,
+					selector: "option",
+					inputs: ["ngValue", "value"]
+				},
+				{
+					kind: "directive",
+					type: i2$3.ɵNgSelectMultipleOption,
+					selector: "option",
+					inputs: ["ngValue", "value"]
+				},
+				{
+					kind: "directive",
+					type: i2$3.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i2$3.NumberValueAccessor,
+					selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+				},
+				{
+					kind: "directive",
+					type: i2$3.CheckboxControlValueAccessor,
+					selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]"
+				},
+				{
+					kind: "directive",
+					type: i2$3.SelectControlValueAccessor,
+					selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]",
+					inputs: ["compareWith"]
+				},
+				{
+					kind: "directive",
+					type: i2$3.RadioControlValueAccessor,
+					selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]",
+					inputs: [
+						"name",
+						"formControlName",
+						"value"
+					]
+				},
+				{
+					kind: "directive",
+					type: i2$3.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i2$3.MaxLengthValidator,
+					selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
+					inputs: ["maxlength"]
+				},
+				{
+					kind: "directive",
+					type: i2$3.MinValidator,
+					selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+					inputs: ["min"]
+				},
+				{
+					kind: "directive",
+					type: i2$3.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ColumnDisplayDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "alg-column-display-dialog",
+			standalone: true,
+			imports: [CommonModule, FormsModule],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<div class=\"cdd-header\">\r\n  <h4 class=\"cdd-title\">\r\n    Colonne <span class=\"cdd-title__key\">{{ item.ColumnKey }}</span>\r\n  </h4>\r\n  <button class=\"cdd-icon-btn\" type=\"button\" (click)=\"cancel()\" aria-label=\"Fermer\">&#x2715;</button>\r\n</div>\r\n\r\n<div class=\"cdd-body\">\r\n  <!-- Libellé -->\r\n  <div class=\"cdd-field\">\r\n    <label class=\"cdd-label\" for=\"cdd-label\">Libellé</label>\r\n    <input id=\"cdd-label\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.Label\" [placeholder]=\"naturalLabel || item.ColumnKey\" [disabled]=\"readonly\">\r\n    <span class=\"cdd-hint\">Vide : libellé de la colonne ({{ naturalLabel || item.ColumnKey }}).</span>\r\n  </div>\r\n\r\n  <!-- Type d'affichage -->\r\n  <div class=\"cdd-field\">\r\n    <span class=\"cdd-label\">Affichage</span>\r\n    <div class=\"cdd-types\" role=\"radiogroup\" aria-label=\"Type d'affichage\">\r\n      @for (type of types; track type.type) {\r\n        <button type=\"button\" class=\"cdd-type\" role=\"radio\"\r\n                [class.cdd-type--active]=\"model.ColumnDisplayType === type.type\"\r\n                [attr.aria-checked]=\"model.ColumnDisplayType === type.type\"\r\n                [disabled]=\"readonly\"\r\n                (click)=\"selectType(type)\">\r\n          <i class=\"fa fa-{{ type.icon }}\"></i>\r\n          <span class=\"cdd-type__label\">{{ type.label }}</span>\r\n          @if (isDefault(type)) {\r\n            <span class=\"cdd-type__default\" title=\"Affichage par défaut selon le type de la colonne\">défaut</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Options du type -->\r\n  <div class=\"cdd-options\">\r\n    @if (has('digits')) {\r\n      <div class=\"cdd-row\">\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-minint\">Chiffres entiers min.</label>\r\n          <input id=\"cdd-minint\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MinIntegerDigits\" placeholder=\"1\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-minfrac\">Décimales min.</label>\r\n          <input id=\"cdd-minfrac\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MinFractionDigits\" placeholder=\"0\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-maxfrac\">Décimales max.</label>\r\n          <input id=\"cdd-maxfrac\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.MaxFractionDigits\" placeholder=\"3\" [disabled]=\"readonly\">\r\n        </div>\r\n        @if (has('multiplier')) {\r\n          <div class=\"cdd-field cdd-field--small\">\r\n            <label class=\"cdd-label\" for=\"cdd-mult\">Multiplicateur</label>\r\n            <input id=\"cdd-mult\" class=\"cdd-input\" type=\"number\" step=\"any\" [(ngModel)]=\"model.Multiplier\" placeholder=\"1\" [disabled]=\"readonly\">\r\n          </div>\r\n        }\r\n      </div>\r\n      @if (isPercent) {\r\n        <span class=\"cdd-hint\">Valeur enregistrée en pourcentage (12,5 pour 12,5 %) : multiplicateur 0,01.</span>\r\n      }\r\n    }\r\n\r\n    @if (has('currency')) {\r\n      <div class=\"cdd-field\">\r\n        <span class=\"cdd-label\">Devise</span>\r\n        <div class=\"cdd-choice\">\r\n          <label><input type=\"radio\" name=\"cdd-currency\" value=\"fixed\" [(ngModel)]=\"currencyMode\" [disabled]=\"readonly\"> Devise fixe</label>\r\n          <input class=\"cdd-input cdd-input--currency\" type=\"text\" maxlength=\"3\" [(ngModel)]=\"model.Currency\" placeholder=\"EUR\"\r\n                 [disabled]=\"readonly || currencyMode !== 'fixed'\" aria-label=\"Code de la devise\">\r\n        </div>\r\n        <div class=\"cdd-choice\">\r\n          <label><input type=\"radio\" name=\"cdd-currency\" value=\"column\" [(ngModel)]=\"currencyMode\" [disabled]=\"readonly\"> Devise de la ligne, colonne</label>\r\n          <select class=\"cdd-input\" [(ngModel)]=\"model.CurrencyPropertyName\" [disabled]=\"readonly || currencyMode !== 'column'\" aria-label=\"Colonne de la devise\">\r\n            <option [ngValue]=\"null\">—</option>\r\n            @for (column of columns; track column.key) {\r\n              <option [ngValue]=\"column.key\">{{ column.label }} ({{ column.key }})</option>\r\n            }\r\n          </select>\r\n        </div>\r\n        <span class=\"cdd-hint\">Sans devise : EUR.</span>\r\n      </div>\r\n    }\r\n\r\n    @if (has('format')) {\r\n      <div class=\"cdd-field\">\r\n        <label class=\"cdd-label\" for=\"cdd-format\">Format</label>\r\n        <input id=\"cdd-format\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.DisplayFormat\" [placeholder]=\"defaultDateFormat\" [disabled]=\"readonly\">\r\n        <div class=\"cdd-chips\">\r\n          @for (format of (isDateTime ? dateTimeFormats : dateFormats); track format) {\r\n            <button type=\"button\" class=\"cdd-chip\" [disabled]=\"readonly\" (click)=\"model.DisplayFormat = format\">{{ format }}</button>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    @if (has('enum')) {\r\n      <div class=\"cdd-field\">\r\n        <span class=\"cdd-label\">Type énuméré</span>\r\n        @if (enumEntityName) {\r\n          <span class=\"cdd-value\">{{ enumEntityName }}</span>\r\n          <span class=\"cdd-hint\">Icônes simg/&lt;Module&gt;/&lt;Type&gt;/&lt;Valeur&gt;.svg ; infobulle : libellé de la valeur.</span>\r\n        } @else {\r\n          <span class=\"cdd-hint cdd-hint--warn\">Pas de clé étrangère vers une table Enum… : le type vient de l'attribut Enum de la propriété ; sans lui, la colonne s'affiche en texte.</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (has('width')) {\r\n      <div class=\"cdd-field cdd-field--small\">\r\n        <label class=\"cdd-label\" for=\"cdd-width\">Largeur (px)</label>\r\n        <input id=\"cdd-width\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.DisplayWidth\" [disabled]=\"readonly\">\r\n      </div>\r\n    }\r\n\r\n    @if (has('fixedSize')) {\r\n      <div class=\"cdd-row\">\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-size\">Taille</label>\r\n          <input id=\"cdd-size\" class=\"cdd-input\" type=\"number\" min=\"0\" [(ngModel)]=\"model.DisplayWidth\" placeholder=\"10\" [disabled]=\"readonly\">\r\n        </div>\r\n        <div class=\"cdd-field cdd-field--small\">\r\n          <label class=\"cdd-label\" for=\"cdd-char\">Caractère de complément</label>\r\n          <input id=\"cdd-char\" class=\"cdd-input\" type=\"text\" maxlength=\"1\" [(ngModel)]=\"model.CompletingCharacter\" placeholder=\"0\" [disabled]=\"readonly\">\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    @if (has('baseUrl')) {\r\n      <div class=\"cdd-field\">\r\n        <label class=\"cdd-label\" for=\"cdd-url\">Adresse de base</label>\r\n        <input id=\"cdd-url\" class=\"cdd-input\" type=\"text\" [(ngModel)]=\"model.BaseUrl\" placeholder=\"/\" [disabled]=\"readonly\">\r\n      </div>\r\n    }\r\n\r\n    @if (has('nullCaseText') || has('handleError')) {\r\n      <div class=\"cdd-row\">\r\n        @if (has('nullCaseText')) {\r\n          <div class=\"cdd-field\">\r\n            <label class=\"cdd-label\" for=\"cdd-null\">Texte si vide</label>\r\n            <input id=\"cdd-null\" class=\"cdd-input\" type=\"text\" maxlength=\"100\" [(ngModel)]=\"model.NullCaseText\" placeholder=\"(rien)\" [disabled]=\"readonly\">\r\n          </div>\r\n        }\r\n        @if (has('handleError')) {\r\n          <label class=\"cdd-check\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"model.HandleError\" [disabled]=\"readonly\"> Valeur vide en évidence (rouge)\r\n          </label>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <!-- Aperçu -->\r\n  <div class=\"cdd-preview\">\r\n    <span class=\"cdd-label\">Aperçu</span>\r\n    <span class=\"cdd-preview__value\">{{ preview }}</span>\r\n  </div>\r\n\r\n  <!-- Drapeaux -->\r\n  <div class=\"cdd-row cdd-flags\">\r\n    <label class=\"cdd-check\"><input type=\"checkbox\" [(ngModel)]=\"model.IsLocked\" [disabled]=\"readonly\"> Verrouillée (ne peut pas être retirée)</label>\r\n    @if (isPerimeter) {\r\n      <label class=\"cdd-check\"><input type=\"checkbox\" [(ngModel)]=\"model.IsAllowed\" [disabled]=\"readonly\"> Autorisée</label>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div class=\"cdd-footer\">\r\n  <button class=\"cdd-btn cdd-btn--secondary\" type=\"button\" (click)=\"cancel()\">Annuler</button>\r\n  @if (!readonly) {\r\n    <button class=\"cdd-btn cdd-btn--primary\" type=\"button\" (click)=\"apply()\">Appliquer</button>\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:flex;flex-direction:column;max-height:85vh}.cdd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#5272d3;border-bottom:1px solid #3C5DC4}.cdd-title{margin:0;font-size:16px;font-weight:600;color:#fff}.cdd-title__key{font-family:monospace;font-weight:500}.cdd-icon-btn{width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#fffc;cursor:pointer}.cdd-icon-btn:hover{background:#ffffff26;color:#fff}.cdd-body{overflow:auto;padding:16px 20px}.cdd-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;flex:1 1 200px;min-width:0}.cdd-field--small{flex:0 1 140px}.cdd-label{font-size:12px;font-weight:600;color:#535353}.cdd-input{padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px}.cdd-input--currency{width:70px;text-transform:uppercase}.cdd-hint{font-size:11px;color:#888}.cdd-hint--warn{color:#b26a00}.cdd-value{font-family:monospace;font-size:13px}.cdd-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.cdd-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.cdd-type{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;font-size:12px;text-align:left;cursor:pointer}.cdd-type .fa{width:16px;text-align:center;color:#4465c9}.cdd-type:hover:not(:disabled){background:#f7faff}.cdd-type--active{border-color:#4465c9;background:#ebf0ff;font-weight:600}.cdd-type__label{flex:1}.cdd-type__default{font-size:10px;font-weight:400;color:#888}.cdd-options{padding-top:4px;border-top:1px solid #e9ecef;margin-top:4px}.cdd-choice{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cdd-choice label{margin:0;font-weight:400;white-space:nowrap}.cdd-choice select{flex:1;min-width:0}.cdd-chips{display:flex;flex-wrap:wrap;gap:4px}.cdd-chip{padding:1px 8px;border:1px solid #C4D0F9;border-radius:10px;background:#fff;font-family:monospace;font-size:11px;cursor:pointer}.cdd-chip:hover:not(:disabled){background:#f7faff}.cdd-check{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-weight:400;font-size:13px}.cdd-preview{display:flex;align-items:baseline;gap:12px;padding:8px 12px;margin-bottom:12px;border-radius:6px;background:#f5f5f5}.cdd-preview__value{font-size:14px;font-variant-numeric:tabular-nums}.cdd-flags{border-top:1px solid #e9ecef;padding-top:10px}.cdd-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 20px;border-top:1px solid #e9ecef}.cdd-btn{padding:5px 16px;border-radius:4px;font-size:13px;cursor:pointer}.cdd-btn--secondary{border:1px solid #ced4da;background:#fff}.cdd-btn--primary{border:1px solid #4465C9;background:#4465c9;color:#fff}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{
+			type: Inject,
+			args: [LOCALE_ID]
+		}]
+	}],
+	propDecorators: {
+		item: [{ type: Input }],
+		naturalLabel: [{ type: Input }],
+		defaultDisplayType: [{ type: Input }],
+		enumEntityName: [{ type: Input }],
+		columns: [{ type: Input }],
+		isPerimeter: [{ type: Input }],
+		readonly: [{ type: Input }],
+		confirmed: [{ type: Output }],
+		cancelled: [{ type: Output }]
+	}
+});
 var PresentationProfileEditorComponent = class PresentationProfileEditorComponent extends BaseEntityEditor {
 	static {
 		this.frozenFields = [
@@ -20269,9 +20704,10 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 		if (!this.entity) return void 0;
 		return this.facade?.change.getModified(this.entity.Id) ?? this.entity;
 	}
-	constructor(app, validationService, itemData) {
+	constructor(app, validationService, itemData, modalService) {
 		super(app, validationService);
 		this.itemData = itemData;
+		this.modalService = modalService;
 		this.activeTab = 0;
 		this.loadedEntity = void 0;
 		this.isLoading = false;
@@ -20281,6 +20717,7 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 		this.selectedIds = /* @__PURE__ */ new Set();
 		this.searchText = "";
 		this.naturalLabelByKey = /* @__PURE__ */ new Map();
+		this.catalogByKey = /* @__PURE__ */ new Map();
 		this.load$ = new Subject();
 	}
 	ngOnInit() {
@@ -20360,6 +20797,7 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 			};
 		});
 		const catalogByKey = new Map(known.map((i) => [i.ColumnKey, i]));
+		this.catalogByKey = catalogByKey;
 		this.orderedSelection = rawItems.filter((i) => !!i.ColumnKey).sort((a, b) => (a.DisplayOrder ?? 0) - (b.DisplayOrder ?? 0)).map((i) => ({
 			...catalogByKey.get(i.ColumnKey) ?? {},
 			...i
@@ -20374,6 +20812,7 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 		this.selectedIds = /* @__PURE__ */ new Set();
 		this.searchText = "";
 		this.naturalLabelByKey = /* @__PURE__ */ new Map();
+		this.catalogByKey = /* @__PURE__ */ new Map();
 	}
 	onColumnsChanged() {
 		const profile = this.current;
@@ -20383,6 +20822,41 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 	getCatalogLabel(item) {
 		return this.naturalLabelByKey.get(item.ColumnKey ?? "") ?? item.ColumnKey ?? "";
 	}
+	getDisplayType(item) {
+		return getColumnDisplayType(item.ColumnDisplayType);
+	}
+	describeDisplay(item) {
+		return describeColumnDisplay(item);
+	}
+	openColumn(item) {
+		const catalog = this.catalogByKey.get(item.ColumnKey ?? "");
+		const ref = this.modalService.show(ColumnDisplayDialogComponent, {
+			class: "modal-lg",
+			keyboard: true,
+			initialState: {
+				item: { ...item },
+				naturalLabel: this.getCatalogLabel(item),
+				defaultDisplayType: item.ColumnSourceType === 2 ? null : catalog?.ColumnDisplayType ?? null,
+				enumEntityName: catalog?.EnumEntityName ?? null,
+				columns: this.allItems.filter((i) => i.ColumnSourceType !== 2 && !!i.ColumnKey).map((i) => ({
+					key: i.ColumnKey,
+					label: i.Label ?? i.ColumnKey
+				})),
+				isPerimeter: this.isPerimeter,
+				readonly: this.readonly
+			}
+		});
+		if (!ref.content) return;
+		ref.content.confirmed.pipe(take(1)).subscribe((result) => {
+			this.orderedSelection = this.orderedSelection.map((i) => i.ColumnKey === item.ColumnKey ? {
+				...i,
+				...result
+			} : i);
+			this.onColumnsChanged();
+			ref.hide();
+		});
+		ref.content.cancelled.pipe(take(1)).subscribe(() => ref.hide());
+	}
 	onSearch() {
 		this.applyFilter();
 	}
@@ -20436,7 +20910,8 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 			deps: [
 				{ token: i4$2.ApplicationService },
 				{ token: i4$2.ValidationService },
-				{ token: i1$3.PresentationProfileItemDataService }
+				{ token: i1$3.PresentationProfileItemDataService },
+				{ token: i1$2.BsModalService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -20450,8 +20925,8 @@ var PresentationProfileEditorComponent = class PresentationProfileEditorComponen
 			selector: "alg-presentation-profile-editor",
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div class=\"pp-editor\">\r\n    @if (entity) {\r\n        <alg-tabset [showNavs]=\"true\" [pills]=\"false\" (onSelect)=\"activeTab = $event\">\r\n\r\n            <!--Propriétés : table, libellé, finalité et portée du profil, avec les composants des formulaires-->\r\n            <alg-tab title=\"Propriétés\" [active]=\"activeTab === 0\" [class.pp-editor-tab]=\"activeTab === 0\">\r\n                <div class=\"property-container pp-editor-properties\">\r\n                    @for (section of sections; track section.Name) {\r\n                        <div class=\"property-section-container\">\r\n                            <div class=\"property-section-title\">{{ section.Name }}</div>\r\n                            <div class=\"property-section-content\">\r\n                                @for (field of section.FieldViewModels; track field.PropertyName) {\r\n                                    <div class=\"property-row\" [hidden]=\"isFieldHidden(field)\">\r\n                                        <alg-field [field]=\"field\" [form]=\"form\" [readonly]=\"isFieldReadonly(field)\"\r\n                                            (propertyChanged)=\"onPropertyChanged($event)\">\r\n                                        </alg-field>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </alg-tab>\r\n\r\n            <!--Colonnes : colonnes affichées par la grille, leur ordre et leurs libellés-->\r\n            <alg-tab title=\"Colonnes\" [active]=\"activeTab === 1\" [class.pp-editor-tab]=\"activeTab === 1\">\r\n                <div class=\"gcc pp-editor-columns\">\r\n                    <div *ngIf=\"isLoading\" class=\"gcc__loading\">\r\n                        <span class=\"gcc__spinner-icon fa fa-circle-o-notch fa-spin\"></span>\r\n                        Chargement des colonnes…\r\n                    </div>\r\n                    <div *ngIf=\"!isLoading && allItems.length === 0 && orderedSelection.length === 0\" class=\"gcc__hint\">\r\n                        Choisissez la table du profil dans l'onglet « Propriétés ».\r\n                    </div>\r\n                    <ng-container *ngIf=\"!isLoading && (allItems.length > 0 || orderedSelection.length > 0)\">\r\n        <div class=\"gcc__panels\">\r\n\r\n          <!-- ── Colonnes disponibles : celles de la table qui ne sont pas affichées ── -->\r\n          <div class=\"gcc__browse\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes disponibles</span>\r\n              <span class=\"gcc__badge\">{{ filteredItems.length }}</span>\r\n              <input class=\"gcc__search\" type=\"text\" placeholder=\"Rechercher…\"\r\n                     [(ngModel)]=\"searchText\" (ngModelChange)=\"onSearch()\">\r\n              <button *ngIf=\"!readonly\" class=\"pp-editor-add-all\" type=\"button\" [disabled]=\"filteredItems.length === 0\"\r\n                      (click)=\"addAll()\" title=\"Afficher toutes les colonnes listées\">Tout ajouter</button>\r\n            </div>\r\n\r\n            <div class=\"gcc__table-wrap\">\r\n              <table class=\"gcc__browse-table\">\r\n                <tbody>\r\n                  <tr *ngFor=\"let item of filteredItems\"\r\n                      class=\"gcc__browse-row\"\r\n                      [class.gcc__browse-row--custom]=\"item.ColumnSourceType === 2\"\r\n                      title=\"Afficher cette colonne\"\r\n                      (click)=\"addItem(item)\">\r\n                    <td class=\"gcc__col-name\">\r\n                      <div class=\"gcc__col-key\">{{ item.ColumnKey }}</div>\r\n                      <div *ngIf=\"item.Label && item.Label !== item.ColumnKey\" class=\"gcc__sub\">{{ item.Label }}</div>\r\n                    </td>\r\n                    <td class=\"pp-editor-add\"><i *ngIf=\"!readonly\" class=\"fa fa-plus\"></i></td>\r\n                  </tr>\r\n                  <tr *ngIf=\"filteredItems.length === 0\">\r\n                    <td colspan=\"2\" class=\"gcc__browse-empty\">\r\n                      {{ searchText ? 'Aucune colonne trouvée' : 'Toutes les colonnes sont affichées' }}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ── Panel 4: Ordered selection with admin flags ────────────── -->\r\n          <div class=\"gcc__selection\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes affichées</span>\r\n              <span *ngIf=\"selectedCount > 0\" class=\"gcc__badge gcc__badge--primary\">{{ selectedCount }}</span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\" class=\"gcc__sel-legend\">\r\n              <span class=\"gcc__sel-legend__drag\"></span>\r\n              <span class=\"gcc__sel-legend__pos\">#</span>\r\n              <span class=\"gcc__sel-legend__code\">Colonne</span>\r\n              <span class=\"gcc__sel-legend__label\">Étiquette</span>\r\n              <ng-container *ngIf=\"isPerimeter\">\r\n                <span class=\"gcc__sel-legend__flag\">Aut.</span>\r\n              </ng-container>\r\n              <span class=\"gcc__sel-legend__flag\">Ver.</span>\r\n              <span class=\"gcc__sel-legend__remove\"></span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length === 0\" class=\"gcc__sel-empty\">\r\n              <span class=\"fa fa-columns gcc__sel-empty__icon\"></span>\r\n              <p>Choisissez des colonnes parmi les colonnes disponibles</p>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\"\r\n                 class=\"gcc__sel-list\"\r\n                 cdkDropList\r\n                 [cdkDropListData]=\"orderedSelection\"\r\n                 (cdkDropListDropped)=\"onDrop($event)\">\r\n\r\n              <div *ngFor=\"let item of orderedSelection; let i = index\"\r\n                   class=\"gcc__sel-item\"\r\n                   cdkDrag [cdkDragDisabled]=\"readonly\"\r\n                   [cdkDragData]=\"item\">\r\n\r\n                <div class=\"gcc__sel-item__placeholder\" *cdkDragPlaceholder></div>\r\n\r\n                <span class=\"gcc__sel-item__drag\" cdkDragHandle>\r\n                  <i class=\"fa fa-bars\"></i>\r\n                </span>\r\n\r\n                <span class=\"gcc__sel-item__pos\">{{ i + 1 }}</span>\r\n\r\n                <span class=\"gcc__sel-item__code\"\r\n                      [class.gcc__sel-item__code--cf]=\"item.ColumnSourceType === 2\"\r\n                      [title]=\"item.ColumnKey\">\r\n                  <span class=\"gcc__sel-item__name\">{{ item.ColumnKey }}</span>\r\n                  <span *ngIf=\"getCatalogLabel(item) !== item.ColumnKey\" class=\"gcc__sub\">{{ getCatalogLabel(item) }}</span>\r\n                </span>\r\n\r\n                <input class=\"gcc__sel-item__label\" type=\"text\"\r\n                       [placeholder]=\"getCatalogLabel(item)\"\r\n                       [(ngModel)]=\"item.Label\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\"\r\n                       (click)=\"$event.stopPropagation()\"\r\n                       title=\"Étiquette personnalisée\">\r\n\r\n                <!-- Perimeter scope: allowed flag -->\r\n                <ng-container *ngIf=\"isPerimeter\">\r\n                  <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"item.IsAllowed\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Autorisé\">\r\n                  </label>\r\n                </ng-container>\r\n\r\n                <!-- Always: locked flag -->\r\n                <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [(ngModel)]=\"item.IsLocked\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Verrouillé\">\r\n                </label>\r\n\r\n                <button class=\"gcc__sel-item__remove\" type=\"button\"\r\n                        (click)=\"removeFromSelection(item); $event.stopPropagation()\"\r\n                        title=\"Retirer\">&#x2715;</button>\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <!-- Pied de la sélection -->\r\n            <div class=\"gcc__sel-footer\">\r\n              <span class=\"gcc__sel-footer__info\">\r\n                <ng-container *ngIf=\"selectedCount > 0\">\r\n                  {{ selectedCount }} colonne(s) — glissez pour réordonner\r\n                </ng-container>\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n        </div><!-- /.gcc__panels -->\r\n                    </ng-container>\r\n                </div>\r\n            </alg-tab>\r\n        </alg-tabset>\r\n    }\r\n</div>\r\n",
-			styles: ["alg-pp-column{display:block;height:100%}.gcc{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;box-sizing:border-box}.gcc__form{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.gcc__tabs{display:block;flex:none}.gcc__tabs .tabset-content{display:none}.gcc__tabs .nav-tabs-custom{margin-bottom:0;box-shadow:none}.gcc__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:15px;overflow:hidden}.gcc__buttons{flex:none;margin-right:0;padding-bottom:0}.gcc__buttons .btn{margin-left:8px}.gcc__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;flex-shrink:0}.gcc__field{display:flex;flex-direction:column;gap:.25rem}.gcc__field label{font-size:.75rem;font-weight:600;color:#6c757d}.gcc__field input,.gcc__field select{min-width:9rem;padding:.35rem .5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.85rem}.gcc__message{padding:.5rem .75rem;background:#eef3f8;border-left:3px solid #4465C9;border-radius:.25rem;font-size:.85rem;flex-shrink:0}.gcc__body{flex:1;display:flex;gap:0;overflow:hidden;min-height:0;border:1px solid #e9ecef;border-radius:.25rem;background:#fff}.gcc__panel-hd{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__panel-title{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.gcc__panel-label{font-size:.75rem;font-weight:600;color:#495057}.gcc__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 5px;background:#4465c91f;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;background:#4465c91a;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge--primary{background:#4465c9;color:#fff}.gcc__muted{color:#6c757d;font-size:.8rem}.gcc__fw-normal{font-weight:400}.gcc__configs{display:flex;flex-direction:column;flex:0 0 220px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__list-scroll{flex:1;overflow:auto}.gcc__table{width:100%;border-collapse:collapse}.gcc__table th,.gcc__table td{padding:.35rem .6rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__config-row{cursor:pointer;transition:background .1s}.gcc__config-row:hover{background:#4465c90a}.gcc__config-row--selected{background:#4465c914;border-left:3px solid #4465C9}.gcc__config-row--selected td:first-child{padding-left:calc(.6rem - 3px)}.gcc__key{font-family:monospace;font-weight:600;color:#4465c9;font-size:.78rem}.gcc__sub{font-size:.7rem;font-weight:400;color:#6c757d;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__scope-badge{display:inline-block;padding:1px 5px;border-radius:20px;background:#4465c91a;color:#4465c9;font-size:9px;font-weight:700;text-transform:uppercase}.gcc__actions-cell{text-align:right;width:28px}.gcc__del-btn{background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.72rem;transition:color .1s}.gcc__del-btn:hover{color:#dc3545}.gcc__spinner{display:flex;align-items:center;gap:8px;padding:1rem .75rem;color:#6c757d;font-size:.8rem}.gcc__empty{padding:1.25rem .75rem;color:#6c757d;font-style:italic;font-size:.8rem}.gcc__editor{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.gcc__editor-hd{display:flex;align-items:center;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__loading{display:flex;align-items:center;gap:8px;padding:1.5rem 1rem;color:#6c757d;font-size:.85rem;flex-shrink:0}.gcc__spinner-icon{font-size:1rem}.gcc__panels{flex:1;display:flex;overflow:hidden;min-height:0}.gcc__groups{display:flex;flex-direction:column;flex:0 0 160px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__group-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.gcc__group-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;cursor:pointer;font-size:.78rem;border-bottom:1px solid #e9ecef;transition:background .1s}.gcc__group-item:hover{background:#4465c90a}.gcc__group-item--active{background:#4465c914;font-weight:600;color:#4465c9}.gcc__group-item--standard .gcc__group-item__name{color:#4465c9}.gcc__group-item--custom .gcc__group-item__name{color:#6b7fd4}.gcc__group-item__name{flex:1}.gcc__group-meta{display:flex;align-items:center;gap:3px}.gcc__browse{display:flex;flex-direction:column;flex:1;border-right:1px solid #e9ecef;overflow:hidden;min-width:0}.gcc__search{height:26px;padding:0 .5rem;border:1px solid #ced4da;border-radius:.2rem;font-size:.78rem;width:140px}.gcc__table-wrap{flex:1;overflow:auto}.gcc__table-wrap::-webkit-scrollbar{width:5px}.gcc__table-wrap::-webkit-scrollbar-track{background:transparent}.gcc__table-wrap::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__browse-table{width:100%;border-collapse:collapse}.gcc__browse-table th,.gcc__browse-table td{padding:.3rem .5rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__browse-table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__browse-row{cursor:pointer;transition:background .1s}.gcc__browse-row:hover{background:#4465c90a}.gcc__browse-row--selected{background:#4465c914}.gcc__browse-row--custom .gcc__col-key{color:#6b7fd4}.gcc__col-check{width:28px;text-align:center}.gcc__col-key{font-family:monospace;font-size:11px;font-weight:600;color:#4465c9}.gcc__browse-empty{padding:1rem .75rem;color:#6c757d;font-style:italic;font-size:.78rem}.gcc__selection{display:flex;flex-direction:column;flex:0 0 380px;overflow:hidden}.gcc__sel-legend{display:flex;align-items:center;padding:3px .5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6c757d;flex-shrink:0;gap:0}.gcc__sel-legend__drag{width:20px;flex-shrink:0}.gcc__sel-legend__pos{width:22px;flex-shrink:0;text-align:center}.gcc__sel-legend__code{width:150px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__label{flex:1;min-width:0}.gcc__sel-legend__flag{width:36px;text-align:center;flex-shrink:0}.gcc__sel-legend__width{width:50px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__remove{width:22px;flex-shrink:0}.gcc__sel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#6c757d;gap:.5rem;font-size:.8rem}.gcc__sel-empty__icon{font-size:2rem;opacity:.3}.gcc__sel-empty p{margin:0}.gcc__sel-list{flex:1;overflow-y:auto}.gcc__sel-list::-webkit-scrollbar{width:4px}.gcc__sel-list::-webkit-scrollbar-track{background:transparent}.gcc__sel-list::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__sel-item{display:flex;align-items:center;padding:4px .5rem;border-bottom:1px solid #e9ecef;background:#fff;-webkit-user-select:none;user-select:none;gap:0;transition:background .1s}.gcc__sel-item:hover{background:#4465c908}.gcc__sel-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__sel-item__placeholder{height:32px;background:#4465c90f;border:1px dashed #4465C9;border-radius:2px;flex:1}.gcc__sel-item__drag{width:20px;flex-shrink:0;color:#ced4da;cursor:grab;font-size:11px;display:flex;align-items:center;justify-content:center}.gcc__sel-item__drag:hover{color:#4465c9}.gcc__sel-item__drag:active{cursor:grabbing}.gcc__sel-item__pos{width:22px;flex-shrink:0;font-size:9px;color:#6c757d;text-align:center}.gcc__sel-item__code{width:150px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;padding-left:2px}.gcc__sel-item__code--cf .gcc__sel-item__name{color:#6b7fd4}.gcc__sel-item__name{font-family:monospace;font-size:10px;font-weight:600;color:#4465c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__sel-item__label{flex:1;min-width:0;height:22px;padding:0 4px;border:1px solid transparent;border-radius:3px;font-size:11px;color:#343a40;background:transparent;outline:none;transition:border-color .1s,background .1s}.gcc__sel-item__label::placeholder{color:#6c757d;font-style:italic}.gcc__sel-item__label:hover{border-color:#d1d8de;background:#f8f9fa}.gcc__sel-item__label:focus{border-color:#4465c9;background:#fff}.gcc__sel-item__remove{width:22px;flex-shrink:0;background:none;border:none;color:#adb5bd;cursor:pointer;font-size:11px;padding:0;text-align:center;transition:color .1s}.gcc__sel-item__remove:hover{color:#dc3545}.gcc__sel-list.cdk-drop-list-dragging .gcc__sel-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__flag{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.gcc__flag input[type=checkbox]{cursor:pointer}.gcc__item-width{width:46px;flex-shrink:0;padding:1px 3px;border:1px solid #ced4da;border-radius:3px;font-size:10px;text-align:right}.gcc__sel-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.gcc__sel-footer__info{font-size:.75rem;color:#6c757d;font-style:italic}.gcc__hint{display:flex;align-items:center;justify-content:center;flex:1;color:#6c757d;font-style:italic;font-size:.85rem}\n", ".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}.propertyGridform{height:100%;width:100%}.property-grid-tabset{height:100%}.property-grid-tab{height:100%;width:100%;padding:5px}.property-row-center{padding-top:21px}.property-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:flex-start;align-content:flex-start;gap:10px;margin:0 10px}.property-section-container{display:flex;flex-direction:column;background:#f7faff;border-radius:5px;border:1px solid #C1D0FD;padding-bottom:10px}.property-section-title{display:block;font-size:14px;background:#f7faff;border-bottom:none;padding:2px 0;margin:10px;line-height:24px;font-weight:700;border-bottom:solid 1px #C1D0FD;color:#4d5a81}.property-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:5px;height:100%;overflow:auto}.property-row{display:flex;flex-wrap:wrap;align-items:center;flex:25%;gap:10px}.property-label{color:#4465c9}.property-label span{padding-top:5px;display:inline-block;margin-right:5px}.property-label.invalid{color:red}.property-input{flex:2;min-width:200px}.checkbox-container{display:flex;align-items:center;gap:5px}.validation-error{color:red;font-size:.9rem}alg-presentation-profile-editor{display:block;height:100%}.pp-editor{height:100%}.pp-editor alg-tabset{display:block;height:100%}.pp-editor-tab{display:block;height:100%}.pp-editor-properties{height:100%;overflow:auto}.pp-editor-columns.gcc{padding:10px}.pp-editor-columns.gcc .gcc__panels{flex:1;min-height:0;border:1px solid #e9ecef}.pp-editor-columns.gcc{container-type:inline-size}.pp-editor-columns.gcc .gcc__browse,.pp-editor-columns.gcc .gcc__selection{flex:1 1 0;min-width:0;min-height:0}.pp-editor-columns.gcc .gcc__browse-row{cursor:pointer}@container (max-width: 700px){.pp-editor-columns .gcc__panels{flex-direction:column}.pp-editor-columns .gcc__browse{border-right:none;border-bottom:1px solid #e9ecef}}.pp-editor-add{width:28px;text-align:center;color:#999}.pp-editor-add-all{flex:none;margin-left:8px;padding:2px 8px;border:1px solid #ced4da;border-radius:3px;background:#fff;font-size:11px;cursor:pointer}.pp-editor-add-all:disabled{opacity:.5;cursor:default}\n"],
+			template: "<div class=\"pp-editor\">\r\n    @if (entity) {\r\n        <alg-tabset [showNavs]=\"true\" [pills]=\"false\" (onSelect)=\"activeTab = $event\">\r\n\r\n            <!--Propriétés : table, libellé, finalité et portée du profil, avec les composants des formulaires-->\r\n            <alg-tab title=\"Propriétés\" [active]=\"activeTab === 0\" [class.pp-editor-tab]=\"activeTab === 0\">\r\n                <div class=\"property-container pp-editor-properties\">\r\n                    @for (section of sections; track section.Name) {\r\n                        <div class=\"property-section-container\">\r\n                            <div class=\"property-section-title\">{{ section.Name }}</div>\r\n                            <div class=\"property-section-content\">\r\n                                @for (field of section.FieldViewModels; track field.PropertyName) {\r\n                                    <div class=\"property-row\" [hidden]=\"isFieldHidden(field)\">\r\n                                        <alg-field [field]=\"field\" [form]=\"form\" [readonly]=\"isFieldReadonly(field)\"\r\n                                            (propertyChanged)=\"onPropertyChanged($event)\">\r\n                                        </alg-field>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </alg-tab>\r\n\r\n            <!--Colonnes : colonnes affichées par la grille, leur ordre et leurs libellés-->\r\n            <alg-tab title=\"Colonnes\" [active]=\"activeTab === 1\" [class.pp-editor-tab]=\"activeTab === 1\">\r\n                <div class=\"gcc pp-editor-columns\">\r\n                    <div *ngIf=\"isLoading\" class=\"gcc__loading\">\r\n                        <span class=\"gcc__spinner-icon fa fa-circle-o-notch fa-spin\"></span>\r\n                        Chargement des colonnes…\r\n                    </div>\r\n                    <div *ngIf=\"!isLoading && allItems.length === 0 && orderedSelection.length === 0\" class=\"gcc__hint\">\r\n                        Choisissez la table du profil dans l'onglet « Propriétés ».\r\n                    </div>\r\n                    <ng-container *ngIf=\"!isLoading && (allItems.length > 0 || orderedSelection.length > 0)\">\r\n        <div class=\"gcc__panels\">\r\n\r\n          <!-- ── Colonnes disponibles : celles de la table qui ne sont pas affichées ── -->\r\n          <div class=\"gcc__browse\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes disponibles</span>\r\n              <span class=\"gcc__badge\">{{ filteredItems.length }}</span>\r\n              <input class=\"gcc__search\" type=\"text\" placeholder=\"Rechercher…\"\r\n                     [(ngModel)]=\"searchText\" (ngModelChange)=\"onSearch()\">\r\n              <button *ngIf=\"!readonly\" class=\"pp-editor-add-all\" type=\"button\" [disabled]=\"filteredItems.length === 0\"\r\n                      (click)=\"addAll()\" title=\"Afficher toutes les colonnes listées\">Tout ajouter</button>\r\n            </div>\r\n\r\n            <div class=\"gcc__table-wrap\">\r\n              <table class=\"gcc__browse-table\">\r\n                <tbody>\r\n                  <tr *ngFor=\"let item of filteredItems\"\r\n                      class=\"gcc__browse-row\"\r\n                      [class.gcc__browse-row--custom]=\"item.ColumnSourceType === 2\"\r\n                      title=\"Afficher cette colonne\"\r\n                      (click)=\"addItem(item)\">\r\n                    <td class=\"gcc__col-name\">\r\n                      <div class=\"gcc__col-key\">{{ item.ColumnKey }}</div>\r\n                      <div *ngIf=\"item.Label && item.Label !== item.ColumnKey\" class=\"gcc__sub\">{{ item.Label }}</div>\r\n                    </td>\r\n                    <td class=\"pp-editor-add\"><i *ngIf=\"!readonly\" class=\"fa fa-plus\"></i></td>\r\n                  </tr>\r\n                  <tr *ngIf=\"filteredItems.length === 0\">\r\n                    <td colspan=\"2\" class=\"gcc__browse-empty\">\r\n                      {{ searchText ? 'Aucune colonne trouvée' : 'Toutes les colonnes sont affichées' }}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ── Panel 4: Ordered selection with admin flags ────────────── -->\r\n          <div class=\"gcc__selection\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes affichées</span>\r\n              <span *ngIf=\"selectedCount > 0\" class=\"gcc__badge gcc__badge--primary\">{{ selectedCount }}</span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\" class=\"gcc__sel-legend\">\r\n              <span class=\"gcc__sel-legend__drag\"></span>\r\n              <span class=\"gcc__sel-legend__pos\">#</span>\r\n              <span class=\"gcc__sel-legend__code\">Colonne</span>\r\n              <span class=\"gcc__sel-legend__label\">Étiquette</span>\r\n              <span class=\"gcc__sel-legend__display\">Affichage</span>\r\n              <ng-container *ngIf=\"isPerimeter\">\r\n                <span class=\"gcc__sel-legend__flag\">Aut.</span>\r\n              </ng-container>\r\n              <span class=\"gcc__sel-legend__flag\">Ver.</span>\r\n              <span class=\"gcc__sel-legend__remove\"></span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length === 0\" class=\"gcc__sel-empty\">\r\n              <span class=\"fa fa-columns gcc__sel-empty__icon\"></span>\r\n              <p>Choisissez des colonnes parmi les colonnes disponibles</p>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\"\r\n                 class=\"gcc__sel-list\"\r\n                 cdkDropList\r\n                 [cdkDropListData]=\"orderedSelection\"\r\n                 (cdkDropListDropped)=\"onDrop($event)\">\r\n\r\n              <div *ngFor=\"let item of orderedSelection; let i = index\"\r\n                   class=\"gcc__sel-item\"\r\n                   cdkDrag [cdkDragDisabled]=\"readonly\"\r\n                   [cdkDragData]=\"item\">\r\n\r\n                <div class=\"gcc__sel-item__placeholder\" *cdkDragPlaceholder></div>\r\n\r\n                <span class=\"gcc__sel-item__drag\" cdkDragHandle>\r\n                  <i class=\"fa fa-bars\"></i>\r\n                </span>\r\n\r\n                <span class=\"gcc__sel-item__pos\">{{ i + 1 }}</span>\r\n\r\n                <span class=\"gcc__sel-item__code\"\r\n                      [class.gcc__sel-item__code--cf]=\"item.ColumnSourceType === 2\"\r\n                      [title]=\"item.ColumnKey\">\r\n                  <span class=\"gcc__sel-item__name\">{{ item.ColumnKey }}</span>\r\n                  <span *ngIf=\"getCatalogLabel(item) !== item.ColumnKey\" class=\"gcc__sub\">{{ getCatalogLabel(item) }}</span>\r\n                </span>\r\n\r\n                <input class=\"gcc__sel-item__label\" type=\"text\"\r\n                       [placeholder]=\"getCatalogLabel(item)\"\r\n                       [(ngModel)]=\"item.Label\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\"\r\n                       (click)=\"$event.stopPropagation()\"\r\n                       title=\"Étiquette personnalisée\">\r\n\r\n                <!-- Affichage : indicateur du type, ouvre la fenêtre d'édition de la colonne -->\r\n                <span class=\"pp-display\" (click)=\"$event.stopPropagation()\">\r\n                  <button type=\"button\" class=\"pp-display__badge\"\r\n                          [class.pp-display__badge--default]=\"!getDisplayType(item)\"\r\n                          [title]=\"describeDisplay(item)\"\r\n                          (click)=\"openColumn(item)\">\r\n                    <i class=\"fa fa-{{ getDisplayType(item)?.icon ?? 'magic' }}\"></i>\r\n                    <span class=\"pp-display__text\">{{ getDisplayType(item)?.short ?? 'Auto' }}</span>\r\n                  </button>\r\n                  <button type=\"button\" class=\"pp-display__edit\" title=\"Modifier la colonne (libellé, affichage...)\" (click)=\"openColumn(item)\">\r\n                    <i class=\"fa fa-sliders\"></i>\r\n                  </button>\r\n                </span>\r\n\r\n                <!-- Perimeter scope: allowed flag -->\r\n                <ng-container *ngIf=\"isPerimeter\">\r\n                  <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"item.IsAllowed\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Autorisé\">\r\n                  </label>\r\n                </ng-container>\r\n\r\n                <!-- Always: locked flag -->\r\n                <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [(ngModel)]=\"item.IsLocked\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Verrouillé\">\r\n                </label>\r\n\r\n                <button class=\"gcc__sel-item__remove\" type=\"button\"\r\n                        (click)=\"removeFromSelection(item); $event.stopPropagation()\"\r\n                        title=\"Retirer\">&#x2715;</button>\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <!-- Pied de la sélection -->\r\n            <div class=\"gcc__sel-footer\">\r\n              <span class=\"gcc__sel-footer__info\">\r\n                <ng-container *ngIf=\"selectedCount > 0\">\r\n                  {{ selectedCount }} colonne(s) — glissez pour réordonner\r\n                </ng-container>\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n        </div><!-- /.gcc__panels -->\r\n                    </ng-container>\r\n                </div>\r\n            </alg-tab>\r\n        </alg-tabset>\r\n    }\r\n</div>\r\n",
+			styles: ["alg-pp-column{display:block;height:100%}.gcc{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;box-sizing:border-box}.gcc__form{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.gcc__tabs{display:block;flex:none}.gcc__tabs .tabset-content{display:none}.gcc__tabs .nav-tabs-custom{margin-bottom:0;box-shadow:none}.gcc__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:15px;overflow:hidden}.gcc__buttons{flex:none;margin-right:0;padding-bottom:0}.gcc__buttons .btn{margin-left:8px}.gcc__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;flex-shrink:0}.gcc__field{display:flex;flex-direction:column;gap:.25rem}.gcc__field label{font-size:.75rem;font-weight:600;color:#6c757d}.gcc__field input,.gcc__field select{min-width:9rem;padding:.35rem .5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.85rem}.gcc__message{padding:.5rem .75rem;background:#eef3f8;border-left:3px solid #4465C9;border-radius:.25rem;font-size:.85rem;flex-shrink:0}.gcc__body{flex:1;display:flex;gap:0;overflow:hidden;min-height:0;border:1px solid #e9ecef;border-radius:.25rem;background:#fff}.gcc__panel-hd{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__panel-title{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.gcc__panel-label{font-size:.75rem;font-weight:600;color:#495057}.gcc__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 5px;background:#4465c91f;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;background:#4465c91a;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge--primary{background:#4465c9;color:#fff}.gcc__muted{color:#6c757d;font-size:.8rem}.gcc__fw-normal{font-weight:400}.gcc__configs{display:flex;flex-direction:column;flex:0 0 220px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__list-scroll{flex:1;overflow:auto}.gcc__table{width:100%;border-collapse:collapse}.gcc__table th,.gcc__table td{padding:.35rem .6rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__config-row{cursor:pointer;transition:background .1s}.gcc__config-row:hover{background:#4465c90a}.gcc__config-row--selected{background:#4465c914;border-left:3px solid #4465C9}.gcc__config-row--selected td:first-child{padding-left:calc(.6rem - 3px)}.gcc__key{font-family:monospace;font-weight:600;color:#4465c9;font-size:.78rem}.gcc__sub{font-size:.7rem;font-weight:400;color:#6c757d;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__scope-badge{display:inline-block;padding:1px 5px;border-radius:20px;background:#4465c91a;color:#4465c9;font-size:9px;font-weight:700;text-transform:uppercase}.gcc__actions-cell{text-align:right;width:28px}.gcc__del-btn{background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.72rem;transition:color .1s}.gcc__del-btn:hover{color:#dc3545}.gcc__spinner{display:flex;align-items:center;gap:8px;padding:1rem .75rem;color:#6c757d;font-size:.8rem}.gcc__empty{padding:1.25rem .75rem;color:#6c757d;font-style:italic;font-size:.8rem}.gcc__editor{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.gcc__editor-hd{display:flex;align-items:center;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__loading{display:flex;align-items:center;gap:8px;padding:1.5rem 1rem;color:#6c757d;font-size:.85rem;flex-shrink:0}.gcc__spinner-icon{font-size:1rem}.gcc__panels{flex:1;display:flex;overflow:hidden;min-height:0}.gcc__groups{display:flex;flex-direction:column;flex:0 0 160px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__group-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.gcc__group-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;cursor:pointer;font-size:.78rem;border-bottom:1px solid #e9ecef;transition:background .1s}.gcc__group-item:hover{background:#4465c90a}.gcc__group-item--active{background:#4465c914;font-weight:600;color:#4465c9}.gcc__group-item--standard .gcc__group-item__name{color:#4465c9}.gcc__group-item--custom .gcc__group-item__name{color:#6b7fd4}.gcc__group-item__name{flex:1}.gcc__group-meta{display:flex;align-items:center;gap:3px}.gcc__browse{display:flex;flex-direction:column;flex:1;border-right:1px solid #e9ecef;overflow:hidden;min-width:0}.gcc__search{height:26px;padding:0 .5rem;border:1px solid #ced4da;border-radius:.2rem;font-size:.78rem;width:140px}.gcc__table-wrap{flex:1;overflow:auto}.gcc__table-wrap::-webkit-scrollbar{width:5px}.gcc__table-wrap::-webkit-scrollbar-track{background:transparent}.gcc__table-wrap::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__browse-table{width:100%;border-collapse:collapse}.gcc__browse-table th,.gcc__browse-table td{padding:.3rem .5rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__browse-table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__browse-row{cursor:pointer;transition:background .1s}.gcc__browse-row:hover{background:#4465c90a}.gcc__browse-row--selected{background:#4465c914}.gcc__browse-row--custom .gcc__col-key{color:#6b7fd4}.gcc__col-check{width:28px;text-align:center}.gcc__col-key{font-family:monospace;font-size:11px;font-weight:600;color:#4465c9}.gcc__browse-empty{padding:1rem .75rem;color:#6c757d;font-style:italic;font-size:.78rem}.gcc__selection{display:flex;flex-direction:column;flex:0 0 380px;overflow:hidden}.gcc__sel-legend{display:flex;align-items:center;padding:3px .5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6c757d;flex-shrink:0;gap:0}.gcc__sel-legend__drag{width:20px;flex-shrink:0}.gcc__sel-legend__pos{width:22px;flex-shrink:0;text-align:center}.gcc__sel-legend__code{width:150px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__label{flex:1;min-width:0}.gcc__sel-legend__flag{width:36px;text-align:center;flex-shrink:0}.gcc__sel-legend__width{width:50px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__remove{width:22px;flex-shrink:0}.gcc__sel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#6c757d;gap:.5rem;font-size:.8rem}.gcc__sel-empty__icon{font-size:2rem;opacity:.3}.gcc__sel-empty p{margin:0}.gcc__sel-list{flex:1;overflow-y:auto}.gcc__sel-list::-webkit-scrollbar{width:4px}.gcc__sel-list::-webkit-scrollbar-track{background:transparent}.gcc__sel-list::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__sel-item{display:flex;align-items:center;padding:4px .5rem;border-bottom:1px solid #e9ecef;background:#fff;-webkit-user-select:none;user-select:none;gap:0;transition:background .1s}.gcc__sel-item:hover{background:#4465c908}.gcc__sel-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__sel-item__placeholder{height:32px;background:#4465c90f;border:1px dashed #4465C9;border-radius:2px;flex:1}.gcc__sel-item__drag{width:20px;flex-shrink:0;color:#ced4da;cursor:grab;font-size:11px;display:flex;align-items:center;justify-content:center}.gcc__sel-item__drag:hover{color:#4465c9}.gcc__sel-item__drag:active{cursor:grabbing}.gcc__sel-item__pos{width:22px;flex-shrink:0;font-size:9px;color:#6c757d;text-align:center}.gcc__sel-item__code{width:150px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;padding-left:2px}.gcc__sel-item__code--cf .gcc__sel-item__name{color:#6b7fd4}.gcc__sel-item__name{font-family:monospace;font-size:10px;font-weight:600;color:#4465c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__sel-item__label{flex:1;min-width:0;height:22px;padding:0 4px;border:1px solid transparent;border-radius:3px;font-size:11px;color:#343a40;background:transparent;outline:none;transition:border-color .1s,background .1s}.gcc__sel-item__label::placeholder{color:#6c757d;font-style:italic}.gcc__sel-item__label:hover{border-color:#d1d8de;background:#f8f9fa}.gcc__sel-item__label:focus{border-color:#4465c9;background:#fff}.gcc__sel-item__remove{width:22px;flex-shrink:0;background:none;border:none;color:#adb5bd;cursor:pointer;font-size:11px;padding:0;text-align:center;transition:color .1s}.gcc__sel-item__remove:hover{color:#dc3545}.gcc__sel-list.cdk-drop-list-dragging .gcc__sel-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__flag{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.gcc__flag input[type=checkbox]{cursor:pointer}.gcc__item-width{width:46px;flex-shrink:0;padding:1px 3px;border:1px solid #ced4da;border-radius:3px;font-size:10px;text-align:right}.gcc__sel-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.gcc__sel-footer__info{font-size:.75rem;color:#6c757d;font-style:italic}.gcc__hint{display:flex;align-items:center;justify-content:center;flex:1;color:#6c757d;font-style:italic;font-size:.85rem}\n", ".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}.propertyGridform{height:100%;width:100%}.property-grid-tabset{height:100%}.property-grid-tab{height:100%;width:100%;padding:5px}.property-row-center{padding-top:21px}.property-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:flex-start;align-content:flex-start;gap:10px;margin:0 10px}.property-section-container{display:flex;flex-direction:column;background:#f7faff;border-radius:5px;border:1px solid #C1D0FD;padding-bottom:10px}.property-section-title{display:block;font-size:14px;background:#f7faff;border-bottom:none;padding:2px 0;margin:10px;line-height:24px;font-weight:700;border-bottom:solid 1px #C1D0FD;color:#4d5a81}.property-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:5px;height:100%;overflow:auto}.property-row{display:flex;flex-wrap:wrap;align-items:center;flex:25%;gap:10px}.property-label{color:#4465c9}.property-label span{padding-top:5px;display:inline-block;margin-right:5px}.property-label.invalid{color:red}.property-input{flex:2;min-width:200px}.checkbox-container{display:flex;align-items:center;gap:5px}.validation-error{color:red;font-size:.9rem}alg-presentation-profile-editor{display:block;height:100%}.pp-editor{height:100%}.pp-editor alg-tabset{display:block;height:100%}.pp-editor-tab{display:block;height:100%}.pp-editor-properties{height:100%;overflow:auto}.pp-editor-columns.gcc{padding:10px}.pp-editor-columns.gcc .gcc__panels{flex:1;min-height:0;border:1px solid #e9ecef}.pp-editor-columns.gcc{container-type:inline-size}.pp-editor-columns.gcc .gcc__browse,.pp-editor-columns.gcc .gcc__selection{flex:1 1 0;min-width:0;min-height:0}.pp-editor-columns.gcc .gcc__browse-row{cursor:pointer}@container (max-width: 700px){.pp-editor-columns .gcc__panels{flex-direction:column}.pp-editor-columns .gcc__browse{border-right:none;border-bottom:1px solid #e9ecef}}.pp-editor-add{width:28px;text-align:center;color:#999}.pp-editor-add-all{flex:none;margin-left:8px;padding:2px 8px;border:1px solid #ced4da;border-radius:3px;background:#fff;font-size:11px;cursor:pointer}.pp-editor-add-all:disabled{opacity:.5;cursor:default}.gcc__sel-legend__display{flex:none;width:112px;margin:0 4px;text-align:center}.pp-display{flex:none;display:inline-flex;align-items:center;gap:2px;width:112px;margin:0 4px}.pp-display__badge{flex:1;min-width:0;display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1px solid #c5d3f0;border-radius:10px;background:#eef3fc;color:#35a;font-size:11px;white-space:nowrap;cursor:pointer}.pp-display__badge .fa{width:12px;text-align:center}.pp-display__badge--default{border-style:dashed;background:transparent;color:#999}.pp-display__text{overflow:hidden;text-overflow:ellipsis}.pp-display__edit{flex:none;width:22px;height:22px;padding:0;border:none;border-radius:3px;background:transparent;color:#777;cursor:pointer}.pp-display__edit:hover{background:#e9ecef;color:#333}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -20623,14 +21098,15 @@ i0.ɵɵngDeclareClassMetadata({
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.Eager,
 			standalone: false,
-			template: "<div class=\"pp-editor\">\r\n    @if (entity) {\r\n        <alg-tabset [showNavs]=\"true\" [pills]=\"false\" (onSelect)=\"activeTab = $event\">\r\n\r\n            <!--Propriétés : table, libellé, finalité et portée du profil, avec les composants des formulaires-->\r\n            <alg-tab title=\"Propriétés\" [active]=\"activeTab === 0\" [class.pp-editor-tab]=\"activeTab === 0\">\r\n                <div class=\"property-container pp-editor-properties\">\r\n                    @for (section of sections; track section.Name) {\r\n                        <div class=\"property-section-container\">\r\n                            <div class=\"property-section-title\">{{ section.Name }}</div>\r\n                            <div class=\"property-section-content\">\r\n                                @for (field of section.FieldViewModels; track field.PropertyName) {\r\n                                    <div class=\"property-row\" [hidden]=\"isFieldHidden(field)\">\r\n                                        <alg-field [field]=\"field\" [form]=\"form\" [readonly]=\"isFieldReadonly(field)\"\r\n                                            (propertyChanged)=\"onPropertyChanged($event)\">\r\n                                        </alg-field>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </alg-tab>\r\n\r\n            <!--Colonnes : colonnes affichées par la grille, leur ordre et leurs libellés-->\r\n            <alg-tab title=\"Colonnes\" [active]=\"activeTab === 1\" [class.pp-editor-tab]=\"activeTab === 1\">\r\n                <div class=\"gcc pp-editor-columns\">\r\n                    <div *ngIf=\"isLoading\" class=\"gcc__loading\">\r\n                        <span class=\"gcc__spinner-icon fa fa-circle-o-notch fa-spin\"></span>\r\n                        Chargement des colonnes…\r\n                    </div>\r\n                    <div *ngIf=\"!isLoading && allItems.length === 0 && orderedSelection.length === 0\" class=\"gcc__hint\">\r\n                        Choisissez la table du profil dans l'onglet « Propriétés ».\r\n                    </div>\r\n                    <ng-container *ngIf=\"!isLoading && (allItems.length > 0 || orderedSelection.length > 0)\">\r\n        <div class=\"gcc__panels\">\r\n\r\n          <!-- ── Colonnes disponibles : celles de la table qui ne sont pas affichées ── -->\r\n          <div class=\"gcc__browse\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes disponibles</span>\r\n              <span class=\"gcc__badge\">{{ filteredItems.length }}</span>\r\n              <input class=\"gcc__search\" type=\"text\" placeholder=\"Rechercher…\"\r\n                     [(ngModel)]=\"searchText\" (ngModelChange)=\"onSearch()\">\r\n              <button *ngIf=\"!readonly\" class=\"pp-editor-add-all\" type=\"button\" [disabled]=\"filteredItems.length === 0\"\r\n                      (click)=\"addAll()\" title=\"Afficher toutes les colonnes listées\">Tout ajouter</button>\r\n            </div>\r\n\r\n            <div class=\"gcc__table-wrap\">\r\n              <table class=\"gcc__browse-table\">\r\n                <tbody>\r\n                  <tr *ngFor=\"let item of filteredItems\"\r\n                      class=\"gcc__browse-row\"\r\n                      [class.gcc__browse-row--custom]=\"item.ColumnSourceType === 2\"\r\n                      title=\"Afficher cette colonne\"\r\n                      (click)=\"addItem(item)\">\r\n                    <td class=\"gcc__col-name\">\r\n                      <div class=\"gcc__col-key\">{{ item.ColumnKey }}</div>\r\n                      <div *ngIf=\"item.Label && item.Label !== item.ColumnKey\" class=\"gcc__sub\">{{ item.Label }}</div>\r\n                    </td>\r\n                    <td class=\"pp-editor-add\"><i *ngIf=\"!readonly\" class=\"fa fa-plus\"></i></td>\r\n                  </tr>\r\n                  <tr *ngIf=\"filteredItems.length === 0\">\r\n                    <td colspan=\"2\" class=\"gcc__browse-empty\">\r\n                      {{ searchText ? 'Aucune colonne trouvée' : 'Toutes les colonnes sont affichées' }}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ── Panel 4: Ordered selection with admin flags ────────────── -->\r\n          <div class=\"gcc__selection\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes affichées</span>\r\n              <span *ngIf=\"selectedCount > 0\" class=\"gcc__badge gcc__badge--primary\">{{ selectedCount }}</span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\" class=\"gcc__sel-legend\">\r\n              <span class=\"gcc__sel-legend__drag\"></span>\r\n              <span class=\"gcc__sel-legend__pos\">#</span>\r\n              <span class=\"gcc__sel-legend__code\">Colonne</span>\r\n              <span class=\"gcc__sel-legend__label\">Étiquette</span>\r\n              <ng-container *ngIf=\"isPerimeter\">\r\n                <span class=\"gcc__sel-legend__flag\">Aut.</span>\r\n              </ng-container>\r\n              <span class=\"gcc__sel-legend__flag\">Ver.</span>\r\n              <span class=\"gcc__sel-legend__remove\"></span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length === 0\" class=\"gcc__sel-empty\">\r\n              <span class=\"fa fa-columns gcc__sel-empty__icon\"></span>\r\n              <p>Choisissez des colonnes parmi les colonnes disponibles</p>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\"\r\n                 class=\"gcc__sel-list\"\r\n                 cdkDropList\r\n                 [cdkDropListData]=\"orderedSelection\"\r\n                 (cdkDropListDropped)=\"onDrop($event)\">\r\n\r\n              <div *ngFor=\"let item of orderedSelection; let i = index\"\r\n                   class=\"gcc__sel-item\"\r\n                   cdkDrag [cdkDragDisabled]=\"readonly\"\r\n                   [cdkDragData]=\"item\">\r\n\r\n                <div class=\"gcc__sel-item__placeholder\" *cdkDragPlaceholder></div>\r\n\r\n                <span class=\"gcc__sel-item__drag\" cdkDragHandle>\r\n                  <i class=\"fa fa-bars\"></i>\r\n                </span>\r\n\r\n                <span class=\"gcc__sel-item__pos\">{{ i + 1 }}</span>\r\n\r\n                <span class=\"gcc__sel-item__code\"\r\n                      [class.gcc__sel-item__code--cf]=\"item.ColumnSourceType === 2\"\r\n                      [title]=\"item.ColumnKey\">\r\n                  <span class=\"gcc__sel-item__name\">{{ item.ColumnKey }}</span>\r\n                  <span *ngIf=\"getCatalogLabel(item) !== item.ColumnKey\" class=\"gcc__sub\">{{ getCatalogLabel(item) }}</span>\r\n                </span>\r\n\r\n                <input class=\"gcc__sel-item__label\" type=\"text\"\r\n                       [placeholder]=\"getCatalogLabel(item)\"\r\n                       [(ngModel)]=\"item.Label\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\"\r\n                       (click)=\"$event.stopPropagation()\"\r\n                       title=\"Étiquette personnalisée\">\r\n\r\n                <!-- Perimeter scope: allowed flag -->\r\n                <ng-container *ngIf=\"isPerimeter\">\r\n                  <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"item.IsAllowed\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Autorisé\">\r\n                  </label>\r\n                </ng-container>\r\n\r\n                <!-- Always: locked flag -->\r\n                <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [(ngModel)]=\"item.IsLocked\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Verrouillé\">\r\n                </label>\r\n\r\n                <button class=\"gcc__sel-item__remove\" type=\"button\"\r\n                        (click)=\"removeFromSelection(item); $event.stopPropagation()\"\r\n                        title=\"Retirer\">&#x2715;</button>\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <!-- Pied de la sélection -->\r\n            <div class=\"gcc__sel-footer\">\r\n              <span class=\"gcc__sel-footer__info\">\r\n                <ng-container *ngIf=\"selectedCount > 0\">\r\n                  {{ selectedCount }} colonne(s) — glissez pour réordonner\r\n                </ng-container>\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n        </div><!-- /.gcc__panels -->\r\n                    </ng-container>\r\n                </div>\r\n            </alg-tab>\r\n        </alg-tabset>\r\n    }\r\n</div>\r\n",
-			styles: ["alg-pp-column{display:block;height:100%}.gcc{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;box-sizing:border-box}.gcc__form{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.gcc__tabs{display:block;flex:none}.gcc__tabs .tabset-content{display:none}.gcc__tabs .nav-tabs-custom{margin-bottom:0;box-shadow:none}.gcc__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:15px;overflow:hidden}.gcc__buttons{flex:none;margin-right:0;padding-bottom:0}.gcc__buttons .btn{margin-left:8px}.gcc__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;flex-shrink:0}.gcc__field{display:flex;flex-direction:column;gap:.25rem}.gcc__field label{font-size:.75rem;font-weight:600;color:#6c757d}.gcc__field input,.gcc__field select{min-width:9rem;padding:.35rem .5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.85rem}.gcc__message{padding:.5rem .75rem;background:#eef3f8;border-left:3px solid #4465C9;border-radius:.25rem;font-size:.85rem;flex-shrink:0}.gcc__body{flex:1;display:flex;gap:0;overflow:hidden;min-height:0;border:1px solid #e9ecef;border-radius:.25rem;background:#fff}.gcc__panel-hd{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__panel-title{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.gcc__panel-label{font-size:.75rem;font-weight:600;color:#495057}.gcc__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 5px;background:#4465c91f;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;background:#4465c91a;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge--primary{background:#4465c9;color:#fff}.gcc__muted{color:#6c757d;font-size:.8rem}.gcc__fw-normal{font-weight:400}.gcc__configs{display:flex;flex-direction:column;flex:0 0 220px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__list-scroll{flex:1;overflow:auto}.gcc__table{width:100%;border-collapse:collapse}.gcc__table th,.gcc__table td{padding:.35rem .6rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__config-row{cursor:pointer;transition:background .1s}.gcc__config-row:hover{background:#4465c90a}.gcc__config-row--selected{background:#4465c914;border-left:3px solid #4465C9}.gcc__config-row--selected td:first-child{padding-left:calc(.6rem - 3px)}.gcc__key{font-family:monospace;font-weight:600;color:#4465c9;font-size:.78rem}.gcc__sub{font-size:.7rem;font-weight:400;color:#6c757d;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__scope-badge{display:inline-block;padding:1px 5px;border-radius:20px;background:#4465c91a;color:#4465c9;font-size:9px;font-weight:700;text-transform:uppercase}.gcc__actions-cell{text-align:right;width:28px}.gcc__del-btn{background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.72rem;transition:color .1s}.gcc__del-btn:hover{color:#dc3545}.gcc__spinner{display:flex;align-items:center;gap:8px;padding:1rem .75rem;color:#6c757d;font-size:.8rem}.gcc__empty{padding:1.25rem .75rem;color:#6c757d;font-style:italic;font-size:.8rem}.gcc__editor{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.gcc__editor-hd{display:flex;align-items:center;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__loading{display:flex;align-items:center;gap:8px;padding:1.5rem 1rem;color:#6c757d;font-size:.85rem;flex-shrink:0}.gcc__spinner-icon{font-size:1rem}.gcc__panels{flex:1;display:flex;overflow:hidden;min-height:0}.gcc__groups{display:flex;flex-direction:column;flex:0 0 160px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__group-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.gcc__group-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;cursor:pointer;font-size:.78rem;border-bottom:1px solid #e9ecef;transition:background .1s}.gcc__group-item:hover{background:#4465c90a}.gcc__group-item--active{background:#4465c914;font-weight:600;color:#4465c9}.gcc__group-item--standard .gcc__group-item__name{color:#4465c9}.gcc__group-item--custom .gcc__group-item__name{color:#6b7fd4}.gcc__group-item__name{flex:1}.gcc__group-meta{display:flex;align-items:center;gap:3px}.gcc__browse{display:flex;flex-direction:column;flex:1;border-right:1px solid #e9ecef;overflow:hidden;min-width:0}.gcc__search{height:26px;padding:0 .5rem;border:1px solid #ced4da;border-radius:.2rem;font-size:.78rem;width:140px}.gcc__table-wrap{flex:1;overflow:auto}.gcc__table-wrap::-webkit-scrollbar{width:5px}.gcc__table-wrap::-webkit-scrollbar-track{background:transparent}.gcc__table-wrap::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__browse-table{width:100%;border-collapse:collapse}.gcc__browse-table th,.gcc__browse-table td{padding:.3rem .5rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__browse-table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__browse-row{cursor:pointer;transition:background .1s}.gcc__browse-row:hover{background:#4465c90a}.gcc__browse-row--selected{background:#4465c914}.gcc__browse-row--custom .gcc__col-key{color:#6b7fd4}.gcc__col-check{width:28px;text-align:center}.gcc__col-key{font-family:monospace;font-size:11px;font-weight:600;color:#4465c9}.gcc__browse-empty{padding:1rem .75rem;color:#6c757d;font-style:italic;font-size:.78rem}.gcc__selection{display:flex;flex-direction:column;flex:0 0 380px;overflow:hidden}.gcc__sel-legend{display:flex;align-items:center;padding:3px .5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6c757d;flex-shrink:0;gap:0}.gcc__sel-legend__drag{width:20px;flex-shrink:0}.gcc__sel-legend__pos{width:22px;flex-shrink:0;text-align:center}.gcc__sel-legend__code{width:150px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__label{flex:1;min-width:0}.gcc__sel-legend__flag{width:36px;text-align:center;flex-shrink:0}.gcc__sel-legend__width{width:50px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__remove{width:22px;flex-shrink:0}.gcc__sel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#6c757d;gap:.5rem;font-size:.8rem}.gcc__sel-empty__icon{font-size:2rem;opacity:.3}.gcc__sel-empty p{margin:0}.gcc__sel-list{flex:1;overflow-y:auto}.gcc__sel-list::-webkit-scrollbar{width:4px}.gcc__sel-list::-webkit-scrollbar-track{background:transparent}.gcc__sel-list::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__sel-item{display:flex;align-items:center;padding:4px .5rem;border-bottom:1px solid #e9ecef;background:#fff;-webkit-user-select:none;user-select:none;gap:0;transition:background .1s}.gcc__sel-item:hover{background:#4465c908}.gcc__sel-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__sel-item__placeholder{height:32px;background:#4465c90f;border:1px dashed #4465C9;border-radius:2px;flex:1}.gcc__sel-item__drag{width:20px;flex-shrink:0;color:#ced4da;cursor:grab;font-size:11px;display:flex;align-items:center;justify-content:center}.gcc__sel-item__drag:hover{color:#4465c9}.gcc__sel-item__drag:active{cursor:grabbing}.gcc__sel-item__pos{width:22px;flex-shrink:0;font-size:9px;color:#6c757d;text-align:center}.gcc__sel-item__code{width:150px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;padding-left:2px}.gcc__sel-item__code--cf .gcc__sel-item__name{color:#6b7fd4}.gcc__sel-item__name{font-family:monospace;font-size:10px;font-weight:600;color:#4465c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__sel-item__label{flex:1;min-width:0;height:22px;padding:0 4px;border:1px solid transparent;border-radius:3px;font-size:11px;color:#343a40;background:transparent;outline:none;transition:border-color .1s,background .1s}.gcc__sel-item__label::placeholder{color:#6c757d;font-style:italic}.gcc__sel-item__label:hover{border-color:#d1d8de;background:#f8f9fa}.gcc__sel-item__label:focus{border-color:#4465c9;background:#fff}.gcc__sel-item__remove{width:22px;flex-shrink:0;background:none;border:none;color:#adb5bd;cursor:pointer;font-size:11px;padding:0;text-align:center;transition:color .1s}.gcc__sel-item__remove:hover{color:#dc3545}.gcc__sel-list.cdk-drop-list-dragging .gcc__sel-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__flag{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.gcc__flag input[type=checkbox]{cursor:pointer}.gcc__item-width{width:46px;flex-shrink:0;padding:1px 3px;border:1px solid #ced4da;border-radius:3px;font-size:10px;text-align:right}.gcc__sel-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.gcc__sel-footer__info{font-size:.75rem;color:#6c757d;font-style:italic}.gcc__hint{display:flex;align-items:center;justify-content:center;flex:1;color:#6c757d;font-style:italic;font-size:.85rem}\n", ".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}.propertyGridform{height:100%;width:100%}.property-grid-tabset{height:100%}.property-grid-tab{height:100%;width:100%;padding:5px}.property-row-center{padding-top:21px}.property-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:flex-start;align-content:flex-start;gap:10px;margin:0 10px}.property-section-container{display:flex;flex-direction:column;background:#f7faff;border-radius:5px;border:1px solid #C1D0FD;padding-bottom:10px}.property-section-title{display:block;font-size:14px;background:#f7faff;border-bottom:none;padding:2px 0;margin:10px;line-height:24px;font-weight:700;border-bottom:solid 1px #C1D0FD;color:#4d5a81}.property-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:5px;height:100%;overflow:auto}.property-row{display:flex;flex-wrap:wrap;align-items:center;flex:25%;gap:10px}.property-label{color:#4465c9}.property-label span{padding-top:5px;display:inline-block;margin-right:5px}.property-label.invalid{color:red}.property-input{flex:2;min-width:200px}.checkbox-container{display:flex;align-items:center;gap:5px}.validation-error{color:red;font-size:.9rem}alg-presentation-profile-editor{display:block;height:100%}.pp-editor{height:100%}.pp-editor alg-tabset{display:block;height:100%}.pp-editor-tab{display:block;height:100%}.pp-editor-properties{height:100%;overflow:auto}.pp-editor-columns.gcc{padding:10px}.pp-editor-columns.gcc .gcc__panels{flex:1;min-height:0;border:1px solid #e9ecef}.pp-editor-columns.gcc{container-type:inline-size}.pp-editor-columns.gcc .gcc__browse,.pp-editor-columns.gcc .gcc__selection{flex:1 1 0;min-width:0;min-height:0}.pp-editor-columns.gcc .gcc__browse-row{cursor:pointer}@container (max-width: 700px){.pp-editor-columns .gcc__panels{flex-direction:column}.pp-editor-columns .gcc__browse{border-right:none;border-bottom:1px solid #e9ecef}}.pp-editor-add{width:28px;text-align:center;color:#999}.pp-editor-add-all{flex:none;margin-left:8px;padding:2px 8px;border:1px solid #ced4da;border-radius:3px;background:#fff;font-size:11px;cursor:pointer}.pp-editor-add-all:disabled{opacity:.5;cursor:default}\n"]
+			template: "<div class=\"pp-editor\">\r\n    @if (entity) {\r\n        <alg-tabset [showNavs]=\"true\" [pills]=\"false\" (onSelect)=\"activeTab = $event\">\r\n\r\n            <!--Propriétés : table, libellé, finalité et portée du profil, avec les composants des formulaires-->\r\n            <alg-tab title=\"Propriétés\" [active]=\"activeTab === 0\" [class.pp-editor-tab]=\"activeTab === 0\">\r\n                <div class=\"property-container pp-editor-properties\">\r\n                    @for (section of sections; track section.Name) {\r\n                        <div class=\"property-section-container\">\r\n                            <div class=\"property-section-title\">{{ section.Name }}</div>\r\n                            <div class=\"property-section-content\">\r\n                                @for (field of section.FieldViewModels; track field.PropertyName) {\r\n                                    <div class=\"property-row\" [hidden]=\"isFieldHidden(field)\">\r\n                                        <alg-field [field]=\"field\" [form]=\"form\" [readonly]=\"isFieldReadonly(field)\"\r\n                                            (propertyChanged)=\"onPropertyChanged($event)\">\r\n                                        </alg-field>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </alg-tab>\r\n\r\n            <!--Colonnes : colonnes affichées par la grille, leur ordre et leurs libellés-->\r\n            <alg-tab title=\"Colonnes\" [active]=\"activeTab === 1\" [class.pp-editor-tab]=\"activeTab === 1\">\r\n                <div class=\"gcc pp-editor-columns\">\r\n                    <div *ngIf=\"isLoading\" class=\"gcc__loading\">\r\n                        <span class=\"gcc__spinner-icon fa fa-circle-o-notch fa-spin\"></span>\r\n                        Chargement des colonnes…\r\n                    </div>\r\n                    <div *ngIf=\"!isLoading && allItems.length === 0 && orderedSelection.length === 0\" class=\"gcc__hint\">\r\n                        Choisissez la table du profil dans l'onglet « Propriétés ».\r\n                    </div>\r\n                    <ng-container *ngIf=\"!isLoading && (allItems.length > 0 || orderedSelection.length > 0)\">\r\n        <div class=\"gcc__panels\">\r\n\r\n          <!-- ── Colonnes disponibles : celles de la table qui ne sont pas affichées ── -->\r\n          <div class=\"gcc__browse\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes disponibles</span>\r\n              <span class=\"gcc__badge\">{{ filteredItems.length }}</span>\r\n              <input class=\"gcc__search\" type=\"text\" placeholder=\"Rechercher…\"\r\n                     [(ngModel)]=\"searchText\" (ngModelChange)=\"onSearch()\">\r\n              <button *ngIf=\"!readonly\" class=\"pp-editor-add-all\" type=\"button\" [disabled]=\"filteredItems.length === 0\"\r\n                      (click)=\"addAll()\" title=\"Afficher toutes les colonnes listées\">Tout ajouter</button>\r\n            </div>\r\n\r\n            <div class=\"gcc__table-wrap\">\r\n              <table class=\"gcc__browse-table\">\r\n                <tbody>\r\n                  <tr *ngFor=\"let item of filteredItems\"\r\n                      class=\"gcc__browse-row\"\r\n                      [class.gcc__browse-row--custom]=\"item.ColumnSourceType === 2\"\r\n                      title=\"Afficher cette colonne\"\r\n                      (click)=\"addItem(item)\">\r\n                    <td class=\"gcc__col-name\">\r\n                      <div class=\"gcc__col-key\">{{ item.ColumnKey }}</div>\r\n                      <div *ngIf=\"item.Label && item.Label !== item.ColumnKey\" class=\"gcc__sub\">{{ item.Label }}</div>\r\n                    </td>\r\n                    <td class=\"pp-editor-add\"><i *ngIf=\"!readonly\" class=\"fa fa-plus\"></i></td>\r\n                  </tr>\r\n                  <tr *ngIf=\"filteredItems.length === 0\">\r\n                    <td colspan=\"2\" class=\"gcc__browse-empty\">\r\n                      {{ searchText ? 'Aucune colonne trouvée' : 'Toutes les colonnes sont affichées' }}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ── Panel 4: Ordered selection with admin flags ────────────── -->\r\n          <div class=\"gcc__selection\">\r\n            <div class=\"gcc__panel-hd\">\r\n              <span class=\"gcc__panel-label\">Colonnes affichées</span>\r\n              <span *ngIf=\"selectedCount > 0\" class=\"gcc__badge gcc__badge--primary\">{{ selectedCount }}</span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\" class=\"gcc__sel-legend\">\r\n              <span class=\"gcc__sel-legend__drag\"></span>\r\n              <span class=\"gcc__sel-legend__pos\">#</span>\r\n              <span class=\"gcc__sel-legend__code\">Colonne</span>\r\n              <span class=\"gcc__sel-legend__label\">Étiquette</span>\r\n              <span class=\"gcc__sel-legend__display\">Affichage</span>\r\n              <ng-container *ngIf=\"isPerimeter\">\r\n                <span class=\"gcc__sel-legend__flag\">Aut.</span>\r\n              </ng-container>\r\n              <span class=\"gcc__sel-legend__flag\">Ver.</span>\r\n              <span class=\"gcc__sel-legend__remove\"></span>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length === 0\" class=\"gcc__sel-empty\">\r\n              <span class=\"fa fa-columns gcc__sel-empty__icon\"></span>\r\n              <p>Choisissez des colonnes parmi les colonnes disponibles</p>\r\n            </div>\r\n\r\n            <div *ngIf=\"orderedSelection.length > 0\"\r\n                 class=\"gcc__sel-list\"\r\n                 cdkDropList\r\n                 [cdkDropListData]=\"orderedSelection\"\r\n                 (cdkDropListDropped)=\"onDrop($event)\">\r\n\r\n              <div *ngFor=\"let item of orderedSelection; let i = index\"\r\n                   class=\"gcc__sel-item\"\r\n                   cdkDrag [cdkDragDisabled]=\"readonly\"\r\n                   [cdkDragData]=\"item\">\r\n\r\n                <div class=\"gcc__sel-item__placeholder\" *cdkDragPlaceholder></div>\r\n\r\n                <span class=\"gcc__sel-item__drag\" cdkDragHandle>\r\n                  <i class=\"fa fa-bars\"></i>\r\n                </span>\r\n\r\n                <span class=\"gcc__sel-item__pos\">{{ i + 1 }}</span>\r\n\r\n                <span class=\"gcc__sel-item__code\"\r\n                      [class.gcc__sel-item__code--cf]=\"item.ColumnSourceType === 2\"\r\n                      [title]=\"item.ColumnKey\">\r\n                  <span class=\"gcc__sel-item__name\">{{ item.ColumnKey }}</span>\r\n                  <span *ngIf=\"getCatalogLabel(item) !== item.ColumnKey\" class=\"gcc__sub\">{{ getCatalogLabel(item) }}</span>\r\n                </span>\r\n\r\n                <input class=\"gcc__sel-item__label\" type=\"text\"\r\n                       [placeholder]=\"getCatalogLabel(item)\"\r\n                       [(ngModel)]=\"item.Label\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\"\r\n                       (click)=\"$event.stopPropagation()\"\r\n                       title=\"Étiquette personnalisée\">\r\n\r\n                <!-- Affichage : indicateur du type, ouvre la fenêtre d'édition de la colonne -->\r\n                <span class=\"pp-display\" (click)=\"$event.stopPropagation()\">\r\n                  <button type=\"button\" class=\"pp-display__badge\"\r\n                          [class.pp-display__badge--default]=\"!getDisplayType(item)\"\r\n                          [title]=\"describeDisplay(item)\"\r\n                          (click)=\"openColumn(item)\">\r\n                    <i class=\"fa fa-{{ getDisplayType(item)?.icon ?? 'magic' }}\"></i>\r\n                    <span class=\"pp-display__text\">{{ getDisplayType(item)?.short ?? 'Auto' }}</span>\r\n                  </button>\r\n                  <button type=\"button\" class=\"pp-display__edit\" title=\"Modifier la colonne (libellé, affichage...)\" (click)=\"openColumn(item)\">\r\n                    <i class=\"fa fa-sliders\"></i>\r\n                  </button>\r\n                </span>\r\n\r\n                <!-- Perimeter scope: allowed flag -->\r\n                <ng-container *ngIf=\"isPerimeter\">\r\n                  <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                    <input type=\"checkbox\" [(ngModel)]=\"item.IsAllowed\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Autorisé\">\r\n                  </label>\r\n                </ng-container>\r\n\r\n                <!-- Always: locked flag -->\r\n                <label class=\"gcc__flag\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [(ngModel)]=\"item.IsLocked\" (ngModelChange)=\"onColumnsChanged()\" [disabled]=\"readonly\" title=\"Verrouillé\">\r\n                </label>\r\n\r\n                <button class=\"gcc__sel-item__remove\" type=\"button\"\r\n                        (click)=\"removeFromSelection(item); $event.stopPropagation()\"\r\n                        title=\"Retirer\">&#x2715;</button>\r\n              </div>\r\n\r\n            </div>\r\n\r\n            <!-- Pied de la sélection -->\r\n            <div class=\"gcc__sel-footer\">\r\n              <span class=\"gcc__sel-footer__info\">\r\n                <ng-container *ngIf=\"selectedCount > 0\">\r\n                  {{ selectedCount }} colonne(s) — glissez pour réordonner\r\n                </ng-container>\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n        </div><!-- /.gcc__panels -->\r\n                    </ng-container>\r\n                </div>\r\n            </alg-tab>\r\n        </alg-tabset>\r\n    }\r\n</div>\r\n",
+			styles: ["alg-pp-column{display:block;height:100%}.gcc{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;box-sizing:border-box}.gcc__form{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.gcc__tabs{display:block;flex:none}.gcc__tabs .tabset-content{display:none}.gcc__tabs .nav-tabs-custom{margin-bottom:0;box-shadow:none}.gcc__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:15px;overflow:hidden}.gcc__buttons{flex:none;margin-right:0;padding-bottom:0}.gcc__buttons .btn{margin-left:8px}.gcc__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;flex-shrink:0}.gcc__field{display:flex;flex-direction:column;gap:.25rem}.gcc__field label{font-size:.75rem;font-weight:600;color:#6c757d}.gcc__field input,.gcc__field select{min-width:9rem;padding:.35rem .5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.85rem}.gcc__message{padding:.5rem .75rem;background:#eef3f8;border-left:3px solid #4465C9;border-radius:.25rem;font-size:.85rem;flex-shrink:0}.gcc__body{flex:1;display:flex;gap:0;overflow:hidden;min-height:0;border:1px solid #e9ecef;border-radius:.25rem;background:#fff}.gcc__panel-hd{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__panel-title{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.gcc__panel-label{font-size:.75rem;font-weight:600;color:#495057}.gcc__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 5px;background:#4465c91f;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;background:#4465c91a;color:#4465c9;border-radius:20px;font-size:10px;font-weight:700}.gcc__badge--primary{background:#4465c9;color:#fff}.gcc__muted{color:#6c757d;font-size:.8rem}.gcc__fw-normal{font-weight:400}.gcc__configs{display:flex;flex-direction:column;flex:0 0 220px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__list-scroll{flex:1;overflow:auto}.gcc__table{width:100%;border-collapse:collapse}.gcc__table th,.gcc__table td{padding:.35rem .6rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__config-row{cursor:pointer;transition:background .1s}.gcc__config-row:hover{background:#4465c90a}.gcc__config-row--selected{background:#4465c914;border-left:3px solid #4465C9}.gcc__config-row--selected td:first-child{padding-left:calc(.6rem - 3px)}.gcc__key{font-family:monospace;font-weight:600;color:#4465c9;font-size:.78rem}.gcc__sub{font-size:.7rem;font-weight:400;color:#6c757d;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__scope-badge{display:inline-block;padding:1px 5px;border-radius:20px;background:#4465c91a;color:#4465c9;font-size:9px;font-weight:700;text-transform:uppercase}.gcc__actions-cell{text-align:right;width:28px}.gcc__del-btn{background:none;border:none;color:#adb5bd;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.72rem;transition:color .1s}.gcc__del-btn:hover{color:#dc3545}.gcc__spinner{display:flex;align-items:center;gap:8px;padding:1rem .75rem;color:#6c757d;font-size:.8rem}.gcc__empty{padding:1.25rem .75rem;color:#6c757d;font-style:italic;font-size:.8rem}.gcc__editor{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.gcc__editor-hd{display:flex;align-items:center;padding:.4rem .75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.gcc__loading{display:flex;align-items:center;gap:8px;padding:1.5rem 1rem;color:#6c757d;font-size:.85rem;flex-shrink:0}.gcc__spinner-icon{font-size:1rem}.gcc__panels{flex:1;display:flex;overflow:hidden;min-height:0}.gcc__groups{display:flex;flex-direction:column;flex:0 0 160px;border-right:1px solid #e9ecef;overflow:hidden}.gcc__group-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.gcc__group-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;cursor:pointer;font-size:.78rem;border-bottom:1px solid #e9ecef;transition:background .1s}.gcc__group-item:hover{background:#4465c90a}.gcc__group-item--active{background:#4465c914;font-weight:600;color:#4465c9}.gcc__group-item--standard .gcc__group-item__name{color:#4465c9}.gcc__group-item--custom .gcc__group-item__name{color:#6b7fd4}.gcc__group-item__name{flex:1}.gcc__group-meta{display:flex;align-items:center;gap:3px}.gcc__browse{display:flex;flex-direction:column;flex:1;border-right:1px solid #e9ecef;overflow:hidden;min-width:0}.gcc__search{height:26px;padding:0 .5rem;border:1px solid #ced4da;border-radius:.2rem;font-size:.78rem;width:140px}.gcc__table-wrap{flex:1;overflow:auto}.gcc__table-wrap::-webkit-scrollbar{width:5px}.gcc__table-wrap::-webkit-scrollbar-track{background:transparent}.gcc__table-wrap::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__browse-table{width:100%;border-collapse:collapse}.gcc__browse-table th,.gcc__browse-table td{padding:.3rem .5rem;border-bottom:1px solid #e9ecef;text-align:left;font-size:.78rem}.gcc__browse-table th{font-weight:600;color:#495057;background:#f8f9fa;position:sticky;top:0;z-index:1}.gcc__browse-row{cursor:pointer;transition:background .1s}.gcc__browse-row:hover{background:#4465c90a}.gcc__browse-row--selected{background:#4465c914}.gcc__browse-row--custom .gcc__col-key{color:#6b7fd4}.gcc__col-check{width:28px;text-align:center}.gcc__col-key{font-family:monospace;font-size:11px;font-weight:600;color:#4465c9}.gcc__browse-empty{padding:1rem .75rem;color:#6c757d;font-style:italic;font-size:.78rem}.gcc__selection{display:flex;flex-direction:column;flex:0 0 380px;overflow:hidden}.gcc__sel-legend{display:flex;align-items:center;padding:3px .5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6c757d;flex-shrink:0;gap:0}.gcc__sel-legend__drag{width:20px;flex-shrink:0}.gcc__sel-legend__pos{width:22px;flex-shrink:0;text-align:center}.gcc__sel-legend__code{width:150px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__label{flex:1;min-width:0}.gcc__sel-legend__flag{width:36px;text-align:center;flex-shrink:0}.gcc__sel-legend__width{width:50px;flex-shrink:0;padding-left:2px}.gcc__sel-legend__remove{width:22px;flex-shrink:0}.gcc__sel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#6c757d;gap:.5rem;font-size:.8rem}.gcc__sel-empty__icon{font-size:2rem;opacity:.3}.gcc__sel-empty p{margin:0}.gcc__sel-list{flex:1;overflow-y:auto}.gcc__sel-list::-webkit-scrollbar{width:4px}.gcc__sel-list::-webkit-scrollbar-track{background:transparent}.gcc__sel-list::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.gcc__sel-item{display:flex;align-items:center;padding:4px .5rem;border-bottom:1px solid #e9ecef;background:#fff;-webkit-user-select:none;user-select:none;gap:0;transition:background .1s}.gcc__sel-item:hover{background:#4465c908}.gcc__sel-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__sel-item__placeholder{height:32px;background:#4465c90f;border:1px dashed #4465C9;border-radius:2px;flex:1}.gcc__sel-item__drag{width:20px;flex-shrink:0;color:#ced4da;cursor:grab;font-size:11px;display:flex;align-items:center;justify-content:center}.gcc__sel-item__drag:hover{color:#4465c9}.gcc__sel-item__drag:active{cursor:grabbing}.gcc__sel-item__pos{width:22px;flex-shrink:0;font-size:9px;color:#6c757d;text-align:center}.gcc__sel-item__code{width:150px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;padding-left:2px}.gcc__sel-item__code--cf .gcc__sel-item__name{color:#6b7fd4}.gcc__sel-item__name{font-family:monospace;font-size:10px;font-weight:600;color:#4465c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc__sel-item__label{flex:1;min-width:0;height:22px;padding:0 4px;border:1px solid transparent;border-radius:3px;font-size:11px;color:#343a40;background:transparent;outline:none;transition:border-color .1s,background .1s}.gcc__sel-item__label::placeholder{color:#6c757d;font-style:italic}.gcc__sel-item__label:hover{border-color:#d1d8de;background:#f8f9fa}.gcc__sel-item__label:focus{border-color:#4465c9;background:#fff}.gcc__sel-item__remove{width:22px;flex-shrink:0;background:none;border:none;color:#adb5bd;cursor:pointer;font-size:11px;padding:0;text-align:center;transition:color .1s}.gcc__sel-item__remove:hover{color:#dc3545}.gcc__sel-list.cdk-drop-list-dragging .gcc__sel-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.gcc__flag{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.gcc__flag input[type=checkbox]{cursor:pointer}.gcc__item-width{width:46px;flex-shrink:0;padding:1px 3px;border:1px solid #ced4da;border-radius:3px;font-size:10px;text-align:right}.gcc__sel-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.gcc__sel-footer__info{font-size:.75rem;color:#6c757d;font-style:italic}.gcc__hint{display:flex;align-items:center;justify-content:center;flex:1;color:#6c757d;font-style:italic;font-size:.85rem}\n", ".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}.propertyGridform{height:100%;width:100%}.property-grid-tabset{height:100%}.property-grid-tab{height:100%;width:100%;padding:5px}.property-row-center{padding-top:21px}.property-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:flex-start;align-content:flex-start;gap:10px;margin:0 10px}.property-section-container{display:flex;flex-direction:column;background:#f7faff;border-radius:5px;border:1px solid #C1D0FD;padding-bottom:10px}.property-section-title{display:block;font-size:14px;background:#f7faff;border-bottom:none;padding:2px 0;margin:10px;line-height:24px;font-weight:700;border-bottom:solid 1px #C1D0FD;color:#4d5a81}.property-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:5px;height:100%;overflow:auto}.property-row{display:flex;flex-wrap:wrap;align-items:center;flex:25%;gap:10px}.property-label{color:#4465c9}.property-label span{padding-top:5px;display:inline-block;margin-right:5px}.property-label.invalid{color:red}.property-input{flex:2;min-width:200px}.checkbox-container{display:flex;align-items:center;gap:5px}.validation-error{color:red;font-size:.9rem}alg-presentation-profile-editor{display:block;height:100%}.pp-editor{height:100%}.pp-editor alg-tabset{display:block;height:100%}.pp-editor-tab{display:block;height:100%}.pp-editor-properties{height:100%;overflow:auto}.pp-editor-columns.gcc{padding:10px}.pp-editor-columns.gcc .gcc__panels{flex:1;min-height:0;border:1px solid #e9ecef}.pp-editor-columns.gcc{container-type:inline-size}.pp-editor-columns.gcc .gcc__browse,.pp-editor-columns.gcc .gcc__selection{flex:1 1 0;min-width:0;min-height:0}.pp-editor-columns.gcc .gcc__browse-row{cursor:pointer}@container (max-width: 700px){.pp-editor-columns .gcc__panels{flex-direction:column}.pp-editor-columns .gcc__browse{border-right:none;border-bottom:1px solid #e9ecef}}.pp-editor-add{width:28px;text-align:center;color:#999}.pp-editor-add-all{flex:none;margin-left:8px;padding:2px 8px;border:1px solid #ced4da;border-radius:3px;background:#fff;font-size:11px;cursor:pointer}.pp-editor-add-all:disabled{opacity:.5;cursor:default}.gcc__sel-legend__display{flex:none;width:112px;margin:0 4px;text-align:center}.pp-display{flex:none;display:inline-flex;align-items:center;gap:2px;width:112px;margin:0 4px}.pp-display__badge{flex:1;min-width:0;display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1px solid #c5d3f0;border-radius:10px;background:#eef3fc;color:#35a;font-size:11px;white-space:nowrap;cursor:pointer}.pp-display__badge .fa{width:12px;text-align:center}.pp-display__badge--default{border-style:dashed;background:transparent;color:#999}.pp-display__text{overflow:hidden;text-overflow:ellipsis}.pp-display__edit{flex:none;width:22px;height:22px;padding:0;border:none;border-radius:3px;background:transparent;color:#777;cursor:pointer}.pp-display__edit:hover{background:#e9ecef;color:#333}\n"]
 		}]
 	}],
 	ctorParameters: () => [
 		{ type: i4$2.ApplicationService },
 		{ type: i4$2.ValidationService },
-		{ type: i1$3.PresentationProfileItemDataService }
+		{ type: i1$3.PresentationProfileItemDataService },
+		{ type: i1$2.BsModalService }
 	]
 });
 var BasePresentationProfileComponent = class BasePresentationProfileComponent extends BaseComponent {