@starterlib/ui 0.11.4 → 0.11.6

package/fesm2022/starterlib-ui-saisie-base-Bj-Wzk1h.mjs

@@ -0,0 +1,2617 @@
+import { adresseEstVide, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, exempleDeMois, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, montant, motifDHeure, motifDeDate, motifDuMois, normaliserCodeDePays, normaliserTelephone, partiesAffichees, partiesExigees, typeDeFichierAccepte } from "@starterlib/util/valeurs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, afterEveryRender, afterNextRender, booleanAttribute, computed, contentChild, effect, inject, input, model, numberAttribute, output, signal, viewChild } from "@angular/core";
+import { AnnonceLocale, ST_LIBELLES, ST_LOCALE, ST_MARQUE_D_OBLIGATION, StIcon, StIconButton, StIdentifiants, StInlineMessage, StSpinner, affichageDiffere } from "@starterlib/ui";
+import { delai } from "@starterlib/tokens";
+import { DOCUMENT as DOCUMENT$1 } from "@angular/common";
+function messageDErreur(erreur, libelles, locale = "fr-FR") {
+	const fourni = erreur.message?.trim();
+	if (fourni !== void 0 && fourni !== "") return fourni;
+	const propriete = (nom) => erreur[nom];
+	const nombre = (nom) => {
+		const valeur = propriete(nom);
+		return typeof valeur === "number" ? valeur : void 0;
+	};
+	const texte = (nom) => {
+		const valeur = propriete(nom);
+		return typeof valeur === "string" ? valeur : void 0;
+	};
+	switch (erreur.kind) {
+		case "required": return libelles.champObligatoire;
+		case "email": return libelles.adresseInvalide;
+		case "pattern": return libelles.formatInvalide;
+		case "iban": return libelles.ibanInvalide;
+		case "telephone": return libelles.telephoneInvalide;
+		case "code": {
+			const longueur = nombre("longueur");
+			return longueur === void 0 ? libelles.valeurInvalide : libelles.codeIncomplet(longueur);
+		}
+		case "minLength": {
+			const minimum = nombre("minLength");
+			if (minimum === void 0) return libelles.valeurInvalide;
+			return viseUneListe(erreur) ? libelles.choixAuMoins(minimum) : libelles.longueurMinimale(minimum);
+		}
+		case "maxLength": {
+			const maximum = nombre("maxLength");
+			if (maximum === void 0) return libelles.valeurInvalide;
+			return viseUneListe(erreur) ? libelles.choixAuPlus(maximum) : libelles.longueurMaximale(maximum);
+		}
+		case "longueur": {
+			const minimum = nombre("minLength");
+			const maximum = nombre("maxLength");
+			return minimum === void 0 || maximum === void 0 ? libelles.valeurInvalide : libelles.longueurEntre(minimum, maximum);
+		}
+		case "positif": return libelles.valeurPositive;
+		case "passe": return libelles.datePassee;
+		case "futur": return libelles.dateFuture;
+		case "chiffres": {
+			const entiers = nombre("entiers");
+			const decimales = nombre("decimales");
+			return entiers === void 0 || decimales === void 0 ? libelles.valeurInvalide : libelles.chiffresAuPlus(entiers, decimales);
+		}
+		case "min": {
+			const minimum = nombre("min");
+			if (minimum === void 0) return libelles.valeurInvalide;
+			return propriete("strict") === true ? libelles.valeurSuperieureA(formaterNombre(minimum, locale)) : libelles.valeurMinimale(formaterNombre(minimum, locale));
+		}
+		case "max": {
+			const maximum = nombre("max");
+			if (maximum === void 0) return libelles.valeurInvalide;
+			return propriete("strict") === true ? libelles.valeurInferieureA(formaterNombre(maximum, locale)) : libelles.valeurMaximale(formaterNombre(maximum, locale));
+		}
+		case "montant": {
+			const devise = texte("devise") ?? "EUR";
+			if (!/^[A-Za-z]{3}$/.test(devise)) return libelles.valeurInvalide;
+			const exemple = formaterMontant(montant(123456n * 10n ** BigInt(decimalesDe(devise)) / 100n, devise), {
+				locale,
+				sansDevise: true
+			});
+			return libelles.montantIllisible(exemple);
+		}
+		case "nombre": {
+			const decimales = nombre("decimales") ?? 0;
+			return libelles.nombreIllisible(formaterNombre(decimales > 0 ? 1234.5 : 1234, locale, Math.min(decimales, 2)));
+		}
+		case "entier": return libelles.nombreEntier;
+		case "decimales": {
+			const decimales = nombre("decimales");
+			return decimales === void 0 ? libelles.valeurInvalide : libelles.tropDeDecimales(decimales);
+		}
+		case "date": return libelles.dateIllisible(motifLocal(libelles, locale), exempleDeDate(locale));
+		case "dateMin": {
+			const minimum = texte("min");
+			return minimum === void 0 || !estDateIso(minimum) ? libelles.valeurInvalide : libelles.dateTropTot(formaterDateLongue(minimum, locale));
+		}
+		case "dateMax": {
+			const maximum = texte("max");
+			return maximum === void 0 || !estDateIso(maximum) ? libelles.valeurInvalide : libelles.dateTropTard(formaterDateLongue(maximum, locale));
+		}
+		case "mois": return libelles.dateIllisible(motifDuMoisLocal(libelles, locale), exempleDeMois(locale));
+		case "heure": return libelles.heureIllisible(motifDHeureLocal(libelles, locale, propriete("secondes") === true), exempleDHeure(locale, propriete("secondes") === true));
+		case "heureMin": {
+			const minimum = texte("min");
+			return minimum === void 0 || !estHeureIso(minimum) ? libelles.valeurInvalide : libelles.heureTropTot(formaterHeureSaisie(minimum, locale));
+		}
+		case "heureMax": {
+			const maximum = texte("max");
+			return maximum === void 0 || !estHeureIso(maximum) ? libelles.valeurInvalide : libelles.heureTropTard(formaterHeureSaisie(maximum, locale));
+		}
+		case "plageDeDates": return libelles.finAvantDebut;
+		case "plageDeMontants": return libelles.maximumSousLeMinimum;
+		case "adresse": {
+			const partie = texte("partie");
+			return partie === void 0 ? libelles.champObligatoire : libelles.libelleEtMessage(libelleDePartie(libelles, partie, texte("nature")), libelles.champObligatoire);
+		}
+		case "codePostal": return libelles.codePostalInvalide(texte("exemple") ?? "");
+		case "pays": return libelles.paysNonAccepte;
+		case "fichierTaille": {
+			const fichier = texte("fichier");
+			const maximum = nombre("max");
+			return fichier === void 0 || maximum === void 0 ? libelles.valeurInvalide : libelles.fichierTropVolumineux(fichier, formaterTaille(maximum, locale));
+		}
+		case "fichierType": {
+			const fichier = texte("fichier");
+			return fichier === void 0 ? libelles.valeurInvalide : libelles.typeDeFichierRefuse(fichier);
+		}
+		case "fichiersNombre": {
+			const maximum = nombre("max");
+			return maximum === void 0 ? libelles.valeurInvalide : libelles.tropDeFichiers(maximum);
+		}
+		default: return libelles.valeurInvalide;
+	}
+}
+function viseUneListe(erreur) {
+	const arbre = erreur.fieldTree;
+	if (typeof arbre !== "function") return false;
+	try {
+		const etat = arbre();
+		const valeur = typeof etat === "object" && etat !== null ? etat.value : void 0;
+		return typeof valeur === "function" && Array.isArray(valeur());
+	} catch {
+		return false;
+	}
+}
+function libelleDePartie(libelles, partie, nature) {
+	switch (partie) {
+		case "ligne1": return libelles.adresseLigne1;
+		case "ligne2": return libelles.adresseLigne2;
+		case "codePostal": return libelles.codePostal;
+		case "ville": return libelles.ville;
+		case "region": return libelles.regionDAdresse(nature ?? "region");
+		default: return libelles.pays;
+	}
+}
+function motifLocal(libelles, locale) {
+	return motifDeDate(locale, {
+		jour: libelles.lettreDuJour,
+		mois: libelles.lettreDuMois,
+		annee: libelles.lettreDeLAnnee
+	});
+}
+function motifDuMoisLocal(libelles, locale) {
+	return motifDuMois(locale, {
+		mois: libelles.lettreDuMois,
+		annee: libelles.lettreDeLAnnee
+	});
+}
+function motifDHeureLocal(libelles, locale, secondes = false) {
+	return motifDHeure(locale, {
+		heure: libelles.lettreDeLHeure,
+		minute: libelles.lettreDesMinutes,
+		seconde: libelles.lettreDesSecondes
+	}, secondes);
+}
+function exempleDeDate(locale) {
+	return formaterDateSaisie("2026-03-31", locale);
+}
+function erreurIban(valeur) {
+	if (valeur.trim() === "") return null;
+	return ibanEstValide(valeur) ? null : { kind: "iban" };
+}
+function erreurTelephone(valeur) {
+	if (valeur.trim() === "") return null;
+	return /^\s*\+?[\d\s.\-()]+$/.test(valeur) && /^\+?[0-9]{4,15}$/.test(normaliserTelephone(valeur)) ? null : { kind: "telephone" };
+}
+function erreurCode(valeur, longueur = 6) {
+	if (valeur === "") return null;
+	return new RegExp(`^[0-9]{${String(longueur)}}$`).test(valeur) ? null : {
+		kind: "code",
+		longueur
+	};
+}
+function erreurDate(valeur, bornes) {
+	if (valeur === null || valeur === "") return null;
+	const { min, max } = bornes;
+	if (min !== void 0 && min !== null && valeur < min) return {
+		kind: "dateMin",
+		min
+	};
+	if (max !== void 0 && max !== null && valeur > max) return {
+		kind: "dateMax",
+		max
+	};
+	return null;
+}
+function enSecondes(heure) {
+	return heure.length === 5 ? `${heure}:00` : heure;
+}
+function erreurHeure(valeur, bornes) {
+	if (valeur === null || !estHeureIso(valeur)) return null;
+	const { min, max } = bornes;
+	if (min !== void 0 && min !== null && enSecondes(valeur) < enSecondes(min)) return {
+		kind: "heureMin",
+		min
+	};
+	if (max !== void 0 && max !== null && enSecondes(valeur) > enSecondes(max)) return {
+		kind: "heureMax",
+		max
+	};
+	return null;
+}
+function erreurPlageDeDates(plage) {
+	const { debut, fin } = plage;
+	if (debut === null || fin === null) return null;
+	return fin < debut ? { kind: "plageDeDates" } : null;
+}
+function erreursDAdresse(adresse, regles = {}) {
+	const { requise = true, codesDesPays } = regles;
+	if (!requise && adresseEstVide(adresse)) return [];
+	const format = formatDAdresse(adresse.pays);
+	const exigees = new Set(partiesExigees(format));
+	const erreurs = [];
+	for (const partie of ["pays", ...partiesAffichees(format)]) {
+		if (!exigees.has(partie) || adresse[partie].trim() !== "") continue;
+		erreurs.push(partie === "region" && format.region !== null ? {
+			kind: "adresse",
+			partie,
+			nature: format.region.nature
+		} : {
+			kind: "adresse",
+			partie
+		});
+	}
+	const codePostal = format.codePostal;
+	if (codePostal !== null && adresse.codePostal.trim() !== "" && !codePostalValide(adresse.codePostal, adresse.pays)) erreurs.push({
+		kind: "codePostal",
+		partie: "codePostal",
+		exemple: codePostal.exemple
+	});
+	const pays = normaliserCodeDePays(adresse.pays);
+	if (codesDesPays !== void 0 && pays !== "" && !codesDesPays.includes(pays)) erreurs.push({
+		kind: "pays",
+		partie: "pays"
+	});
+	return erreurs;
+}
+function erreurPays(code, codesAdmis) {
+	const pays = normaliserCodeDePays(code);
+	if (pays === "") return null;
+	return codesAdmis.includes(pays) ? null : { kind: "pays" };
+}
+function erreursDeFichiers(fichiers, regles) {
+	const erreurs = [];
+	const { accept = "", tailleMax, nombreMax } = regles;
+	if (nombreMax !== void 0 && fichiers.length > nombreMax) erreurs.push({
+		kind: "fichiersNombre",
+		max: nombreMax
+	});
+	for (const fichier of fichiers) if (!typeDeFichierAccepte(fichier, accept)) erreurs.push({
+		kind: "fichierType",
+		fichier: fichier.name
+	});
+	else if (tailleMax !== void 0 && fichier.size > tailleMax) erreurs.push({
+		kind: "fichierTaille",
+		fichier: fichier.name,
+		max: tailleMax
+	});
+	return erreurs;
+}
+function fusionnerErreurs(formulaire, lecture) {
+	const cle = (erreur) => `${erreur.kind}|${erreur.partie ?? ""}`;
+	const connues = new Set(formulaire.map(cle));
+	return [...formulaire, ...lecture.filter((erreur) => !connues.has(cle(erreur)))];
+}
+const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
+var ContratDeChamp = class ContratDeChamp {
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	touched = input(false, {
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	dirty = input(false, {
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	pending = input(false, {
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	hidden = input(false, {
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
+	maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
+	pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []);
+	touch = output();
+	champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
+	groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
+	desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
+	aideEtRaisons = computed(() => {
+		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
+		const aide = this.aide()?.trim() ?? "";
+		const morceaux = aide === "" ? raisons : [aide, ...raisons];
+		return morceaux.length === 0 ? null : morceaux.join(" ");
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
+	focus(options) {
+		this.champ()?.nativeElement.focus(options);
+	}
+	texteSaisi(evenement) {
+		return evenement.target.value;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ContratDeChamp,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: ContratDeChamp,
+		isStandalone: true,
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			aide: {
+				classPropertyName: "aide",
+				publicName: "aide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dirty: {
+				classPropertyName: "dirty",
+				publicName: "dirty",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pending: {
+				classPropertyName: "pending",
+				publicName: "pending",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabledReasons: {
+				classPropertyName: "disabledReasons",
+				publicName: "disabledReasons",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hidden: {
+				classPropertyName: "hidden",
+				publicName: "hidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minLength: {
+				classPropertyName: "minLength",
+				publicName: "minLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxLength: {
+				classPropertyName: "maxLength",
+				publicName: "maxLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pattern: {
+				classPropertyName: "pattern",
+				publicName: "pattern",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { touch: "touch" },
+		host: { properties: { "attr.hidden": "hidden() ? \"\" : null" } },
+		viewQueries: [{
+			propertyName: "champ",
+			first: true,
+			predicate: ["champ"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ContratDeChamp,
+	decorators: [{
+		type: Directive,
+		args: [{ host: { "[attr.hidden]": "hidden() ? \"\" : null" } }]
+	}],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		aide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aide",
+				required: false
+			}]
+		}],
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		dirty: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dirty",
+				required: false
+			}]
+		}],
+		pending: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pending",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		disabledReasons: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabledReasons",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		hidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hidden",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		minLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minLength",
+				required: false
+			}]
+		}],
+		maxLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLength",
+				required: false
+			}]
+		}],
+		pattern: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pattern",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		champ: [{
+			type: i0.ViewChild,
+			args: ["champ", { isSignal: true }]
+		}]
+	}
+});
+var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
+	min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ContratDeChampABornes,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: ContratDeChampABornes,
+		isStandalone: true,
+		inputs: {
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ContratDeChampABornes,
+	decorators: [{ type: Directive }],
+	propDecorators: {
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}]
+	}
+});
+var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ControleDeSaisie,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: ControleDeSaisie,
+		isStandalone: true,
+		inputs: { value: {
+			classPropertyName: "value",
+			publicName: "value",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { value: "valueChange" },
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ControleDeSaisie,
+	decorators: [{ type: Directive }],
+	propDecorators: { value: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "value",
+			required: false
+		}]
+	}, {
+		type: i0.Output,
+		args: ["valueChange"]
+	}] }
+});
+var ContratDeCase = class ContratDeCase extends ContratDeChamp {
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	surClic(evenement) {
+		if (this.readonly()) evenement.preventDefault();
+	}
+	surBascule(evenement) {
+		const element = evenement.target;
+		if (this.readonly()) {
+			element.checked = this.checked();
+			return;
+		}
+		this.checked.set(element.checked);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ContratDeCase,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: ContratDeCase,
+		isStandalone: true,
+		inputs: { checked: {
+			classPropertyName: "checked",
+			publicName: "checked",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { checked: "checkedChange" },
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ContratDeCase,
+	decorators: [{ type: Directive }],
+	propDecorators: { checked: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "checked",
+			required: false
+		}]
+	}, {
+		type: i0.Output,
+		args: ["checkedChange"]
+	}] }
+});
+var StNomsDesChamps = class StNomsDesChamps {
+	noms = /* @__PURE__ */ new WeakMap();
+	nomDe(element) {
+		const nom = this.noms.get(element);
+		if (nom === void 0) return null;
+		try {
+			return nom();
+		} catch {
+			return null;
+		}
+	}
+	poser(element, nom) {
+		this.noms.set(element, nom);
+	}
+	retirer(element) {
+		this.noms.delete(element);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StNomsDesChamps,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StNomsDesChamps,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StNomsDesChamps,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var PorteurDErreurs = class PorteurDErreurs {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	afficherErreurs = input(false, {
+		...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	toutesLesErreurs = input(false, {
+		...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	obligatoire = input(false, {
+		...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
+	constructor() {
+		const noms = inject(StNomsDesChamps);
+		const element = inject(ElementRef).nativeElement;
+		noms.poser(element, computed(() => this.nom()));
+		inject(DestroyRef).onDestroy(() => {
+			noms.retirer(element);
+		});
+	}
+	libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
+	asterisque = inject(ST_MARQUE_D_OBLIGATION) === "asterisque";
+	aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : /* istanbul ignore next */ []);
+	messages = computed(() => {
+		if (!this.afficherErreurs()) return [];
+		const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
+		const libelles = this.libelles();
+		const locale = this.locale();
+		return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
+	}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
+	descriptions = computed(() => {
+		const ids = [];
+		if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
+		ids.push(...this.descriptionsPropres());
+		if (this.enErreur()) ids.push(this.identifiants.erreur);
+		return ids.length === 0 ? null : ids.join(" ");
+	}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
+	descriptionsPropres() {
+		return [];
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: PorteurDErreurs,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: PorteurDErreurs,
+		isStandalone: true,
+		inputs: {
+			aide: {
+				classPropertyName: "aide",
+				publicName: "aide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			erreurs: {
+				classPropertyName: "erreurs",
+				publicName: "erreurs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			afficherErreurs: {
+				classPropertyName: "afficherErreurs",
+				publicName: "afficherErreurs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			toutesLesErreurs: {
+				classPropertyName: "toutesLesErreurs",
+				publicName: "toutesLesErreurs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			obligatoire: {
+				classPropertyName: "obligatoire",
+				publicName: "obligatoire",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: PorteurDErreurs,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => [],
+	propDecorators: {
+		aide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aide",
+				required: false
+			}]
+		}],
+		erreurs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "erreurs",
+				required: false
+			}]
+		}],
+		afficherErreurs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "afficherErreurs",
+				required: false
+			}]
+		}],
+		toutesLesErreurs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "toutesLesErreurs",
+				required: false
+			}]
+		}],
+		obligatoire: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "obligatoire",
+				required: false
+			}]
+		}]
+	}
+});
+function texteRendu(texte) {
+	return texte === null || texte === void 0 || texte.trim() === "" ? null : texte;
+}
+const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
+	"INPUT",
+	"SELECT",
+	"TEXTAREA",
+	"BUTTON",
+	"METER",
+	"OUTPUT",
+	"PROGRESS"
+]);
+var StControleDeChamp = class StControleDeChamp {
+	champ = inject(StFormField);
+	etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StControleDeChamp,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: StControleDeChamp,
+		isStandalone: true,
+		selector: "[stControleDeChamp]",
+		host: { properties: {
+			"id": "champ.identifiants.controle",
+			"attr.aria-labelledby": "etiquetable ? null : champ.identifiants.libelle",
+			"attr.aria-describedby": "champ.descriptions()",
+			"attr.aria-invalid": "champ.enErreur() ? \"true\" : null",
+			"attr.aria-errormessage": "champ.enErreur() ? champ.identifiants.erreur : null",
+			"attr.aria-required": "champ.obligatoire() ? \"true\" : null"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StControleDeChamp,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[stControleDeChamp]",
+			host: {
+				"[id]": "champ.identifiants.controle",
+				"[attr.aria-labelledby]": "etiquetable ? null : champ.identifiants.libelle",
+				"[attr.aria-describedby]": "champ.descriptions()",
+				"[attr.aria-invalid]": "champ.enErreur() ? \"true\" : null",
+				"[attr.aria-errormessage]": "champ.enErreur() ? champ.identifiants.erreur : null",
+				"[attr.aria-required]": "champ.obligatoire() ? \"true\" : null"
+			}
+		}]
+	}]
+});
+var StFormField = class StFormField extends PorteurDErreurs {
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
+	disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
+	libelleMasque = input(false, {
+		...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
+	identifiants = {
+		controle: this.racine,
+		libelle: `${this.racine}-libelle`,
+		aide: `${this.racine}-aide`,
+		meta: `${this.racine}-meta`,
+		indication: `${this.racine}-indication`,
+		complement: `${this.racine}-complement`,
+		erreur: `${this.racine}-erreur`
+	};
+	complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
+	controle = contentChild(StControleDeChamp, {
+		...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
+		descendants: true,
+		read: ElementRef
+	});
+	zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : /* istanbul ignore next */ []);
+	zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : /* istanbul ignore next */ []);
+	metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : /* istanbul ignore next */ []);
+	indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : /* istanbul ignore next */ []);
+	zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : /* istanbul ignore next */ []);
+	libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : /* istanbul ignore next */ []);
+	nom() {
+		return this.libelle();
+	}
+	constructor() {
+		super();
+		afterEveryRender({ read: () => {
+			const meta = contientQuelqueChose(this.zoneDeMeta()?.nativeElement);
+			if (meta !== this.metaPresente()) this.metaPresente.set(meta);
+			const indication = contientQuelqueChose(this.zoneDIndication()?.nativeElement);
+			if (indication !== this.indicationPresente()) this.indicationPresente.set(indication);
+			const riche = contientQuelqueChose(this.zoneDuLibelleRiche()?.nativeElement);
+			if (riche !== this.libelleRichePresent()) this.libelleRichePresent.set(riche);
+		} });
+		if (typeof ngDevMode === "undefined" || !!ngDevMode) afterNextRender(() => {
+			if (this.controle() === void 0) console.warn(`[st-form-field] "${this.libelle()}" : aucun controle [stControleDeChamp] projete ; etiquette, aide et erreur ne lui sont pas reliees.`);
+		});
+	}
+	prefixeDIdentifiant() {
+		return "st-champ";
+	}
+	descriptionsPropres() {
+		const ids = [];
+		if (this.metaPresente()) ids.push(this.identifiants.meta);
+		ids.push(...this.descriptionsDuControle());
+		if (this.indicationPresente() && !this.enErreur()) ids.push(this.identifiants.indication);
+		if (this.complementRendu() !== null) ids.push(this.identifiants.complement);
+		return ids;
+	}
+	focaliserLeControle() {
+		const controle = this.controle()?.nativeElement;
+		if (controle !== void 0 && !ELEMENTS_ETIQUETABLES.has(controle.tagName)) controle.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StFormField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: StFormField,
+		isStandalone: true,
+		selector: "st-form-field",
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			complement: {
+				classPropertyName: "complement",
+				publicName: "complement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disposition: {
+				classPropertyName: "disposition",
+				publicName: "disposition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			presentation: {
+				classPropertyName: "presentation",
+				publicName: "presentation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelleMasque: {
+				classPropertyName: "libelleMasque",
+				publicName: "libelleMasque",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			descriptionsDuControle: {
+				classPropertyName: "descriptionsDuControle",
+				publicName: "descriptionsDuControle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-en-erreur": "enErreur() ? \"\" : null",
+				"attr.data-disposition": "disposition()",
+				"attr.data-presentation": "presentation()"
+			},
+			classAttribute: "st-form-field"
+		},
+		queries: [{
+			propertyName: "controle",
+			first: true,
+			predicate: StControleDeChamp,
+			descendants: true,
+			read: ElementRef,
+			isSignal: true
+		}],
+		viewQueries: [
+			{
+				propertyName: "zoneDeMeta",
+				first: true,
+				predicate: ["meta"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "zoneDIndication",
+				first: true,
+				predicate: ["indication"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "zoneDuLibelleRiche",
+				first: true,
+				predicate: ["libelleRiche"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}\n        @if (obligatoire() && asterisque) {\n          <span class=\"st-form-field__asterisque\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n      @if (obligatoire() && !asterisque) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__asterisque{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StInlineMessage,
+			selector: "st-inline-message",
+			inputs: [
+				"ton",
+				"identifiant",
+				"annonce",
+				"encadre",
+				"icone"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StFormField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-form-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StInlineMessage],
+			host: {
+				class: "st-form-field",
+				"[attr.data-en-erreur]": "enErreur() ? \"\" : null",
+				"[attr.data-disposition]": "disposition()",
+				"[attr.data-presentation]": "presentation()"
+			},
+			template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}\n        @if (obligatoire() && asterisque) {\n          <span class=\"st-form-field__asterisque\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n      @if (obligatoire() && !asterisque) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__asterisque{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		complement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "complement",
+				required: false
+			}]
+		}],
+		disposition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disposition",
+				required: false
+			}]
+		}],
+		presentation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "presentation",
+				required: false
+			}]
+		}],
+		libelleMasque: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelleMasque",
+				required: false
+			}]
+		}],
+		descriptionsDuControle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "descriptionsDuControle",
+				required: false
+			}]
+		}],
+		controle: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StControleDeChamp), {
+				descendants: true,
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		zoneDeMeta: [{
+			type: i0.ViewChild,
+			args: ["meta", { isSignal: true }]
+		}],
+		zoneDIndication: [{
+			type: i0.ViewChild,
+			args: ["indication", { isSignal: true }]
+		}],
+		zoneDuLibelleRiche: [{
+			type: i0.ViewChild,
+			args: ["libelleRiche", { isSignal: true }]
+		}]
+	}
+});
+function contientQuelqueChose(zone) {
+	return zone !== void 0 && (zone.childElementCount > 0 || zone.textContent.trim() !== "");
+}
+const SEUILS_D_ANNONCE = [
+	20,
+	10,
+	0
+];
+function longueurVue$1(texte) {
+	return Array.from(texte).length;
+}
+var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSaisie {
+	libelles = inject(ST_LIBELLES);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	restants = computed(() => {
+		const maximum = this.maxLength();
+		return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
+	}, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
+	enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : /* istanbul ignore next */ []);
+	compteur = computed(() => {
+		const restants = this.restants();
+		if (restants === null) return null;
+		const libelles = this.libelles();
+		return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
+	}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
+	aideAffichee = computed(() => {
+		const libelles = this.libelles();
+		const minimum = this.minLength();
+		const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
+		if (!this.pending()) return aide;
+		return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
+	}, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
+	erreurs = computed(() => {
+		const maximum = this.maxLength();
+		if (!this.enDepassement() || maximum === void 0) return this.errors();
+		const depassement = {
+			kind: "maxLength",
+			maxLength: maximum
+		};
+		return fusionnerErreurs(this.errors(), [depassement]);
+	}, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : /* istanbul ignore next */ []);
+	afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		let precedent = null;
+		effect(() => {
+			const restants = this.restants();
+			if (restants === null) return;
+			const avant = precedent;
+			precedent = restants;
+			if (avant === null) return;
+			const franchi = SEUILS_D_ANNONCE.some((seuil) => avant > seuil && restants <= seuil) || avant >= 0 && restants < 0;
+			const texte = this.compteur();
+			if (franchi && texte !== null) this.annonce.annoncer(texte);
+		});
+	}
+	surSortie() {
+		this.sorti.set(true);
+		this.touch.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ControleDeSaisieCompte,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: ControleDeSaisieCompte,
+		isStandalone: true,
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ControleDeSaisieCompte,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => []
+});
+const TYPES_DE_GAUCHE_A_DROITE = /* @__PURE__ */ new Set([
+	"email",
+	"tel",
+	"url"
+]);
+const INTERACTIFS = "a[href], button, input, select, textarea, [tabindex]";
+function decrit(zone, attribut) {
+	if (zone === void 0) return false;
+	return Array.from(zone.children).some((element) => element.hasAttribute(attribut) && !element.matches(INTERACTIFS) && element.querySelector(INTERACTIFS) === null && element.textContent.trim() !== "");
+}
+var StInput = class StInput extends ControleDeSaisieCompte {
+	racineDuCadre = inject(StIdentifiants).prochain("st-input");
+	idPrefixe = `${this.racineDuCadre}-prefixe`;
+	idSuffixe = `${this.racineDuCadre}-suffixe`;
+	zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : /* istanbul ignore next */ []);
+	zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : /* istanbul ignore next */ []);
+	emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : /* istanbul ignore next */ []);
+	type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
+	inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	exemple = input(null, ...ngDevMode ? [{ debugName: "exemple" }] : /* istanbul ignore next */ []);
+	chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
+	descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
+	suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
+	idDesSuggestions = `${this.racineDuCadre}-suggestions`;
+	avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
+	attenteVisible = affichageDiffere(() => this.pending());
+	sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		afterEveryRender({ read: () => {
+			const ids = [];
+			if (decrit(this.zoneDePrefixe()?.nativeElement, "stprefixe")) ids.push(this.idPrefixe);
+			if (decrit(this.zoneDeSuffixe()?.nativeElement, "stsuffixe")) ids.push(this.idSuffixe);
+			const avant = this.emplacementsQuiDecrivent();
+			if (ids.length !== avant.length || ids.some((id, i) => id !== avant[i])) this.emplacementsQuiDecrivent.set(ids);
+		} });
+	}
+	surPressionDuCadre(evenement) {
+		if (evenement.button !== 0) return;
+		const cadre = evenement.currentTarget;
+		const interactif = evenement.target.closest(INTERACTIFS);
+		if (interactif !== null && cadre.contains(interactif)) return;
+		evenement.preventDefault();
+		this.focus();
+	}
+	surSaisie(evenement) {
+		this.value.set(this.texteSaisi(evenement));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StInput,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: StInput,
+		isStandalone: true,
+		selector: "st-input",
+		inputs: {
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autocomplete: {
+				classPropertyName: "autocomplete",
+				publicName: "autocomplete",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inputmode: {
+				classPropertyName: "inputmode",
+				publicName: "inputmode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			exemple: {
+				classPropertyName: "exemple",
+				publicName: "exemple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chiffres: {
+				classPropertyName: "chiffres",
+				publicName: "chiffres",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			presentation: {
+				classPropertyName: "presentation",
+				publicName: "presentation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decritPar: {
+				classPropertyName: "decritPar",
+				publicName: "decritPar",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			suggestions: {
+				classPropertyName: "suggestions",
+				publicName: "suggestions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-depassement": "enDepassement() ? \"\" : null" },
+			classAttribute: "st-input"
+		},
+		viewQueries: [{
+			propertyName: "zoneDePrefixe",
+			first: true,
+			predicate: ["prefixe"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "zoneDeSuffixe",
+			first: true,
+			predicate: ["suffixe"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.placeholder]=\"exemple()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StFormField,
+				selector: "st-form-field",
+				inputs: [
+					"libelle",
+					"complement",
+					"disposition",
+					"presentation",
+					"libelleMasque",
+					"descriptionsDuControle"
+				]
+			},
+			{
+				kind: "directive",
+				type: StControleDeChamp,
+				selector: "[stControleDeChamp]"
+			},
+			{
+				kind: "component",
+				type: StIcon,
+				selector: "st-icon",
+				inputs: [
+					"icone",
+					"nom",
+					"variante",
+					"sprite",
+					"nomMetier",
+					"taille",
+					"ton",
+					"etiquette",
+					"miroir"
+				]
+			},
+			{
+				kind: "component",
+				type: StSpinner,
+				selector: "st-spinner",
+				inputs: [
+					"taille",
+					"ton",
+					"etiquette",
+					"icone"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StInput,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-input",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFormField,
+				StControleDeChamp,
+				StIcon,
+				StSpinner
+			],
+			host: {
+				class: "st-input",
+				"[attr.data-depassement]": "enDepassement() ? \"\" : null"
+			},
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.placeholder]=\"exemple()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		zoneDePrefixe: [{
+			type: i0.ViewChild,
+			args: ["prefixe", { isSignal: true }]
+		}],
+		zoneDeSuffixe: [{
+			type: i0.ViewChild,
+			args: ["suffixe", { isSignal: true }]
+		}],
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: false
+			}]
+		}],
+		autocomplete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autocomplete",
+				required: false
+			}]
+		}],
+		inputmode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inputmode",
+				required: false
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
+		}],
+		exemple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exemple",
+				required: false
+			}]
+		}],
+		chiffres: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chiffres",
+				required: false
+			}]
+		}],
+		presentation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "presentation",
+				required: false
+			}]
+		}],
+		decritPar: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decritPar",
+				required: false
+			}]
+		}],
+		suggestions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "suggestions",
+				required: false
+			}]
+		}]
+	}
+});
+var StCheckbox = class StCheckbox extends ContratDeCase {
+	indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
+	aideDEtat = input(false, {
+		...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
+	surChangement(evenement) {
+		this.surBascule(evenement);
+		if (!this.readonly()) this.indetermine.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StCheckbox,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: StCheckbox,
+		isStandalone: true,
+		selector: "st-checkbox",
+		inputs: {
+			indetermine: {
+				classPropertyName: "indetermine",
+				publicName: "indetermine",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			aideDEtat: {
+				classPropertyName: "aideDEtat",
+				publicName: "aideDEtat",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { indetermine: "indetermineChange" },
+		host: {
+			properties: {
+				"attr.data-cochee": "checked() && !indetermine() ? \"\" : null",
+				"attr.data-en-erreur": "enErreur() ? \"\" : null",
+				"attr.data-avec-aide": "aideEtRaisons() === null ? null : \"\"",
+				"attr.data-aide-d-etat": "aideDEtat() ? \"\" : null"
+			},
+			classAttribute: "st-checkbox"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [indeterminate]=\"indetermine()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    (click)=\"surClic($event)\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,[type=checkbox]:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StFormField,
+			selector: "st-form-field",
+			inputs: [
+				"libelle",
+				"complement",
+				"disposition",
+				"presentation",
+				"libelleMasque",
+				"descriptionsDuControle"
+			]
+		}, {
+			kind: "directive",
+			type: StControleDeChamp,
+			selector: "[stControleDeChamp]"
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StCheckbox,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-checkbox",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StFormField, StControleDeChamp],
+			host: {
+				class: "st-checkbox",
+				"[attr.data-cochee]": "checked() && !indetermine() ? \"\" : null",
+				"[attr.data-en-erreur]": "enErreur() ? \"\" : null",
+				"[attr.data-avec-aide]": "aideEtRaisons() === null ? null : \"\"",
+				"[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
+			},
+			template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [indeterminate]=\"indetermine()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    (click)=\"surClic($event)\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,[type=checkbox]:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		indetermine: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "indetermine",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["indetermineChange"]
+		}],
+		aideDEtat: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aideDEtat",
+				required: false
+			}]
+		}]
+	}
+});
+const ST_ETAT_D_ENVOI = new InjectionToken("ST_ETAT_D_ENVOI");
+var StErrorSummary = class StErrorSummary {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	element = inject(ElementRef);
+	injecteur = inject(Injector);
+	envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
+	noms = inject(StNomsDesChamps);
+	erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
+	introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : /* istanbul ignore next */ []);
+	tentative = input(0, {
+		...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
+		transform: (valeur) => numberAttribute(valeur, 0)
+	});
+	erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : /* istanbul ignore next */ []);
+	tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : /* istanbul ignore next */ []);
+	identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
+	lignes = computed(() => {
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const vus = /* @__PURE__ */ new Set();
+		const lignes = [];
+		for (const erreur of this.erreursLues()) {
+			const champ = erreur.fieldTree;
+			if (champ !== void 0) {
+				if (vus.has(champ)) continue;
+				vus.add(champ);
+			}
+			const etat = champ?.();
+			const liaison = etat?.formFieldBindings()[0];
+			const nom = liaison === void 0 ? null : libelleDe(liaison.element, this.noms) ?? libelles.champSansNom(lignes.length + 1);
+			lignes.push({
+				cle: champ ?? lignes.length,
+				libelle: nom === null ? null : libelles.libelleDeChamp(nom),
+				message: messageDErreur(erreur, libelles, locale),
+				aller: () => {
+					etat?.focusBoundControl();
+				}
+			});
+		}
+		return lignes;
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	prefixe = computed(() => this.libelles().tonErreur, ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
+	titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
+	constructor() {
+		let visible = false;
+		let derniereTentative = this.tentativeLue();
+		effect(() => {
+			const maintenant = this.lignes().length > 0;
+			const tentative = this.tentativeLue();
+			const nouvelleTentative = !Object.is(tentative, derniereTentative);
+			derniereTentative = tentative;
+			if (maintenant && (!visible || nouvelleTentative)) afterNextRender(() => {
+				this.focus();
+			}, { injector: this.injecteur });
+			visible = maintenant;
+		});
+		let averti = false;
+		effect(() => {
+			if (!(typeof ngDevMode === "undefined" || !!ngDevMode) || averti || this.envoi !== null || this.erreurs() !== void 0) return;
+			averti = true;
+			console.warn("[st-error-summary] ni [erreurs] ni form[stForm] autour : il ne s affichera jamais.");
+		});
+	}
+	focus(options) {
+		if (this.lignes().length > 0) this.element.nativeElement.focus(options);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StErrorSummary,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: StErrorSummary,
+		isStandalone: true,
+		selector: "st-error-summary",
+		inputs: {
+			erreurs: {
+				classPropertyName: "erreurs",
+				publicName: "erreurs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titre: {
+				classPropertyName: "titre",
+				publicName: "titre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			niveau: {
+				classPropertyName: "niveau",
+				publicName: "niveau",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			introduction: {
+				classPropertyName: "introduction",
+				publicName: "introduction",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tentative: {
+				classPropertyName: "tentative",
+				publicName: "tentative",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.hidden": "lignes().length === 0 ? \"\" : null",
+				"attr.role": "lignes().length === 0 ? null : \"region\"",
+				"attr.tabindex": "lignes().length === 0 ? null : -1",
+				"attr.aria-labelledby": "lignes().length === 0 ? null : identifiantDuTitre"
+			},
+			classAttribute: "st-error-summary"
+		},
+		ngImport: i0,
+		template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n          <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StErrorSummary,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-error-summary",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
+			host: {
+				class: "st-error-summary",
+				"[attr.hidden]": "lignes().length === 0 ? \"\" : null",
+				"[attr.role]": "lignes().length === 0 ? null : \"region\"",
+				"[attr.tabindex]": "lignes().length === 0 ? null : -1",
+				"[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
+			},
+			template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n          <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		erreurs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "erreurs",
+				required: false
+			}]
+		}],
+		titre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titre",
+				required: false
+			}]
+		}],
+		niveau: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "niveau",
+				required: false
+			}]
+		}],
+		introduction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "introduction",
+				required: false
+			}]
+		}],
+		tentative: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tentative",
+				required: false
+			}]
+		}]
+	}
+});
+function libelleDe(element, noms) {
+	const champ = element.matches(".st-form-field") ? element : element.querySelector(":scope > .st-form-field");
+	const socle = (champ === null ? null : noms.nomDe(champ)) ?? champ?.querySelector(":scope > .st-form-field__grille > .st-form-field__entete > [data-libelle]")?.getAttribute("data-libelle");
+	if (socle !== null && socle !== void 0 && socle.trim() !== "") return socle.trim();
+	const groupe = element.querySelector(":scope > .st-fieldset");
+	const legende = (groupe === null ? null : noms.nomDe(groupe)) ?? groupe?.querySelector(":scope > fieldset > legend[data-libelle]")?.getAttribute("data-libelle");
+	if (legende !== null && legende !== void 0 && legende.trim() !== "") return legende.trim();
+	const etiquette = element.labels?.[0]?.textContent.trim();
+	if (etiquette !== void 0 && etiquette !== "") return etiquette;
+	const nom = element.getAttribute("aria-label")?.trim();
+	if (nom !== void 0 && nom !== "") return nom;
+	const reference = element.getAttribute("aria-labelledby");
+	const texte = (reference === null ? null : element.ownerDocument.getElementById(reference))?.textContent.trim();
+	return texte === void 0 || texte === "" ? null : texte;
+}
+var EnvoisDeFormulaire = class EnvoisDeFormulaire {
+	document = inject(DOCUMENT$1);
+	abonnes = /* @__PURE__ */ new Set();
+	surEnvoi = (evenement) => {
+		for (const rappel of this.abonnes) rappel(evenement.target);
+	};
+	abonner(rappel) {
+		if (this.abonnes.size === 0) this.document.addEventListener("submit", this.surEnvoi, true);
+		this.abonnes.add(rappel);
+		return () => {
+			if (!this.abonnes.delete(rappel)) return;
+			if (this.abonnes.size === 0) this.document.removeEventListener("submit", this.surEnvoi, true);
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: EnvoisDeFormulaire,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: EnvoisDeFormulaire,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: EnvoisDeFormulaire,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const ST_ESTIMATEUR_DE_FORCE = new InjectionToken("ST_ESTIMATEUR_DE_FORCE");
+function fournirEstimateurDeForce(chargeur) {
+	return {
+		provide: ST_ESTIMATEUR_DE_FORCE,
+		useValue: chargeur
+	};
+}
+function niveauDuScore(score) {
+	if (!Number.isFinite(score) || score < 3) return 1;
+	return score < 4 ? 2 : 3;
+}
+function longueurVue(texte) {
+	return Array.from(texte).length;
+}
+var StPasswordField = class StPasswordField extends ControleDeSaisie {
+	libelles = inject(ST_LIBELLES);
+	element = inject(ElementRef);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	racineDesParties = inject(StIdentifiants).prochain("st-password-field");
+	idRegles = `${this.racineDesParties}-regles`;
+	idMajuscules = `${this.racineDesParties}-majuscules`;
+	idJauge = `${this.racineDesParties}-jauge`;
+	chargeurDeForce = inject(ST_ESTIMATEUR_DE_FORCE, { optional: true });
+	usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
+	regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
+	titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
+	jauge = input(false, {
+		...ngDevMode ? { debugName: "jauge" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	motsDeForce = input(null, ...ngDevMode ? [{ debugName: "motsDeForce" }] : /* istanbul ignore next */ []);
+	formeDeJauge = input("compacte", ...ngDevMode ? [{ debugName: "formeDeJauge" }] : /* istanbul ignore next */ []);
+	dispositionDesRegles = input("encadre", ...ngDevMode ? [{ debugName: "dispositionDesRegles" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	jaugeActive = computed(() => this.jauge() && this.usage() === "creation", ...ngDevMode ? [{ debugName: "jaugeActive" }] : /* istanbul ignore next */ []);
+	niveauDeForce = signal(0, ...ngDevMode ? [{ debugName: "niveauDeForce" }] : /* istanbul ignore next */ []);
+	segmentsDeForce = [
+		1,
+		2,
+		3
+	];
+	jaugeEtendue = computed(() => this.jaugeActive() && this.formeDeJauge() === "etendue", ...ngDevMode ? [{ debugName: "jaugeEtendue" }] : /* istanbul ignore next */ []);
+	barresPleines = signal(0, ...ngDevMode ? [{ debugName: "barresPleines" }] : /* istanbul ignore next */ []);
+	barresDeForce = [
+		1,
+		2,
+		3,
+		4
+	];
+	motDeForce = computed(() => {
+		const niveau = this.niveauDeForce();
+		if (niveau === 0) return "";
+		return (this.motsDeForce() ?? this.libelles().niveauxDeForce)[niveau - 1] ?? "";
+	}, ...ngDevMode ? [{ debugName: "motDeForce" }] : /* istanbul ignore next */ []);
+	reglePendante = computed(() => {
+		const valeur = this.value();
+		return this.regles().some((regle) => typeof regle !== "string" && regle.respectee !== void 0 && !regle.respectee(valeur));
+	}, ...ngDevMode ? [{ debugName: "reglePendante" }] : /* istanbul ignore next */ []);
+	estimateur = null;
+	minuterieDeForce;
+	revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
+	majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
+	autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
+	reglesRendues = computed(() => {
+		if (this.usage() !== "creation") return [];
+		const valeur = this.value();
+		return this.regles().map((regle) => typeof regle === "string" ? {
+			texte: regle,
+			respectee: false,
+			testee: false
+		} : {
+			texte: regle.texte,
+			respectee: regle.respectee?.(valeur) ?? false,
+			testee: regle.respectee !== void 0
+		});
+	}, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
+	titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : /* istanbul ignore next */ []);
+	compteur = computed(() => {
+		const maximum = this.maxLength();
+		if (maximum === void 0) return null;
+		const restants = maximum - longueurVue(this.value());
+		const libelles = this.libelles();
+		return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
+	}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
+	descriptionsDuControle = computed(() => {
+		const ids = [];
+		if (this.jaugeActive() && !this.jaugeEtendue() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
+		if (this.reglesRendues().length > 0) ids.push(this.idRegles);
+		if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
+		return ids;
+	}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
+			if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
+		});
+		const destruction = inject(DestroyRef);
+		destruction.onDestroy(desabonner);
+		destruction.onDestroy(() => {
+			clearTimeout(this.minuterieDeForce);
+		});
+		effect(() => {
+			if (!this.jaugeActive()) return;
+			const valeur = this.value();
+			const plafonnee = this.reglePendante();
+			clearTimeout(this.minuterieDeForce);
+			if (valeur === "") {
+				this.niveauDeForce.set(0);
+				this.barresPleines.set(0);
+				return;
+			}
+			this.minuterieDeForce = setTimeout(() => {
+				this.estimerLaForce(valeur, plafonnee);
+			}, delai.frappe);
+		});
+	}
+	async estimerLaForce(valeur, plafonnee) {
+		const chargeur = this.chargeurDeForce;
+		if (chargeur === null) {
+			if (typeof ngDevMode === "undefined" || !!ngDevMode) throw new Error("st-password-field : jauge sans estimateur. Fournir fournirEstimateurDeForce(...) (ADR web 0011).");
+			return;
+		}
+		this.estimateur ??= chargeur();
+		const estimateur = await this.estimateur;
+		if (valeur !== this.value()) return;
+		const score = estimateur.estimer(valeur);
+		const niveau = plafonnee ? 1 : niveauDuScore(score);
+		this.barresPleines.set(plafonnee ? 1 : Math.min(4, Math.max(1, Math.round(score))));
+		if (niveau === this.niveauDeForce()) return;
+		this.niveauDeForce.set(niveau);
+		this.annonce.annoncer(this.libelles().forceAnnoncee(this.motDeForce()));
+	}
+	basculer() {
+		if (this.readonly() || this.desactive()) return;
+		this.revele.update((revele) => !revele);
+		const hote = this.element.nativeElement;
+		if (this.revele() && !hote.contains(hote.ownerDocument.activeElement)) this.focus();
+	}
+	surSaisie(evenement) {
+		this.value.set(this.texteSaisi(evenement));
+	}
+	surTouche(evenement) {
+		if (typeof evenement.getModifierState !== "function") return;
+		const actif = evenement.getModifierState("CapsLock");
+		if (actif === this.majusculesVerrouillees()) return;
+		this.majusculesVerrouillees.set(actif);
+		if (actif) this.annonce.annoncer(this.libelles().verrouillageMajuscules);
+	}
+	remasquer() {
+		this.revele.set(false);
+	}
+	aLaSortie(evenement) {
+		const suivant = evenement.relatedTarget;
+		if (suivant !== null && this.element.nativeElement.contains(suivant)) return;
+		this.revele.set(false);
+		this.majusculesVerrouillees.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StPasswordField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: StPasswordField,
+		isStandalone: true,
+		selector: "st-password-field",
+		inputs: {
+			usage: {
+				classPropertyName: "usage",
+				publicName: "usage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			regles: {
+				classPropertyName: "regles",
+				publicName: "regles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titreDesRegles: {
+				classPropertyName: "titreDesRegles",
+				publicName: "titreDesRegles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			jauge: {
+				classPropertyName: "jauge",
+				publicName: "jauge",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motsDeForce: {
+				classPropertyName: "motsDeForce",
+				publicName: "motsDeForce",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formeDeJauge: {
+				classPropertyName: "formeDeJauge",
+				publicName: "formeDeJauge",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dispositionDesRegles: {
+				classPropertyName: "dispositionDesRegles",
+				publicName: "dispositionDesRegles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: {
+				"focusout": "aLaSortie($event)",
+				"window:beforeprint": "remasquer()"
+			},
+			classAttribute: "st-password-field"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <!-- La jauge etendue (0.11.1) dit son niveau dans la meta : « Force : en attente », puis le mot. -->\n  @if (jaugeEtendue()) {\n    <span stMeta class=\"st-password-field__force-meta\"\n      >{{ libelles().forceDuMotDePasse }}&nbsp;:\n      {{ niveauDeForce() === 0 ? libelles().forceEnAttente : motDeForce() }}</span\n    >\n  }\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\" [attr.data-avec-icone]=\"icone() === null ? null : ''\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-password-field__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- La jauge etendue (0.11.1) : quatre barres collees sous le champ, avant les regles. -->\n@if (jaugeEtendue()) {\n  <span\n    class=\"st-password-field__barres\"\n    role=\"meter\"\n    aria-valuemin=\"1\"\n    aria-valuemax=\"3\"\n    [id]=\"idJauge\"\n    [attr.aria-valuenow]=\"niveauDeForce() || null\"\n    [attr.aria-valuetext]=\"motDeForce() || null\"\n    [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n    [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n  >\n    @for (barre of barresDeForce; track barre) {\n      <span\n        class=\"st-password-field__barre\"\n        [attr.data-plein]=\"barresPleines() >= barre ? '' : null\"\n      ></span>\n    }\n  </span>\n}\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles et la jauge, que l'on\n     voit bouger en tapant, ne sautent pas quand la touche bascule. Sans rien qui suive (connexion,\n     confirmation, 0.11.1), l'avertissement se pose a la demande ; avec la jauge etendue, sous les\n     regles. -->\n@if (usage() === 'creation' && !jaugeEtendue() && (jaugeActive() || reglesRendues().length > 0)) {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (!jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n     place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive() && !jaugeEtendue()) {\n  <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n    <span\n      class=\"st-password-field__segments\"\n      role=\"meter\"\n      aria-valuemin=\"1\"\n      aria-valuemax=\"3\"\n      [attr.aria-valuenow]=\"niveauDeForce() || null\"\n      [attr.aria-valuetext]=\"motDeForce() || null\"\n      [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n      [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n    >\n      @for (segment of segmentsDeForce; track segment) {\n        <span\n          class=\"st-password-field__segment\"\n          [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n        ></span>\n      }\n    </span>\n    <span class=\"st-password-field__force\">\n      @if (niveauDeForce() !== 0) {\n        {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n      }\n    </span>\n  </div>\n}\n\n@if (reglesRendues().length > 0 && dispositionDesRegles() === 'ligne') {\n  <!-- Les regles en ligne (0.11.1) : a la suite, sans carte ni titre ; la coche pour celles qui se testent. -->\n  <p class=\"st-password-field__regles-en-ligne\" [id]=\"idRegles\">\n    @for (regle of reglesRendues(); track $index) {\n      <span\n        class=\"st-password-field__regle-en-ligne\"\n        [attr.data-respectee]=\"regle.respectee ? '' : null\"\n      >\n        @if (regle.testee) {\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span\n            >{{ regle.texte\n            }}<span class=\"st-vh\">\n              ({{\n                regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee\n              }})</span\n            ></span\n          >\n        } @else {\n          <span>{{ regle.texte }}</span>\n        }\n      </span>\n    }\n  </p>\n} @else if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__champ::-ms-reveal,.st-password-field__champ::-ms-clear{display:none}.st-password-field__icone{position:absolute;inset-block:0;inset-inline-start:var(--st-espacement-3-5);block-size:var(--st-espacement-5);margin-block:auto;color:var(--st-couleur-texte-attenue);pointer-events:none}.st-password-field__cadre[data-avec-icone] .st-password-field__champ{padding-inline-start:calc(var(--st-espacement-3-5) + var(--st-espacement-5) + var(--st-espacement-2-5))}.st-password-field__force-meta{white-space:nowrap}.st-password-field__barres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-1-5)}.st-password-field__barre{block-size:var(--st-espacement-1);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-xs);forced-color-adjust:none}.st-password-field__barre[data-plein]{background:var(--st-couleur-texte-discret)}.st-password-field__regles-en-ligne{margin:var(--st-espacement-1-5) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-password-field__regle-en-ligne+.st-password-field__regle-en-ligne{margin-inline-start:var(--st-espacement-1)}.st-password-field__regle-en-ligne>.st-password-field__coche{margin-inline-end:var(--st-espacement-1);vertical-align:text-bottom}.st-password-field__regle-en-ligne[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StFormField,
+				selector: "st-form-field",
+				inputs: [
+					"libelle",
+					"complement",
+					"disposition",
+					"presentation",
+					"libelleMasque",
+					"descriptionsDuControle"
+				]
+			},
+			{
+				kind: "directive",
+				type: StControleDeChamp,
+				selector: "[stControleDeChamp]"
+			},
+			{
+				kind: "component",
+				type: StIcon,
+				selector: "st-icon",
+				inputs: [
+					"icone",
+					"nom",
+					"variante",
+					"sprite",
+					"nomMetier",
+					"taille",
+					"ton",
+					"etiquette",
+					"miroir"
+				]
+			},
+			{
+				kind: "component",
+				type: StIconButton,
+				selector: "button[stIconButton]",
+				inputs: [
+					"icone",
+					"etiquette",
+					"variante",
+					"taille",
+					"tailleDuGlyphe",
+					"enfonce",
+					"iconeEnfoncee",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			},
+			{
+				kind: "component",
+				type: StInlineMessage,
+				selector: "st-inline-message",
+				inputs: [
+					"ton",
+					"identifiant",
+					"annonce",
+					"encadre",
+					"icone"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StPasswordField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-password-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFormField,
+				StControleDeChamp,
+				StIcon,
+				StIconButton,
+				StInlineMessage
+			],
+			host: {
+				class: "st-password-field",
+				"(focusout)": "aLaSortie($event)",
+				"(window:beforeprint)": "remasquer()"
+			},
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <!-- La jauge etendue (0.11.1) dit son niveau dans la meta : « Force : en attente », puis le mot. -->\n  @if (jaugeEtendue()) {\n    <span stMeta class=\"st-password-field__force-meta\"\n      >{{ libelles().forceDuMotDePasse }}&nbsp;:\n      {{ niveauDeForce() === 0 ? libelles().forceEnAttente : motDeForce() }}</span\n    >\n  }\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\" [attr.data-avec-icone]=\"icone() === null ? null : ''\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-password-field__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- La jauge etendue (0.11.1) : quatre barres collees sous le champ, avant les regles. -->\n@if (jaugeEtendue()) {\n  <span\n    class=\"st-password-field__barres\"\n    role=\"meter\"\n    aria-valuemin=\"1\"\n    aria-valuemax=\"3\"\n    [id]=\"idJauge\"\n    [attr.aria-valuenow]=\"niveauDeForce() || null\"\n    [attr.aria-valuetext]=\"motDeForce() || null\"\n    [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n    [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n  >\n    @for (barre of barresDeForce; track barre) {\n      <span\n        class=\"st-password-field__barre\"\n        [attr.data-plein]=\"barresPleines() >= barre ? '' : null\"\n      ></span>\n    }\n  </span>\n}\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles et la jauge, que l'on\n     voit bouger en tapant, ne sautent pas quand la touche bascule. Sans rien qui suive (connexion,\n     confirmation, 0.11.1), l'avertissement se pose a la demande ; avec la jauge etendue, sous les\n     regles. -->\n@if (usage() === 'creation' && !jaugeEtendue() && (jaugeActive() || reglesRendues().length > 0)) {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (!jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n     place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive() && !jaugeEtendue()) {\n  <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n    <span\n      class=\"st-password-field__segments\"\n      role=\"meter\"\n      aria-valuemin=\"1\"\n      aria-valuemax=\"3\"\n      [attr.aria-valuenow]=\"niveauDeForce() || null\"\n      [attr.aria-valuetext]=\"motDeForce() || null\"\n      [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n      [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n    >\n      @for (segment of segmentsDeForce; track segment) {\n        <span\n          class=\"st-password-field__segment\"\n          [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n        ></span>\n      }\n    </span>\n    <span class=\"st-password-field__force\">\n      @if (niveauDeForce() !== 0) {\n        {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n      }\n    </span>\n  </div>\n}\n\n@if (reglesRendues().length > 0 && dispositionDesRegles() === 'ligne') {\n  <!-- Les regles en ligne (0.11.1) : a la suite, sans carte ni titre ; la coche pour celles qui se testent. -->\n  <p class=\"st-password-field__regles-en-ligne\" [id]=\"idRegles\">\n    @for (regle of reglesRendues(); track $index) {\n      <span\n        class=\"st-password-field__regle-en-ligne\"\n        [attr.data-respectee]=\"regle.respectee ? '' : null\"\n      >\n        @if (regle.testee) {\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span\n            >{{ regle.texte\n            }}<span class=\"st-vh\">\n              ({{\n                regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee\n              }})</span\n            ></span\n          >\n        } @else {\n          <span>{{ regle.texte }}</span>\n        }\n      </span>\n    }\n  </p>\n} @else if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__champ::-ms-reveal,.st-password-field__champ::-ms-clear{display:none}.st-password-field__icone{position:absolute;inset-block:0;inset-inline-start:var(--st-espacement-3-5);block-size:var(--st-espacement-5);margin-block:auto;color:var(--st-couleur-texte-attenue);pointer-events:none}.st-password-field__cadre[data-avec-icone] .st-password-field__champ{padding-inline-start:calc(var(--st-espacement-3-5) + var(--st-espacement-5) + var(--st-espacement-2-5))}.st-password-field__force-meta{white-space:nowrap}.st-password-field__barres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-1-5)}.st-password-field__barre{block-size:var(--st-espacement-1);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-xs);forced-color-adjust:none}.st-password-field__barre[data-plein]{background:var(--st-couleur-texte-discret)}.st-password-field__regles-en-ligne{margin:var(--st-espacement-1-5) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-password-field__regle-en-ligne+.st-password-field__regle-en-ligne{margin-inline-start:var(--st-espacement-1)}.st-password-field__regle-en-ligne>.st-password-field__coche{margin-inline-end:var(--st-espacement-1);vertical-align:text-bottom}.st-password-field__regle-en-ligne[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		usage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usage",
+				required: false
+			}]
+		}],
+		regles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "regles",
+				required: false
+			}]
+		}],
+		titreDesRegles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titreDesRegles",
+				required: false
+			}]
+		}],
+		jauge: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "jauge",
+				required: false
+			}]
+		}],
+		motsDeForce: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motsDeForce",
+				required: false
+			}]
+		}],
+		formeDeJauge: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formeDeJauge",
+				required: false
+			}]
+		}],
+		dispositionDesRegles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dispositionDesRegles",
+				required: false
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
+		}]
+	}
+});
+const CHIFFRE_DECIMAL = /\p{Nd}/u;
+function chiffreAscii(chiffre) {
+	const code = chiffre.codePointAt(0) ?? 0;
+	let debut = code;
+	while (CHIFFRE_DECIMAL.test(String.fromCodePoint(debut - 1))) debut -= 1;
+	return String((code - debut) % 10);
+}
+function nettoyerLeCode(texte) {
+	return texte.replace(/\p{Nd}/gu, chiffreAscii).replace(/\D/g, "");
+}
+var StOtpField = class StOtpField extends ControleDeSaisie {
+	libelles = inject(ST_LIBELLES);
+	longueur = input(6, {
+		...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
+	aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
+	surSaisie(evenement) {
+		const champ = evenement.target;
+		const code = nettoyerLeCode(champ.value);
+		if (champ.value !== code) {
+			champ.value = code;
+			champ.setSelectionRange(code.length, code.length);
+		}
+		this.value.set(code);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StOtpField,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: StOtpField,
+		isStandalone: true,
+		selector: "st-otp-field",
+		inputs: {
+			longueur: {
+				classPropertyName: "longueur",
+				publicName: "longueur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decritPar: {
+				classPropertyName: "decritPar",
+				publicName: "decritPar",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "st-otp-field" },
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"decritPar()\"\n>\n  <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n       0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n  <div class=\"st-otp-field__ligne\">\n    <input\n      #champ\n      class=\"st-otp-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      dir=\"ltr\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <ng-content select=\"[stRenvoi]\" />\n  </div>\n</st-form-field>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StFormField,
+			selector: "st-form-field",
+			inputs: [
+				"libelle",
+				"complement",
+				"disposition",
+				"presentation",
+				"libelleMasque",
+				"descriptionsDuControle"
+			]
+		}, {
+			kind: "directive",
+			type: StControleDeChamp,
+			selector: "[stControleDeChamp]"
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StOtpField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-otp-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StFormField, StControleDeChamp],
+			host: { class: "st-otp-field" },
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"decritPar()\"\n>\n  <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n       0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n  <div class=\"st-otp-field__ligne\">\n    <input\n      #champ\n      class=\"st-otp-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      dir=\"ltr\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <ng-content select=\"[stRenvoi]\" />\n  </div>\n</st-form-field>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		longueur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "longueur",
+				required: false
+			}]
+		}],
+		decritPar: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decritPar",
+				required: false
+			}]
+		}]
+	}
+});
+function normaliserPourRecherche(texte, locale) {
+	return texte.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase(locale).trim();
+}
+function filtrerOptions(options, recherche, locale) {
+	const cherche = normaliserPourRecherche(recherche, locale);
+	if (cherche === "") return options;
+	return options.filter((option) => normaliserPourRecherche(option.libelle, locale).includes(cherche));
+}
+function groupesDOptions(options) {
+	const blocs = [];
+	for (const option of options) {
+		const groupe = option.groupe ?? null;
+		const dernier = blocs.at(-1);
+		if (dernier?.groupe === groupe) dernier.options.push(option);
+		else blocs.push({
+			cle: option.valeur,
+			groupe,
+			options: [option]
+		});
+	}
+	return blocs;
+}
+export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ControleDeSaisieCompte, EnvoisDeFormulaire, PorteurDErreurs, ST_ESTIMATEUR_DE_FORCE, ST_ETAT_D_ENVOI, ST_GROUPE_DE_SAISIE, StCheckbox, StControleDeChamp, StErrorSummary, StFormField, StInput, StOtpField, StPasswordField, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fournirEstimateurDeForce, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal, niveauDuScore, normaliserPourRecherche };
+
+//# sourceMappingURL=starterlib-ui-saisie-base-Bj-Wzk1h.mjs.map