@starterlib/ui 0.7.2 → 0.9.0

package/fesm2022/starterlib-ui-formulaires.mjs

@@ -1,446 +1,3190 @@
-import * as i0 from '@angular/core';
-import { inject, model, input, signal, computed, ChangeDetectionStrategy, Component, ElementRef, Injector, viewChild, afterNextRender } from '@angular/core';
-import { transformedValue } from '@angular/forms/signals';
-import { ContratDeChamp, ST_LIBELLES, ST_LOCALE, fusionnerErreurs, StFormField, StControleDeChamp, StCalendar, motifLocal, exempleDeDate, StIconButton, messageDErreur, StFieldset } from '@starterlib/ui';
-import { lireMontant, decimalesDe, formaterMontant, montant, lireDate, formaterDateSaisie } from '@starterlib/util';
-
-/**
- * Montant, en UNITES MINEURES : `123456n` pour 1 234,56 EUR.
- *
- * ```html
- * <st-amount-field libelle="Montant du virement" devise="EUR" [formField]="virement.montant" />
- * ```
- *
- * ⚠️ **Jamais un nombre a virgule flottante** (SEC-8) : le modele est un `bigint`,
- * lu chiffre par chiffre par `lireMontant`. `0,1 + 0,2` ne fait pas `0,3`, et
- * 1 234,56 EUR ne doit pas devenir 1 234,5599999.
- *
- * ⚠️ **Un texte ambigu est refuse, jamais devine.** « 1.250 » en francais serait
- * mille deux cent cinquante ou un virgule vingt-cinq : le champ dit l'erreur et
- * garde le texte, plutot que d'envoyer un montant mille fois trop grand. Une
- * saisie illisible laisse le MODELE inchange et rend le formulaire invalide, par
- * `transformedValue` : il ne part pas avec l'ancien montant.
- *
- * Le groupement « 1 234,56 » s'applique a la sortie du champ, jamais pendant la
- * frappe. `type="text"` et `inputmode="decimal"` : `type="number"` accepte
- * « 1e5 », change la valeur a la molette, et ignore la virgule selon le navigateur.
- *
- * Les bornes — montant minimal, plafond — sont des regles du schema, en unites
- * mineures ; le serveur les revalide (SEC-5).
- */
-class StAmountField extends ContratDeChamp {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    value = model(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** Code ISO 4217. Fixe l'echelle : 2 decimales en euros, 0 en yens. */
-    devise = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "devise" }] : /* istanbul ignore next */ []));
-    /** `transaction-amount` pour un paiement. */
-    autocomplete = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    /**
-     * Quitte au moins une fois. Relie a un formulaire, `touched` le dit ; employe
-     * seul, rien ne le dirait, et une saisie illisible ne s'afficherait jamais.
-     */
-    quitte = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []));
-    saisie = transformedValue(this.value, {
-        parse: (texte) => {
-            if (texte.trim() === '')
-                return { value: null };
-            const devise = this.devise();
-            const lecture = lireMontant(texte, devise, this.locale());
-            if (lecture.lu)
-                return { value: lecture.unitesMineures };
-            return {
-                error: lecture.raison === 'decimales'
-                    ? { kind: 'decimales', decimales: decimalesDe(devise) }
-                    : { kind: 'montant', devise },
-            };
-        },
-        format: (valeur) => this.formater(valeur),
-    });
-    erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []));
-    /** Symbole affiche a cote du champ ; le nom de la devise, lui, est lu. */
-    symbole = computed(() => new Intl.NumberFormat(this.locale(), { style: 'currency', currency: this.devise() })
-        .formatToParts(0)
-        .find((partie) => partie.type === 'currency')?.value ?? this.devise(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "symbole" }] : /* istanbul ignore next */ []));
-    deviseLue = computed(() => {
-        const nom = new Intl.DisplayNames(this.locale(), { type: 'currency' }).of(this.devise()) ?? this.devise();
-        return this.libelles().deviseDuMontant(nom);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "deviseLue" }] : /* istanbul ignore next */ []));
-    surSaisie(evenement) {
-        this.saisie.set(this.texteSaisi(evenement));
-    }
-    aLaSortie() {
-        // Regroupe « 1234,5 » en « 1 234,50 » ; un texte illisible reste tel quel,
-        // pour etre corrige et non retape.
-        if (this.saisie.parseErrors().length === 0)
-            this.saisie.set(this.formater(this.value()));
-        this.quitte.set(true);
-        this.touch.emit();
-    }
-    formater(valeur) {
-        if (valeur === null)
-            return '';
-        return formaterMontant(montant(valeur, this.devise()), {
-            locale: this.locale(),
-            sansDevise: true,
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StAmountField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StAmountField, isStandalone: true, selector: "st-amount-field", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, devise: { classPropertyName: "devise", publicName: "devise", isSignal: true, isRequired: true, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "st-amount-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [complement]=\"deviseLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-amount-field__ligne\">\n    <input\n      #champ\n      class=\"st-amount-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"decimal\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\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-amount-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-amount-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-amount-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{max-inline-size:16rem;font-variant-numeric:tabular-nums;text-align:end}.st-amount-field__devise{color:var(--st-couleur-texte-discret)}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, Directive, ElementRef, InjectionToken, Injector, afterNextRender, booleanAttribute, computed, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, signal, untracked, viewChild, viewChildren } from "@angular/core";
+import { submit, transformedValue } from "@angular/forms/signals";
+import { ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_ETAT_D_ENVOI, StCalendar, StControleDeChamp, StFieldset, StFormField, StRadioGroup, StSelect, erreurTelephone, exempleDeDate, fusionnerErreurs, messageDErreur, motifDHeureLocal, motifLocal } from "@starterlib/ui/saisie";
+import { AnnonceLocale, ST_LIBELLES, ST_LOCALE, StIcon, StIconButton, StIdentifiants, StText, catalogueDuPointDEntree } from "@starterlib/ui";
+import { decimalesDe, decrireRecurrence, estHeureIso, exempleDHeure, formaterDateSaisie, formaterHeureSaisie, formaterMontant, formaterNombre, heureSurDouze, lireDate, lireHeure, lireMontant, lireNombre, montant, nomDuFuseau, normaliserTelephone } from "@starterlib/util";
+import { NgTemplateOutlet } from "@angular/common";
+var StForm = class StForm {
+	destruction = inject(DestroyRef);
+	stForm = input.required(...ngDevMode ? [{ debugName: "stForm" }] : 	/* istanbul ignore next */ []);
+	envoyerAvec = input(null, ...ngDevMode ? [{ debugName: "envoyerAvec" }] : 	/* istanbul ignore next */ []);
+	envoi = output();
+	tentatives = signal(0, ...ngDevMode ? [{ debugName: "tentatives" }] : 	/* istanbul ignore next */ []);
+	envoiEnCours = signal(false, ...ngDevMode ? [{ debugName: "envoiEnCours" }] : 	/* istanbul ignore next */ []);
+	tentative = this.tentatives.asReadonly();
+	enCours = computed(() => this.envoiEnCours() || this.stForm()().submitting(), ...ngDevMode ? [{ debugName: "enCours" }] : 	/* istanbul ignore next */ []);
+	recapitulatif = computed(() => this.tentatives() > 0 && !this.enCours() ? this.stForm()().errorSummary() : [], ...ngDevMode ? [{ debugName: "recapitulatif" }] : 	/* istanbul ignore next */ []);
+	async surEnvoi(evenement) {
+		evenement.preventDefault();
+		if (this.enCours()) return;
+		this.tentatives.update((nombre) => nombre + 1);
+		this.envoiEnCours.set(true);
+		const formulaire = this.stForm();
+		const envoyer = this.envoyerAvec();
+		let envoyee = formulaire().value();
+		try {
+			if (!await submit(formulaire, { action: (champ) => {
+				envoyee = champ().value();
+				return envoyer === null ? Promise.resolve(void 0) : envoyer(champ);
+			} }) || this.destruction.destroyed) return;
+			formulaire().reset();
+			this.tentatives.set(0);
+		} finally {
+			this.envoiEnCours.set(false);
+		}
+		this.envoi.emit(envoyee);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StForm,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StForm,
+		isStandalone: true,
+		selector: "form[stForm]",
+		inputs: {
+			stForm: {
+				classPropertyName: "stForm",
+				publicName: "stForm",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			envoyerAvec: {
+				classPropertyName: "envoyerAvec",
+				publicName: "envoyerAvec",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { envoi: "envoi" },
+		host: {
+			attributes: { "novalidate": "" },
+			listeners: { "submit": "surEnvoi($event)" },
+			properties: { "attr.aria-busy": "enCours() ? \"true\" : null" }
+		},
+		providers: [{
+			provide: ST_ETAT_D_ENVOI,
+			useExisting: StForm
+		}],
+		exportAs: ["stForm"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StForm,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "form[stForm]",
+			exportAs: "stForm",
+			providers: [{
+				provide: ST_ETAT_D_ENVOI,
+				useExisting: StForm
+			}],
+			host: {
+				novalidate: "",
+				"[attr.aria-busy]": "enCours() ? \"true\" : null",
+				"(submit)": "surEnvoi($event)"
+			}
+		}]
+	}],
+	propDecorators: {
+		stForm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stForm",
+				required: true
+			}]
+		}],
+		envoyerAvec: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "envoyerAvec",
+				required: false
+			}]
+		}],
+		envoi: [{
+			type: i0.Output,
+			args: ["envoi"]
+		}]
+	}
+});
+const CODE_DE_DEVISE = /^[A-Za-z]{3}$/;
+var StAmountField = class StAmountField extends ContratDeChamp {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	idDevise = `${inject(StIdentifiants).prochain("st-amount-field")}-devise`;
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	devise = input.required(...ngDevMode ? [{ debugName: "devise" }] : 	/* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
+	complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : 	/* istanbul ignore next */ []);
+	pleineLargeur = input(false, {
+		...ngDevMode ? { debugName: "pleineLargeur" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	avertie = false;
+	deviseSure = computed(() => {
+		const code = this.devise().trim();
+		if (CODE_DE_DEVISE.test(code)) return code.toUpperCase();
+		if (isDevMode() && !this.avertie && code !== "") {
+			this.avertie = true;
+			console.warn(`[st-amount-field] "${code}" : code ISO 4217 de trois lettres attendu.`);
+		}
+		return null;
+	}, ...ngDevMode ? [{ debugName: "deviseSure" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (texte) => {
+			const devise = this.deviseSure();
+			if (texte.trim() === "" || devise === null) return { value: null };
+			const lecture = lireMontant(texte, devise, this.locale());
+			if (lecture.lu) return { value: lecture.unitesMineures };
+			return {
+				value: null,
+				error: lecture.raison === "decimales" ? {
+					kind: "decimales",
+					decimales: decimalesDe(devise)
+				} : {
+					kind: "montant",
+					devise
+				}
+			};
+		},
+		format: (valeur) => this.formater(valeur)
+	});
+	lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : 	/* istanbul ignore next */ []);
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors().map((erreur) => this.borneEnDevise(erreur)), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	parties = computed(() => {
+		const devise = this.deviseSure();
+		if (devise === null) return null;
+		try {
+			const parties = new Intl.NumberFormat(this.locale(), {
+				style: "currency",
+				currency: devise
+			}).formatToParts(1);
+			const symbole = parties.find((partie) => partie.type === "currency")?.value ?? devise;
+			const rangDuSymbole = parties.findIndex((partie) => partie.type === "currency");
+			const rangDuNombre = parties.findIndex((partie) => partie.type === "integer");
+			return {
+				symbole,
+				avant: rangDuSymbole >= 0 && rangDuSymbole < rangDuNombre
+			};
+		} catch {
+			return {
+				symbole: devise,
+				avant: false
+			};
+		}
+	}, ...ngDevMode ? [{ debugName: "parties" }] : 	/* istanbul ignore next */ []);
+	symbole = computed(() => this.parties()?.symbole ?? "", ...ngDevMode ? [{ debugName: "symbole" }] : 	/* istanbul ignore next */ []);
+	symboleAvant = computed(() => this.parties()?.avant ?? false, ...ngDevMode ? [{ debugName: "symboleAvant" }] : 	/* istanbul ignore next */ []);
+	deviseLue = computed(() => {
+		const devise = this.deviseSure();
+		if (devise === null) return null;
+		let nom = devise;
+		try {
+			nom = new Intl.DisplayNames(this.locale(), { type: "currency" }).of(devise) ?? devise;
+		} catch {}
+		return this.libelles().deviseDuMontant(nom);
+	}, ...ngDevMode ? [{ debugName: "deviseLue" }] : 	/* istanbul ignore next */ []);
+	descriptionsDuControle = computed(() => [...this.decritPar(), ...this.deviseLue() === null ? [] : [this.idDevise]], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		super();
+		let precedente;
+		effect(() => {
+			const devise = this.deviseSure();
+			untracked(() => {
+				const premiere = precedente === void 0;
+				const changee = devise !== precedente;
+				precedente = devise;
+				if (premiere || !changee || devise === null) return;
+				const texte = this.saisie();
+				if (texte.trim() !== "") this.saisie.set(texte);
+				else if (this.value() !== null) this.saisie.set(this.formater(this.value()));
+			});
+		});
+	}
+	surPressionDuCadre(evenement) {
+		if (evenement.button !== 0 || evenement.target instanceof HTMLInputElement) return;
+		evenement.preventDefault();
+		this.focus();
+	}
+	surSaisie(evenement) {
+		this.saisie.set(this.texteSaisi(evenement));
+	}
+	aLaSortie() {
+		if (this.saisie.parseErrors().length === 0) {
+			const tape = this.saisie();
+			const groupe = this.formater(this.value());
+			this.saisie.set(groupe);
+			const devise = this.deviseSure();
+			const valeur = this.value();
+			if (groupe !== tape.trim() && valeur !== null && devise !== null) {
+				const lu = formaterMontant(montant(valeur, devise), { locale: this.locale() });
+				this.annonce.annoncer(this.libelles().libelleEtMessage(this.libelle(), lu));
+			}
+		}
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	borneEnDevise(erreur) {
+		const devise = this.deviseSure();
+		if (devise === null || (erreur.message?.trim() ?? "") !== "") return erreur;
+		const borne = erreur[erreur.kind === "min" ? "min" : "max"];
+		if (erreur.kind !== "min" && erreur.kind !== "max" || typeof borne !== "bigint") return erreur;
+		const texte = formaterMontant(montant(borne, devise), { locale: this.locale() });
+		const libelles = this.libelles();
+		return {
+			...erreur,
+			message: erreur.kind === "min" ? libelles.valeurMinimale(texte) : libelles.valeurMaximale(texte)
+		};
+	}
+	formater(valeur) {
+		const devise = untracked(this.deviseSure);
+		if (valeur === null || devise === null) return "";
+		return formaterMontant(montant(valeur, devise), {
+			locale: this.locale(),
+			sansDevise: true
+		}).replace(/\u202f/g, "\xA0");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StAmountField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StAmountField,
+		isStandalone: true,
+		selector: "st-amount-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			autocomplete: {
+				classPropertyName: "autocomplete",
+				publicName: "autocomplete",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			complement: {
+				classPropertyName: "complement",
+				publicName: "complement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pleineLargeur: {
+				classPropertyName: "pleineLargeur",
+				publicName: "pleineLargeur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decritPar: {
+				classPropertyName: "decritPar",
+				publicName: "decritPar",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: { "attr.data-pleine-largeur": "pleineLargeur() ? '' : null" },
+			classAttribute: "st-amount-field"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"complement()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre est UN champ : un clic sur le bloc de devise donne le focus a la zone de frappe,\n       comme un clic sur l'etiquette. Au clavier, le champ se rejoint par tabulation. -->\n  <div class=\"st-amount-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    @if (symboleAvant() && symbole() !== '') {\n      <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n    }\n    <input\n      #champ\n      class=\"st-amount-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"decimal\"\n      spellcheck=\"false\"\n      dir=\"ltr\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly() || deviseSure() === null\"\n      [attr.aria-busy]=\"deviseSure() === null ? 'true' : null\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    @if (!symboleAvant() && symbole() !== '') {\n      <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n    }\n  </div>\n</st-form-field>\n@if (deviseLue(); as nom) {\n  <span class=\"st-vh\" [id]=\"idDevise\">{{ nom }}</span>\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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-field__cadre{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-amount-field__cadre>.st-amount-field__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-amount-field__cadre:hover:not(:has(>.st-amount-field__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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]):has(>.st-amount-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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__cadre:has(>.st-amount-field__champ:is(input,textarea):read-only:not(:disabled)),.st-amount-field__cadre:has(>.st-amount-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-amount-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-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-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-amount-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-amount-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-amount-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-amount-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-amount-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-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-danger)}.st-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-amount-field__champ:is(input,textarea):read-only:not(:disabled),.st-amount-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{flex:1 1 auto;min-inline-size:0;font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);text-align:end;unicode-bidi:isolate}@media(pointer:coarse){.st-amount-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-amount-field__devise{display:flex;flex:none;align-items:center;justify-content:center;padding-inline:var(--st-espacement-4);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:text;background:var(--st-couleur-surface-enfoncee);border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__devise:first-child{border-inline-start:0;border-inline-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__champ{color:var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__devise{color:var(--st-couleur-danger);background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled)>.st-amount-field__devise{color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-amount-field__cadre{box-shadow:none}}.st-amount-field__cadre>.st-amount-field__champ:is(input):read-only{background:transparent}\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.0",
+	ngImport: i0,
+	type: StAmountField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-amount-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StFormField, StControleDeChamp],
+			host: {
+				class: "st-amount-field",
+				"[attr.data-pleine-largeur]": "pleineLargeur() ? '' : null"
+			},
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"complement()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre est UN champ : un clic sur le bloc de devise donne le focus a la zone de frappe,\n       comme un clic sur l'etiquette. Au clavier, le champ se rejoint par tabulation. -->\n  <div class=\"st-amount-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    @if (symboleAvant() && symbole() !== '') {\n      <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n    }\n    <input\n      #champ\n      class=\"st-amount-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"decimal\"\n      spellcheck=\"false\"\n      dir=\"ltr\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly() || deviseSure() === null\"\n      [attr.aria-busy]=\"deviseSure() === null ? 'true' : null\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    @if (!symboleAvant() && symbole() !== '') {\n      <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n    }\n  </div>\n</st-form-field>\n@if (deviseLue(); as nom) {\n  <span class=\"st-vh\" [id]=\"idDevise\">{{ nom }}</span>\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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-field__cadre{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-amount-field__cadre>.st-amount-field__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-amount-field__cadre:hover:not(:has(>.st-amount-field__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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]):has(>.st-amount-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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__cadre:has(>.st-amount-field__champ:is(input,textarea):read-only:not(:disabled)),.st-amount-field__cadre:has(>.st-amount-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-amount-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-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-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-amount-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-amount-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-amount-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-amount-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-amount-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-amount-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-danger)}.st-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-amount-field__champ:is(input,textarea):read-only:not(:disabled),.st-amount-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{flex:1 1 auto;min-inline-size:0;font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);text-align:end;unicode-bidi:isolate}@media(pointer:coarse){.st-amount-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-amount-field__devise{display:flex;flex:none;align-items:center;justify-content:center;padding-inline:var(--st-espacement-4);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:text;background:var(--st-couleur-surface-enfoncee);border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__devise:first-child{border-inline-start:0;border-inline-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__champ{color:var(--st-couleur-danger)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__devise{color:var(--st-couleur-danger);background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled)>.st-amount-field__devise{color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-amount-field__cadre{box-shadow:none}}.st-amount-field__cadre>.st-amount-field__champ:is(input):read-only{background:transparent}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: true
+			}]
+		}],
+		autocomplete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autocomplete",
+				required: false
+			}]
+		}],
+		complement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "complement",
+				required: false
+			}]
+		}],
+		pleineLargeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pleineLargeur",
+				required: false
+			}]
+		}],
+		decritPar: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decritPar",
+				required: false
+			}]
+		}]
+	}
+});
+const LIBELLES_FORMULAIRES_FR = {
+	montantMinimal: "Montant minimal",
+	montantMaximal: "Montant maximal",
+	frequence: "Fréquence",
+	frequences: {
+		quotidienne: "Tous les jours",
+		hebdomadaire: "Toutes les semaines",
+		mensuelle: "Tous les mois",
+		annuelle: "Tous les ans"
+	},
+	intervalle: "Répéter tous les",
+	unitesDIntervalle: {
+		quotidienne: "jours",
+		hebdomadaire: "semaines",
+		mensuelle: "mois",
+		annuelle: "ans"
+	},
+	jourDuMois: "Jour du mois",
+	jourDeLaPremiereEcheance: "Le jour de la première échéance",
+	regleDeFinDeMois: "Un 29, 30 ou 31 : les mois plus courts, l’échéance tombe le dernier jour du mois.",
+	premiereEcheance: "Première échéance le",
+	fin: "Fin",
+	finJamais: "Jusqu’à nouvel ordre",
+	finALaDate: "À une date",
+	finApresNombre: "Après un nombre d’échéances",
+	derniereEcheance: "Dernière échéance le",
+	nombreDEcheances: "Nombre d’échéances",
+	recapitulatif: "Récapitulatif"
+};
+const LIBELLES_FORMULAIRES_EN = {
+	montantMinimal: "Minimum amount",
+	montantMaximal: "Maximum amount",
+	frequence: "Frequency",
+	frequences: {
+		quotidienne: "Every day",
+		hebdomadaire: "Every week",
+		mensuelle: "Every month",
+		annuelle: "Every year"
+	},
+	intervalle: "Repeat every",
+	unitesDIntervalle: {
+		quotidienne: "days",
+		hebdomadaire: "weeks",
+		mensuelle: "months",
+		annuelle: "years"
+	},
+	jourDuMois: "Day of the month",
+	jourDeLaPremiereEcheance: "The day of the first occurrence",
+	regleDeFinDeMois: "The 29th, 30th or 31st: in shorter months, the occurrence falls on the last day.",
+	premiereEcheance: "First occurrence on",
+	fin: "End",
+	finJamais: "Until further notice",
+	finALaDate: "On a date",
+	finApresNombre: "After a number of occurrences",
+	derniereEcheance: "Last occurrence on",
+	nombreDEcheances: "Number of occurrences",
+	recapitulatif: "Summary"
+};
+const ST_LIBELLES_FORMULAIRES = new InjectionToken("ST_LIBELLES_FORMULAIRES", {
+	providedIn: "root",
+	factory: () => ({
+		fr: LIBELLES_FORMULAIRES_FR,
+		en: LIBELLES_FORMULAIRES_EN
+	})
+});
+function fournirLibellesFormulaires(catalogues) {
+	return {
+		provide: ST_LIBELLES_FORMULAIRES,
+		useValue: {
+			fr: LIBELLES_FORMULAIRES_FR,
+			en: LIBELLES_FORMULAIRES_EN,
+			...catalogues
+		}
+	};
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StAmountField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-amount-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-amount-field' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [complement]=\"deviseLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-amount-field__ligne\">\n    <input\n      #champ\n      class=\"st-amount-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"decimal\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\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-amount-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-amount-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-amount-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{max-inline-size:16rem;font-variant-numeric:tabular-nums;text-align:end}.st-amount-field__devise{color:var(--st-couleur-texte-discret)}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], devise: [{ type: i0.Input, args: [{ isSignal: true, alias: "devise", required: true }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }] } });
-
-let compteur$1 = 0;
-/**
- * Date calendaire : un champ texte, et un calendrier pour qui prefere choisir.
- *
- * ```html
- * <st-date-field libelle="Date de naissance" autocomplete="bday" [dateMax]="aujourdHui"
- *   [formField]="profil.naissance" />
- * <!-- schema : validate(chemin.naissance, ({ value }) => erreurDate(value(), { max: aujourdHui })) -->
- * ```
- *
- * Le modele est une date ISO — `2026-09-17` — ou `null`, jamais un objet `Date` :
- * une date calendaire n'a ni heure ni fuseau.
- *
- * ⚠️ **Un champ texte d'abord** (decision D7 de l'audit de la vague 3). Le champ
- * natif `type="date"` affiche son format dans la langue du NAVIGATEUR : il ne
- * bascule pas quand l'application change de langue. Ici, le format attendu —
- * `jj/mm/aaaa` ou `mm/dd/yyyy` — suit la langue courante, et il est dit en aide.
- *
- * ⚠️ **Le calendrier est une aide, pas la seule voie** : une date de naissance
- * se tape plus vite qu'elle ne se cherche mois par mois. Il s'ouvre sous le champ,
- * dans le flux de la page : pas de surcouche a positionner, rien de rogne dans
- * un dialogue, et le CDK n'entre pas dans les formulaires.
- *
- * Une date illisible ou inexistante — « 31/02/2026 » — garde le texte, laisse le
- * modele inchange et rend le formulaire invalide.
- */
-class StDateField extends ContratDeChamp {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    value = model(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** Bornes du calendrier. Les memes que celles du schema : voir `erreurDate`. */
-    dateMin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []));
-    dateMax = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []));
-    /** `bday` pour une date de naissance. */
-    autocomplete = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    ouvert = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []));
-    identifiantCalendrier = `st-date-${(compteur$1 += 1).toString()}-calendrier`;
-    calendrier = viewChild(StCalendar, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "calendrier" }] : /* istanbul ignore next */ []));
-    // `read` : sur un bouton qui porte le composant `stIconButton`, la reference
-    // rendrait le composant, et non l'element a focaliser.
-    bouton = viewChild('bouton', { ...(ngDevMode ? { debugName: "bouton" } : /* istanbul ignore next */ {}), read: ElementRef });
-    /**
-     * Quitte au moins une fois. Relie a un formulaire, `touched` le dit ; employe
-     * seul, rien ne le dirait, et une saisie illisible ne s'afficherait jamais.
-     */
-    quitte = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []));
-    saisie = transformedValue(this.value, {
-        parse: (texte) => {
-            if (texte.trim() === '')
-                return { value: null };
-            const date = lireDate(texte, this.locale());
-            return date === null ? { error: { kind: 'date' } } : { value: date };
-        },
-        format: (valeur) => this.formater(valeur),
-    });
-    aideLue = computed(() => {
-        const libelles = this.libelles();
-        const locale = this.locale();
-        const format = libelles.formatDeDate(motifLocal(libelles, locale), exempleDeDate(locale));
-        const aide = this.aide();
-        return aide === null ? format : `${aide} ${format}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []));
-    surSaisie(evenement) {
-        this.saisie.set(this.texteSaisi(evenement));
-    }
-    aLaSortieDuChamp() {
-        // « 7/9/2026 » devient « 07/09/2026 » ; un texte illisible reste a corriger.
-        if (this.saisie.parseErrors().length === 0)
-            this.saisie.set(this.formater(this.value()));
-    }
-    basculer() {
-        if (this.ouvert()) {
-            this.fermer(false);
-            return;
-        }
-        this.ouvert.set(true);
-        afterNextRender(() => {
-            this.calendrier()?.focus();
-        }, { injector: this.injecteur });
-    }
-    choisir(date) {
-        this.value.set(date);
-        this.fermer(false);
-        // Retour au champ : la date choisie s'y relit, et se corrige au clavier.
-        afterNextRender(() => {
-            this.focus();
-        }, { injector: this.injecteur });
-    }
-    /** Echap rend le focus au bouton qui a ouvert le calendrier. */
-    fermer(rendreLeFocus) {
-        this.ouvert.set(false);
-        if (!rendreLeFocus)
-            return;
-        afterNextRender(() => {
-            this.bouton()?.nativeElement.focus();
-        }, { injector: this.injecteur });
-    }
-    aLaSortieDuComposant(evenement) {
-        const suivant = evenement.relatedTarget;
-        if (suivant !== null && this.element.nativeElement.contains(suivant))
-            return;
-        this.ouvert.set(false);
-        this.quitte.set(true);
-        this.touch.emit();
-    }
-    formater(valeur) {
-        return valeur === null ? '' : formaterDateSaisie(valeur, this.locale());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDateField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StDateField, isStandalone: true, selector: "st-date-field", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dateMin: { classPropertyName: "dateMin", publicName: "dateMin", isSignal: true, isRequired: false, transformFunction: null }, dateMax: { classPropertyName: "dateMax", publicName: "dateMax", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "focusout": "aLaSortieDuComposant($event)" }, classAttribute: "st-date-field" }, viewQueries: [{ propertyName: "calendrier", first: true, predicate: StCalendar, descendants: true, isSignal: true }, { propertyName: "bouton", first: true, predicate: ["bouton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-date-field__ligne\">\n    <input\n      #champ\n      class=\"st-date-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortieDuChamp()\"\n    />\n    <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n         Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n    <button\n      #bouton\n      stIconButton\n      type=\"button\"\n      icone=\"calendrier\"\n      [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n  @if (ouvert()) {\n    <st-calendar\n      class=\"st-date-field__calendrier\"\n      [id]=\"identifiantCalendrier\"\n      [selection]=\"value()\"\n      [dateMin]=\"dateMin()\"\n      [dateMax]=\"dateMax()\"\n      (choix)=\"choisir($event)\"\n      (fermeture)=\"fermer(true)\"\n    />\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:block}.st-date-field__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-date-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{max-inline-size:12rem;font-variant-numeric:tabular-nums}.st-date-field__calendrier{margin-block-start:var(--st-espacement-2)}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }, { kind: "component", type: StIconButton, selector: "button[stIconButton]", inputs: ["icone", "etiquette", "variante", "taille", "enfonce"] }, { kind: "component", type: StCalendar, selector: "st-calendar", inputs: ["selection", "dateMin", "dateMax", "plage"], outputs: ["choix", "fermeture"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+function libellesDesFormulaires() {
+	const catalogue = catalogueDesFormulaires();
+	return computed(() => catalogue().libelles);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDateField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-date-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp, StIconButton, StCalendar], host: {
-                        class: 'st-date-field',
-                        '(focusout)': 'aLaSortieDuComposant($event)',
-                    }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-date-field__ligne\">\n    <input\n      #champ\n      class=\"st-date-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"aLaSortieDuChamp()\"\n    />\n    <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n         Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n    <button\n      #bouton\n      stIconButton\n      type=\"button\"\n      icone=\"calendrier\"\n      [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n  @if (ouvert()) {\n    <st-calendar\n      class=\"st-date-field__calendrier\"\n      [id]=\"identifiantCalendrier\"\n      [selection]=\"value()\"\n      [dateMin]=\"dateMin()\"\n      [dateMax]=\"dateMax()\"\n      (choix)=\"choisir($event)\"\n      (fermeture)=\"fermer(true)\"\n    />\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:block}.st-date-field__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-date-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{max-inline-size:12rem;font-variant-numeric:tabular-nums}.st-date-field__calendrier{margin-block-start:var(--st-espacement-2)}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], dateMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMin", required: false }] }], dateMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMax", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], calendrier: [{ type: i0.ViewChild, args: [i0.forwardRef(() => StCalendar), { isSignal: true }] }], bouton: [{ type: i0.ViewChild, args: ['bouton', { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }] } });
-
-let compteur = 0;
-/**
- * Plage de dates : un debut, une fin, dans un groupe nomme par sa question.
- *
- * ```html
- * <st-date-range libelle="Periode du sejour" [formField]="reservation.sejour" />
- * <!-- schema : validate(chemin.sejour, ({ value }) => erreurPlageDeDates(value())) -->
- * ```
- *
- * Deux champs texte etiquetes — « Date de debut », « Date de fin » — dans un
- * `fieldset` dont la legende est le `libelle` : chacun se lit avec la question.
- * Chaque champ a son calendrier ; celui de la fin s'ouvre au mois du debut et
- * refuse les jours qui le precedent.
- *
- * ⚠️ **Une erreur dit QUELLE date corriger** : « Date de fin : saisissez une date
- * qui existe… ». Sans le nom de la partie, deux messages identiques ne disent pas
- * lequel des champs est faux. L'erreur de lecture marque aussi son champ
- * `aria-invalid`, et lui seul.
- *
- * L'obligation d'une borne est une regle du schema : `required` ne sait pas ce
- * qu'est une plage « vide ».
- */
-class StDateRange extends ContratDeChamp {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    value = model({ debut: null, fin: null }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    dateMin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []));
-    dateMax = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []));
-    /** Etiquettes des deux champs. Par defaut : « Date de debut », « Date de fin ». */
-    libelleDebut = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleDebut" }] : /* istanbul ignore next */ []));
-    libelleFin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleFin" }] : /* istanbul ignore next */ []));
-    parties = ['debut', 'fin'];
-    ouvert = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []));
-    identifiants = (() => {
-        const base = `st-plage-${(compteur += 1).toString()}`;
-        return {
-            debut: `${base}-debut`,
-            fin: `${base}-fin`,
-            calendrier: `${base}-calendrier`,
-        };
-    })();
-    calendrier = viewChild(StCalendar, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "calendrier" }] : /* istanbul ignore next */ []));
-    /**
-     * Quitte au moins une fois. Relie a un formulaire, `touched` le dit ; employe
-     * seul, rien ne le dirait, et une saisie illisible ne s'afficherait jamais.
-     */
-    quitte = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []));
-    saisie = transformedValue(this.value, {
-        parse: (brut) => {
-            const debut = this.lirePartie(brut.debut);
-            const fin = this.lirePartie(brut.fin);
-            const erreurs = [];
-            if (debut === undefined)
-                erreurs.push({ kind: 'date', partie: 'debut' });
-            if (fin === undefined)
-                erreurs.push({ kind: 'date', partie: 'fin' });
-            if (debut === undefined || fin === undefined)
-                return { error: erreurs };
-            return { value: { debut, fin } };
-        },
-        format: (plage) => ({ debut: this.formater(plage.debut), fin: this.formater(plage.fin) }),
-    });
-    etiquettes = computed(() => ({
-        debut: this.libelleDebut() ?? this.libelles().dateDeDebut,
-        fin: this.libelleFin() ?? this.libelles().dateDeFin,
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquettes" }] : /* istanbul ignore next */ []));
-    aideLue = computed(() => {
-        const libelles = this.libelles();
-        const locale = this.locale();
-        const format = libelles.formatDeDate(motifLocal(libelles, locale), exempleDeDate(locale));
-        const aide = this.aide();
-        return aide === null ? format : `${aide} ${format}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    /** Chaque erreur prefixee de sa partie, dans la langue courante. */
-    erreursAffichees = computed(() => {
-        const libelles = this.libelles();
-        const locale = this.locale();
-        const etiquettes = this.etiquettes();
-        return fusionnerErreurs(this.errors(), this.saisie.parseErrors()).map((erreur) => {
-            const partie = this.partieDe(erreur);
-            if (partie === null)
-                return erreur;
-            return {
-                kind: erreur.kind,
-                message: `${etiquettes[partie]}\u00a0: ${messageDErreur(erreur, libelles, locale)}`,
-            };
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []));
-    invalide = computed(() => {
-        const erreurs = this.touched() || this.quitte()
-            ? fusionnerErreurs(this.errors(), this.saisie.parseErrors())
-            : [];
-        return {
-            debut: erreurs.some((erreur) => this.partieDe(erreur) === 'debut'),
-            fin: erreurs.some((erreur) => this.partieDe(erreur) === 'fin'),
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "invalide" }] : /* istanbul ignore next */ []));
-    surSaisie(partie, evenement) {
-        this.saisie.set({ ...this.saisie(), [partie]: this.texteSaisi(evenement) });
-    }
-    aLaSortieDuChamp() {
-        if (this.saisie.parseErrors().length === 0) {
-            const plage = this.value();
-            this.saisie.set({ debut: this.formater(plage.debut), fin: this.formater(plage.fin) });
-        }
-    }
-    basculer(partie) {
-        if (this.ouvert() === partie) {
-            this.ouvert.set(null);
-            return;
-        }
-        this.ouvert.set(partie);
-        afterNextRender(() => {
-            this.calendrier()?.focus();
-        }, { injector: this.injecteur });
-    }
-    bornes(partie) {
-        const plage = this.value();
-        return partie === 'debut'
-            ? { min: this.dateMin(), max: plage.fin ?? this.dateMax() }
-            : { min: plage.debut ?? this.dateMin(), max: this.dateMax() };
-    }
-    choisir(partie, date) {
-        this.value.set({ ...this.value(), [partie]: date });
-        this.fermer(partie);
-    }
-    fermer(partie) {
-        this.ouvert.set(null);
-        afterNextRender(() => {
-            this.element.nativeElement
-                .querySelector(`#${this.identifiants[partie]}`)
-                ?.focus();
-        }, { injector: this.injecteur });
-    }
-    aLaSortieDuComposant(evenement) {
-        const suivant = evenement.relatedTarget;
-        if (suivant !== null && this.element.nativeElement.contains(suivant))
-            return;
-        this.ouvert.set(null);
-        this.quitte.set(true);
-        this.touch.emit();
-    }
-    /** `null` : vide. `undefined` : illisible. */
-    lirePartie(texte) {
-        if (texte.trim() === '')
-            return null;
-        return lireDate(texte, this.locale()) ?? undefined;
-    }
-    formater(valeur) {
-        return valeur === null ? '' : formaterDateSaisie(valeur, this.locale());
-    }
-    /** La partie visee : celle d'une erreur de lecture, la fin pour une plage inversee. */
-    partieDe(erreur) {
-        const partie = erreur.partie;
-        if (partie === 'debut' || partie === 'fin')
-            return partie;
-        return erreur.kind === 'plageDeDates' ? 'fin' : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDateRange, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StDateRange, isStandalone: true, selector: "st-date-range", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dateMin: { classPropertyName: "dateMin", publicName: "dateMin", isSignal: true, isRequired: false, transformFunction: null }, dateMax: { classPropertyName: "dateMax", publicName: "dateMax", isSignal: true, isRequired: false, transformFunction: null }, libelleDebut: { classPropertyName: "libelleDebut", publicName: "libelleDebut", isSignal: true, isRequired: false, transformFunction: null }, libelleFin: { classPropertyName: "libelleFin", publicName: "libelleFin", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "focusout": "aLaSortieDuComposant($event)" }, classAttribute: "st-date-range" }, viewQueries: [{ propertyName: "calendrier", first: true, predicate: StCalendar, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-date-range__parties\">\n    @for (partie of parties; track partie) {\n      <div class=\"st-date-range__partie\">\n        <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n          {{ etiquettes()[partie] }}\n        </label>\n        <div class=\"st-date-range__ligne\">\n          <input\n            #champ\n            class=\"st-date-range__champ\"\n            type=\"text\"\n            spellcheck=\"false\"\n            [attr.data-libelle]=\"etiquettes()[partie]\"\n            [id]=\"identifiants[partie]\"\n            [value]=\"saisie()[partie]\"\n            [attr.name]=\"name() ? name() + '-' + partie : null\"\n            [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n            [disabled]=\"disabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"surSaisie(partie, $event)\"\n            (blur)=\"aLaSortieDuChamp()\"\n          />\n          <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n               Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n          <button\n            stIconButton\n            type=\"button\"\n            icone=\"calendrier\"\n            [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n            [attr.aria-expanded]=\"ouvert() === partie\"\n            [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n            [disabled]=\"disabled() || readonly()\"\n            (click)=\"basculer(partie)\"\n          ></button>\n        </div>\n      </div>\n    }\n  </div>\n  @if (ouvert(); as partie) {\n    <st-calendar\n      class=\"st-date-range__calendrier\"\n      [id]=\"identifiants.calendrier\"\n      [selection]=\"value()[partie]\"\n      [plage]=\"value()\"\n      [dateMin]=\"bornes(partie).min\"\n      [dateMax]=\"bornes(partie).max\"\n      (choix)=\"choisir(partie, $event)\"\n      (fermeture)=\"fermer(partie)\"\n    />\n  }\n</st-fieldset>\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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-date-range__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{max-inline-size:12rem;font-variant-numeric:tabular-nums}.st-date-range__calendrier{margin-block-start:var(--st-espacement-3)}\n"], dependencies: [{ kind: "component", type: StFieldset, selector: "st-fieldset", inputs: ["legende", "aide", "erreurs", "afficherErreurs", "obligatoire"] }, { kind: "component", type: StIconButton, selector: "button[stIconButton]", inputs: ["icone", "etiquette", "variante", "taille", "enfonce"] }, { kind: "component", type: StCalendar, selector: "st-calendar", inputs: ["selection", "dateMin", "dateMax", "plage"], outputs: ["choix", "fermeture"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+function catalogueDesFormulaires() {
+	return catalogueDuPointDEntree("@starterlib/ui/formulaires", inject(ST_LIBELLES_FORMULAIRES), LIBELLES_FORMULAIRES_FR, "fournirLibellesFormulaires");
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDateRange, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-date-range', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFieldset, StIconButton, StCalendar], host: {
-                        class: 'st-date-range',
-                        '(focusout)': 'aLaSortieDuComposant($event)',
-                    }, template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-date-range__parties\">\n    @for (partie of parties; track partie) {\n      <div class=\"st-date-range__partie\">\n        <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n          {{ etiquettes()[partie] }}\n        </label>\n        <div class=\"st-date-range__ligne\">\n          <input\n            #champ\n            class=\"st-date-range__champ\"\n            type=\"text\"\n            spellcheck=\"false\"\n            [attr.data-libelle]=\"etiquettes()[partie]\"\n            [id]=\"identifiants[partie]\"\n            [value]=\"saisie()[partie]\"\n            [attr.name]=\"name() ? name() + '-' + partie : null\"\n            [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n            [disabled]=\"disabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"surSaisie(partie, $event)\"\n            (blur)=\"aLaSortieDuChamp()\"\n          />\n          <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n               Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n          <button\n            stIconButton\n            type=\"button\"\n            icone=\"calendrier\"\n            [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n            [attr.aria-expanded]=\"ouvert() === partie\"\n            [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n            [disabled]=\"disabled() || readonly()\"\n            (click)=\"basculer(partie)\"\n          ></button>\n        </div>\n      </div>\n    }\n  </div>\n  @if (ouvert(); as partie) {\n    <st-calendar\n      class=\"st-date-range__calendrier\"\n      [id]=\"identifiants.calendrier\"\n      [selection]=\"value()[partie]\"\n      [plage]=\"value()\"\n      [dateMin]=\"bornes(partie).min\"\n      [dateMax]=\"bornes(partie).max\"\n      (choix)=\"choisir(partie, $event)\"\n      (fermeture)=\"fermer(partie)\"\n    />\n  }\n</st-fieldset>\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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-date-range__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{max-inline-size:12rem;font-variant-numeric:tabular-nums}.st-date-range__calendrier{margin-block-start:var(--st-espacement-3)}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], dateMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMin", required: false }] }], dateMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMax", required: false }] }], libelleDebut: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleDebut", required: false }] }], libelleFin: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleFin", required: false }] }], calendrier: [{ type: i0.ViewChild, args: [i0.forwardRef(() => StCalendar), { isSignal: true }] }] } });
-
-/**
- * @starterlib/ui/formulaires — les champs qui LISENT leur saisie : montant, date,
- * plage de dates.
- *
- * ⚠️ Un point d'entree separe pour une raison de dependance (ADR 0003). « 12,5,3 »
- * n'est aucun montant, « 31/02/2026 » aucune date : le formulaire doit le savoir,
- * sans quoi il envoie l'ancienne valeur en croyant la nouvelle. Signal Forms le
- * permet par `transformedValue`, qui est du CODE d'`@angular/forms` — la ou le
- * tronc n'importe que des types. Laisse dans le tronc, `@angular/forms` deviendrait
- * obligatoire pour toute application qui affiche un bouton.
- *
- * Rien ici n'importe le CDK ni Aria : le calendrier vient du tronc, et une
- * application qui saisit un montant ne charge pas de quoi ouvrir une liste.
- *
- * ⚠️ En federation, ce point d'entree se partage SEPAREMENT : c'est un
- * specificateur de module distinct.
- *
- * ```ts
- * import { StAmountField, StDateField } from '@starterlib/ui/formulaires';
- * ```
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
+function erreurPlageDeMontants(plage) {
+	const { min, max } = plage;
+	if (min === null || max === null) return null;
+	return max < min ? { kind: "plageDeMontants" } : null;
+}
+var StAmountRange = class StAmountRange extends ContratDeChamp {
+	libellesDesChamps = libellesDesFormulaires();
+	value = model({
+		min: null,
+		max: null
+	}, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	devise = input.required(...ngDevMode ? [{ debugName: "devise" }] : 	/* istanbul ignore next */ []);
+	etiquettes = input(null, ...ngDevMode ? [{ debugName: "etiquettes" }] : 	/* istanbul ignore next */ []);
+	fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] : 	/* istanbul ignore next */ []);
+	champs = viewChildren(StAmountField, ...ngDevMode ? [{ debugName: "champs" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	etiquettesLues = computed(() => {
+		const libelles = this.libellesDesChamps();
+		return this.etiquettes() ?? {
+			min: libelles.montantMinimal,
+			max: libelles.montantMaximal
+		};
+	}, ...ngDevMode ? [{ debugName: "etiquettesLues" }] : 	/* istanbul ignore next */ []);
+	erreursDuMaximum = computed(() => this.errors().filter((erreur) => erreur.kind === "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuMaximum" }] : 	/* istanbul ignore next */ []);
+	erreursDuGroupe = computed(() => this.errors().filter((erreur) => erreur.kind !== "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : 	/* istanbul ignore next */ []);
+	decritPar = computed(() => {
+		const fieldset = this.fieldset();
+		return fieldset !== void 0 && this.aideEtRaisons() !== null ? [fieldset.identifiants.aide] : [];
+	}, ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
+	changer(partie, montant) {
+		this.value.set({
+			...this.value(),
+			[partie]: montant
+		});
+	}
+	quitter() {
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	focus(options) {
+		const [minimum, maximum] = this.champs();
+		if (this.erreursDuMaximum().length > 0) {
+			maximum?.focus(options);
+			return;
+		}
+		(this.champs().find((champ) => champ.lectureInvalide()) ?? minimum)?.focus(options);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StAmountRange,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: StAmountRange,
+		isStandalone: true,
+		selector: "st-amount-range",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			etiquettes: {
+				classPropertyName: "etiquettes",
+				publicName: "etiquettes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { classAttribute: "st-amount-range" },
+		viewQueries: [{
+			propertyName: "fieldset",
+			first: true,
+			predicate: StFieldset,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "champs",
+			predicate: StAmountField,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursDuGroupe()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n>\n  <div class=\"st-amount-range__parties\">\n    <st-amount-field\n      class=\"st-amount-range__partie\"\n      [libelle]=\"etiquettesLues().min\"\n      [devise]=\"devise()\"\n      [value]=\"value().min\"\n      [decritPar]=\"decritPar()\"\n      [touched]=\"touched() || quitte()\"\n      [readonly]=\"readonly()\"\n      [name]=\"name() ? name() + '-min' : ''\"\n      (valueChange)=\"changer('min', $event)\"\n      (touch)=\"quitter()\"\n    />\n    <st-amount-field\n      class=\"st-amount-range__partie\"\n      [libelle]=\"etiquettesLues().max\"\n      [devise]=\"devise()\"\n      [value]=\"value().max\"\n      [errors]=\"erreursDuMaximum()\"\n      [decritPar]=\"decritPar()\"\n      [touched]=\"touched() || quitte()\"\n      [readonly]=\"readonly()\"\n      [name]=\"name() ? name() + '-max' : ''\"\n      (valueChange)=\"changer('max', $event)\"\n      (touch)=\"quitter()\"\n    />\n  </div>\n</st-fieldset>\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;container-type:inline-size}.st-amount-range__parties{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4)}@container (min-width: 30rem){.st-amount-range__parties{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StAmountField,
+			selector: "st-amount-field",
+			inputs: [
+				"value",
+				"devise",
+				"autocomplete",
+				"complement",
+				"pleineLargeur",
+				"decritPar"
+			],
+			outputs: ["valueChange"]
+		}, {
+			kind: "component",
+			type: StFieldset,
+			selector: "st-fieldset",
+			inputs: [
+				"legende",
+				"contenu",
+				"disposition",
+				"toutesLesErreurs",
+				"choixExclusif",
+				"readonly",
+				"disabled",
+				"hidden",
+				"decritPar"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StAmountRange,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-amount-range",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StAmountField, StFieldset],
+			host: { class: "st-amount-range" },
+			template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursDuGroupe()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n>\n  <div class=\"st-amount-range__parties\">\n    <st-amount-field\n      class=\"st-amount-range__partie\"\n      [libelle]=\"etiquettesLues().min\"\n      [devise]=\"devise()\"\n      [value]=\"value().min\"\n      [decritPar]=\"decritPar()\"\n      [touched]=\"touched() || quitte()\"\n      [readonly]=\"readonly()\"\n      [name]=\"name() ? name() + '-min' : ''\"\n      (valueChange)=\"changer('min', $event)\"\n      (touch)=\"quitter()\"\n    />\n    <st-amount-field\n      class=\"st-amount-range__partie\"\n      [libelle]=\"etiquettesLues().max\"\n      [devise]=\"devise()\"\n      [value]=\"value().max\"\n      [errors]=\"erreursDuMaximum()\"\n      [decritPar]=\"decritPar()\"\n      [touched]=\"touched() || quitte()\"\n      [readonly]=\"readonly()\"\n      [name]=\"name() ? name() + '-max' : ''\"\n      (valueChange)=\"changer('max', $event)\"\n      (touch)=\"quitter()\"\n    />\n  </div>\n</st-fieldset>\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;container-type:inline-size}.st-amount-range__parties{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4)}@container (min-width: 30rem){.st-amount-range__parties{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: true
+			}]
+		}],
+		etiquettes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquettes",
+				required: false
+			}]
+		}],
+		fieldset: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StFieldset), { isSignal: true }]
+		}],
+		champs: [{
+			type: i0.ViewChildren,
+			args: [i0.forwardRef(() => StAmountField), { isSignal: true }]
+		}]
+	}
+});
+const MARGE = 8;
+const ECART = 4;
+var StCoucheAncree = class StCoucheAncree {
+	stCoucheAncree = input.required(...ngDevMode ? [{ debugName: "stCoucheAncree" }] : 	/* istanbul ignore next */ []);
+	element = inject(ElementRef).nativeElement;
+	fenetre = inject(DOCUMENT).defaultView;
+	observateur = null;
+	placer = () => {
+		const ancre = this.stCoucheAncree();
+		if (ancre === null || this.fenetre === null || !this.element.matches(":popover-open")) return;
+		const largeurUtile = this.element.ownerDocument.documentElement.clientWidth;
+		const hauteurUtile = this.fenetre.innerHeight;
+		this.element.style.setProperty("max-inline-size", `${String(largeurUtile - 2 * MARGE)}px`);
+		const a = ancre.getBoundingClientRect();
+		const bloc = this.element.getBoundingClientRect();
+		const debut = this.fenetre.getComputedStyle(ancre).direction === "rtl" ? a.right - bloc.width : a.left;
+		const gauche = Math.min(Math.max(MARGE, debut), largeurUtile - bloc.width - MARGE);
+		const dessous = a.bottom + ECART;
+		const dessus = a.top - ECART - bloc.height;
+		const auDessus = dessous + bloc.height > hauteurUtile - MARGE && dessus >= MARGE;
+		this.element.style.setProperty("left", `${String(Math.max(MARGE, gauche))}px`);
+		this.element.style.setProperty("top", `${String(auDessus ? dessus : dessous)}px`);
+		this.element.dataset["cote"] = auDessus ? "haut" : "bas";
+	};
+	constructor() {
+		const pris = typeof this.element.showPopover === "function";
+		if (pris) this.element.setAttribute("popover", "manual");
+		afterNextRender(() => {
+			if (!pris) return;
+			this.element.showPopover();
+			this.placer();
+			this.fenetre?.addEventListener("scroll", this.placer, {
+				capture: true,
+				passive: true
+			});
+			this.fenetre?.addEventListener("resize", this.placer, { passive: true });
+			const Observateur = this.fenetre?.ResizeObserver;
+			if (Observateur !== void 0) {
+				this.observateur = new Observateur(this.placer);
+				this.observateur.observe(this.element);
+			}
+		});
+		inject(DestroyRef).onDestroy(() => {
+			this.observateur?.disconnect();
+			this.fenetre?.removeEventListener("scroll", this.placer, { capture: true });
+			this.fenetre?.removeEventListener("resize", this.placer);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StCoucheAncree,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StCoucheAncree,
+		isStandalone: true,
+		selector: "[stCoucheAncree]",
+		inputs: { stCoucheAncree: {
+			classPropertyName: "stCoucheAncree",
+			publicName: "stCoucheAncree",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: { classAttribute: "st-couche-ancree" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StCoucheAncree,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[stCoucheAncree]",
+			host: { class: "st-couche-ancree" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { stCoucheAncree: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "stCoucheAncree",
+			required: true
+		}]
+	}] }
+});
+var SortieDuComposant = class {
+	hote;
+	sortir;
+	appui = false;
+	enAttente = null;
+	retirerLesEcouteurs = null;
+	minuterie;
+	constructor(hote, sortir) {
+		this.hote = hote;
+		this.sortir = sortir;
+		inject(DestroyRef).onDestroy(() => {
+			this.retirerLesEcouteurs?.();
+			clearTimeout(this.minuterie);
+		});
+	}
+	surPointeur() {
+		if (this.appui) return;
+		this.appui = true;
+		const document = this.hote.ownerDocument;
+		const relache = () => {
+			this.retirerLesEcouteurs?.();
+			this.minuterie = setTimeout(() => {
+				this.appui = false;
+				this.trancher();
+			});
+		};
+		this.retirerLesEcouteurs = () => {
+			document.removeEventListener("pointerup", relache, true);
+			document.removeEventListener("pointercancel", relache, true);
+			this.retirerLesEcouteurs = null;
+		};
+		document.addEventListener("pointerup", relache, true);
+		document.addEventListener("pointercancel", relache, true);
+	}
+	surFocusout(evenement) {
+		const suivant = evenement.relatedTarget;
+		if (suivant !== null && this.hote.contains(suivant)) return;
+		if (suivant !== null && !this.appui) {
+			this.enAttente = null;
+			this.sortir();
+			return;
+		}
+		this.enAttente = evenement.target;
+		if (!this.appui) queueMicrotask(() => {
+			this.trancher();
+		});
+	}
+	trancher() {
+		const cible = this.enAttente;
+		if (cible === null || this.appui) return;
+		this.enAttente = null;
+		if (cible instanceof Node && !cible.isConnected) return;
+		const actif = this.hote.ownerDocument.activeElement;
+		if (actif !== null && this.hote.contains(actif)) return;
+		this.sortir();
+	}
+};
+function texteDesBornes$1(libelles, locale, min, max) {
+	if (min !== null && max !== null) return libelles.entreLeEtLe(formaterDateSaisie(min, locale), formaterDateSaisie(max, locale));
+	if (min !== null) return libelles.dateTropTot(formaterDateSaisie(min, locale));
+	if (max !== null) return libelles.dateTropTard(formaterDateSaisie(max, locale));
+	return null;
+}
+var StRaccourcisDeDates = class StRaccourcisDeDates {
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
+	disposition = input("liste", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
+	raccourcis = input.required(...ngDevMode ? [{ debugName: "raccourcis" }] : 	/* istanbul ignore next */ []);
+	desactive = input(false, {
+		...ngDevMode ? { debugName: "desactive" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	choix = output();
+	idDuTitre = `${inject(StIdentifiants).prochain("st-raccourcis")}-titre`;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StRaccourcisDeDates,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StRaccourcisDeDates,
+		isStandalone: true,
+		selector: "st-raccourcis-de-dates",
+		inputs: {
+			titre: {
+				classPropertyName: "titre",
+				publicName: "titre",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disposition: {
+				classPropertyName: "disposition",
+				publicName: "disposition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			raccourcis: {
+				classPropertyName: "raccourcis",
+				publicName: "raccourcis",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			desactive: {
+				classPropertyName: "desactive",
+				publicName: "desactive",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { choix: "choix" },
+		host: {
+			properties: { "attr.data-disposition": "disposition()" },
+			classAttribute: "st-raccourcis-de-dates"
+		},
+		ngImport: i0,
+		template: "<p class=\"st-raccourcis-de-dates__titre\" [id]=\"idDuTitre\">{{ titre() }}</p>\n<div class=\"st-raccourcis-de-dates__boutons\" role=\"group\" [attr.aria-labelledby]=\"idDuTitre\">\n  @for (raccourci of raccourcis(); track raccourci.cle) {\n    <button\n      class=\"st-raccourcis-de-dates__bouton\"\n      type=\"button\"\n      [attr.aria-pressed]=\"raccourci.choisi ? 'true' : 'false'\"\n      [disabled]=\"desactive()\"\n      (click)=\"choix.emit(raccourci.cle)\"\n    >\n      <span class=\"st-raccourcis-de-dates__libelle\">{{ raccourci.libelle }}</span>\n      @if (raccourci.choisi) {\n        <st-icon class=\"st-raccourcis-de-dates__coche\" nom=\"coche\" taille=\"16\" />\n      } @else if (raccourci.precision) {\n        <span class=\"st-raccourcis-de-dates__precision\" aria-hidden=\"true\">{{\n          raccourci.precision\n        }}</span>\n      }\n    </button>\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}.st-raccourcis-de-dates__titre{margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret);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}.st-raccourcis-de-dates__boutons{display:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-disposition=grille]) .st-raccourcis-de-dates__boutons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.st-raccourcis-de-dates__bouton: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-raccourcis-de-dates__bouton{box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;justify-content:space-between;min-inline-size:0;padding:var(--st-espacement-2-5) var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte);text-align:start;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}@media(hover:hover){.st-raccourcis-de-dates__bouton:hover:not(:disabled,[aria-pressed=true]){background:var(--st-couleur-surface-survol);border-color:var(--st-couleur-bordure-forte);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-raccourcis-de-dates__bouton[aria-pressed=true]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}.st-raccourcis-de-dates__bouton[aria-pressed=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-primaire)}.st-raccourcis-de-dates__bouton:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-raccourcis-de-dates__bouton{border-color:ButtonText}.st-raccourcis-de-dates__bouton[aria-pressed=true]{border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}}@media print{.st-raccourcis-de-dates__bouton{background:none}.st-raccourcis-de-dates__bouton[aria-pressed=true]{color:var(--st-couleur-texte);border-color:var(--st-couleur-texte);box-shadow:none;outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}:host([data-disposition=grille]) .st-raccourcis-de-dates__bouton{padding:var(--st-espacement-2) var(--st-espacement-3)}@media(pointer:coarse){.st-raccourcis-de-dates__bouton{min-block-size:var(--st-hauteur-commande-xl)}}.st-raccourcis-de-dates__libelle{min-inline-size:0;overflow-wrap:anywhere}.st-raccourcis-de-dates__precision{flex:none;font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);color:var(--st-couleur-texte-discret)}.st-raccourcis-de-dates__coche{flex:none}\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.0",
+	ngImport: i0,
+	type: StRaccourcisDeDates,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-raccourcis-de-dates",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
+			host: {
+				class: "st-raccourcis-de-dates",
+				"[attr.data-disposition]": "disposition()"
+			},
+			template: "<p class=\"st-raccourcis-de-dates__titre\" [id]=\"idDuTitre\">{{ titre() }}</p>\n<div class=\"st-raccourcis-de-dates__boutons\" role=\"group\" [attr.aria-labelledby]=\"idDuTitre\">\n  @for (raccourci of raccourcis(); track raccourci.cle) {\n    <button\n      class=\"st-raccourcis-de-dates__bouton\"\n      type=\"button\"\n      [attr.aria-pressed]=\"raccourci.choisi ? 'true' : 'false'\"\n      [disabled]=\"desactive()\"\n      (click)=\"choix.emit(raccourci.cle)\"\n    >\n      <span class=\"st-raccourcis-de-dates__libelle\">{{ raccourci.libelle }}</span>\n      @if (raccourci.choisi) {\n        <st-icon class=\"st-raccourcis-de-dates__coche\" nom=\"coche\" taille=\"16\" />\n      } @else if (raccourci.precision) {\n        <span class=\"st-raccourcis-de-dates__precision\" aria-hidden=\"true\">{{\n          raccourci.precision\n        }}</span>\n      }\n    </button>\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}.st-raccourcis-de-dates__titre{margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret);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}.st-raccourcis-de-dates__boutons{display:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-disposition=grille]) .st-raccourcis-de-dates__boutons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.st-raccourcis-de-dates__bouton: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-raccourcis-de-dates__bouton{box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;justify-content:space-between;min-inline-size:0;padding:var(--st-espacement-2-5) var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte);text-align:start;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}@media(hover:hover){.st-raccourcis-de-dates__bouton:hover:not(:disabled,[aria-pressed=true]){background:var(--st-couleur-surface-survol);border-color:var(--st-couleur-bordure-forte);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-raccourcis-de-dates__bouton[aria-pressed=true]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}.st-raccourcis-de-dates__bouton[aria-pressed=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-primaire)}.st-raccourcis-de-dates__bouton:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-raccourcis-de-dates__bouton{border-color:ButtonText}.st-raccourcis-de-dates__bouton[aria-pressed=true]{border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}}@media print{.st-raccourcis-de-dates__bouton{background:none}.st-raccourcis-de-dates__bouton[aria-pressed=true]{color:var(--st-couleur-texte);border-color:var(--st-couleur-texte);box-shadow:none;outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}:host([data-disposition=grille]) .st-raccourcis-de-dates__bouton{padding:var(--st-espacement-2) var(--st-espacement-3)}@media(pointer:coarse){.st-raccourcis-de-dates__bouton{min-block-size:var(--st-hauteur-commande-xl)}}.st-raccourcis-de-dates__libelle{min-inline-size:0;overflow-wrap:anywhere}.st-raccourcis-de-dates__precision{flex:none;font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);color:var(--st-couleur-texte-discret)}.st-raccourcis-de-dates__coche{flex:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		titre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titre",
+				required: true
+			}]
+		}],
+		disposition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disposition",
+				required: false
+			}]
+		}],
+		raccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "raccourcis",
+				required: true
+			}]
+		}],
+		desactive: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "desactive",
+				required: false
+			}]
+		}],
+		choix: [{
+			type: i0.Output,
+			args: ["choix"]
+		}]
+	}
+});
+var StDateField = class StDateField extends ContratDeChamp {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	element = inject(ElementRef);
+	injecteur = inject(Injector);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : 	/* istanbul ignore next */ []);
+	dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : 	/* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
+	annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : 	/* istanbul ignore next */ []);
+	raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] : 	/* istanbul ignore next */ []);
+	dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] : 	/* istanbul ignore next */ []);
+	titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] : 	/* istanbul ignore next */ []);
+	raccourcisAffiches = computed(() => {
+		const date = this.value();
+		return this.raccourcis().map((raccourci) => ({
+			cle: raccourci.cle,
+			libelle: raccourci.libelle,
+			precision: raccourci.precision ?? null,
+			choisi: raccourci.date === date
+		}));
+	}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] : 	/* istanbul ignore next */ []);
+	titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().datesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] : 	/* istanbul ignore next */ []);
+	choisirUnRaccourci(cle) {
+		const raccourci = this.raccourcis().find((un) => un.cle === cle);
+		if (raccourci !== void 0) this.value.set(raccourci.date);
+	}
+	ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
+	identifiantCalendrier = `${inject(StIdentifiants).prochain("st-date")}-calendrier`;
+	calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] : 	/* istanbul ignore next */ []);
+	bouton = viewChild("bouton", {
+		...ngDevMode ? { debugName: "bouton" } : 		/* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (texte) => {
+			if (texte.trim() === "") return { value: null };
+			const date = lireDate(texte, this.locale());
+			return date === null ? {
+				value: null,
+				error: { kind: "date" }
+			} : { value: date };
+		},
+		format: (valeur) => this.formater(valeur)
+	});
+	lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : 	/* istanbul ignore next */ []);
+	aideLue = computed(() => {
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const format = libelles.formatDeDate(motifLocal(libelles, locale), exempleDeDate(locale));
+		const bornes = texteDesBornes$1(libelles, locale, this.dateMin(), this.dateMax());
+		return [
+			this.aideEtRaisons(),
+			format,
+			bornes
+		].filter((texte) => texte !== null).join(" ");
+	}, ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
+	sortie = new SortieDuComposant(this.element.nativeElement, () => {
+		this.ouvert.set(false);
+		this.quitte.set(true);
+		this.touch.emit();
+	});
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	surSaisie(evenement) {
+		this.saisie.set(this.texteSaisi(evenement));
+	}
+	surToucheDuChamp(evenement) {
+		if (evenement.key !== "ArrowDown" || !evenement.altKey || this.ouvert()) return;
+		evenement.preventDefault();
+		this.basculer();
+	}
+	surEchap(evenement) {
+		if (!this.ouvert()) return;
+		evenement.preventDefault();
+		evenement.stopPropagation();
+		this.fermer(true);
+	}
+	aLaSortieDuChamp() {
+		if (this.saisie.parseErrors().length === 0) this.saisie.set(this.formater(this.value()));
+	}
+	basculer() {
+		if (this.ouvert()) {
+			this.fermer(true);
+			return;
+		}
+		this.ouvert.set(true);
+		afterNextRender(() => {
+			this.calendrier()?.focus();
+		}, { injector: this.injecteur });
+	}
+	choisir(date) {
+		this.value.set(date);
+		this.fermer(false);
+		afterNextRender(() => {
+			this.focus();
+		}, { injector: this.injecteur });
+	}
+	fermer(rendreLeFocus) {
+		this.ouvert.set(false);
+		if (!rendreLeFocus) return;
+		afterNextRender(() => {
+			this.bouton()?.nativeElement.focus();
+		}, { injector: this.injecteur });
+	}
+	formater(valeur) {
+		return valeur === null ? "" : formaterDateSaisie(valeur, this.locale());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDateField,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StDateField,
+		isStandalone: true,
+		selector: "st-date-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dateMin: {
+				classPropertyName: "dateMin",
+				publicName: "dateMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dateMax: {
+				classPropertyName: "dateMax",
+				publicName: "dateMax",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autocomplete: {
+				classPropertyName: "autocomplete",
+				publicName: "autocomplete",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			annees: {
+				classPropertyName: "annees",
+				publicName: "annees",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			raccourcis: {
+				classPropertyName: "raccourcis",
+				publicName: "raccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dispositionDesRaccourcis: {
+				classPropertyName: "dispositionDesRaccourcis",
+				publicName: "dispositionDesRaccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titreDesRaccourcis: {
+				classPropertyName: "titreDesRaccourcis",
+				publicName: "titreDesRaccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			listeners: {
+				"focusout": "sortie.surFocusout($event)",
+				"pointerdown": "sortie.surPointeur()",
+				"keydown.escape": "surEchap($event)"
+			},
+			classAttribute: "st-date-field"
+		},
+		viewQueries: [{
+			propertyName: "calendrier",
+			first: true,
+			predicate: StCalendar,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "bouton",
+			first: true,
+			predicate: ["bouton"],
+			descendants: true,
+			read: ElementRef,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div #ligne class=\"st-date-field__ligne\">\n    <input\n      #champ\n      class=\"st-date-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surToucheDuChamp($event)\"\n      (blur)=\"aLaSortieDuChamp()\"\n    />\n    <button\n      #bouton\n      class=\"st-date-field__bouton\"\n      stIconButton\n      type=\"button\"\n      icone=\"calendrier\"\n      [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n  @if (raccourcis().length > 0) {\n    <st-raccourcis-de-dates\n      class=\"st-date-field__raccourcis\"\n      [titre]=\"titreDesRaccourcisLu()\"\n      [disposition]=\"dispositionDesRaccourcis()\"\n      [raccourcis]=\"raccourcisAffiches()\"\n      [desactive]=\"disabled() || readonly()\"\n      (choix)=\"choisirUnRaccourci($event)\"\n    />\n  }\n  <!-- Le calendrier flotte sous le champ, dans la couche superieure (D132) : rien ne descend,\n       rien ne bouge autour, comme la liste d'un select. -->\n  @if (ouvert()) {\n    <div class=\"st-date-field__couche\" [stCoucheAncree]=\"ligne\">\n      <st-calendar\n        class=\"st-date-field__calendrier\"\n        [id]=\"identifiantCalendrier\"\n        fermable\n        [selection]=\"value()\"\n        [dateMin]=\"dateMin()\"\n        [dateMax]=\"dateMax()\"\n        [annees]=\"annees()\"\n        (choix)=\"choisir($event)\"\n        (fermeture)=\"fermer(true)\"\n      />\n    </div>\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:block}.st-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-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-danger)}.st-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-field__champ:is(input,textarea):read-only:not(:disabled),.st-date-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-field__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-field__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-field__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-field__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-field__couche{margin-block-start:var(--st-espacement-2)}}.st-date-field__raccourcis{margin-block-start:var(--st-espacement-3)}\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: StIconButton,
+				selector: "button[stIconButton]",
+				inputs: [
+					"icone",
+					"etiquette",
+					"variante",
+					"taille",
+					"tailleDuGlyphe",
+					"enfonce",
+					"iconeEnfoncee",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			},
+			{
+				kind: "component",
+				type: StCalendar,
+				selector: "st-calendar",
+				inputs: [
+					"selection",
+					"dateMin",
+					"dateMax",
+					"plage",
+					"rejet",
+					"annees",
+					"pleineLargeur",
+					"fermable"
+				],
+				outputs: ["choix", "fermeture"]
+			},
+			{
+				kind: "component",
+				type: StRaccourcisDeDates,
+				selector: "st-raccourcis-de-dates",
+				inputs: [
+					"titre",
+					"disposition",
+					"raccourcis",
+					"desactive"
+				],
+				outputs: ["choix"]
+			},
+			{
+				kind: "directive",
+				type: StCoucheAncree,
+				selector: "[stCoucheAncree]",
+				inputs: ["stCoucheAncree"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDateField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-date-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFormField,
+				StControleDeChamp,
+				StIconButton,
+				StCalendar,
+				StRaccourcisDeDates,
+				StCoucheAncree
+			],
+			host: {
+				class: "st-date-field",
+				"(focusout)": "sortie.surFocusout($event)",
+				"(pointerdown)": "sortie.surPointeur()",
+				"(keydown.escape)": "surEchap($event)"
+			},
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <div #ligne class=\"st-date-field__ligne\">\n    <input\n      #champ\n      class=\"st-date-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      spellcheck=\"false\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surToucheDuChamp($event)\"\n      (blur)=\"aLaSortieDuChamp()\"\n    />\n    <button\n      #bouton\n      class=\"st-date-field__bouton\"\n      stIconButton\n      type=\"button\"\n      icone=\"calendrier\"\n      [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n  @if (raccourcis().length > 0) {\n    <st-raccourcis-de-dates\n      class=\"st-date-field__raccourcis\"\n      [titre]=\"titreDesRaccourcisLu()\"\n      [disposition]=\"dispositionDesRaccourcis()\"\n      [raccourcis]=\"raccourcisAffiches()\"\n      [desactive]=\"disabled() || readonly()\"\n      (choix)=\"choisirUnRaccourci($event)\"\n    />\n  }\n  <!-- Le calendrier flotte sous le champ, dans la couche superieure (D132) : rien ne descend,\n       rien ne bouge autour, comme la liste d'un select. -->\n  @if (ouvert()) {\n    <div class=\"st-date-field__couche\" [stCoucheAncree]=\"ligne\">\n      <st-calendar\n        class=\"st-date-field__calendrier\"\n        [id]=\"identifiantCalendrier\"\n        fermable\n        [selection]=\"value()\"\n        [dateMin]=\"dateMin()\"\n        [dateMax]=\"dateMax()\"\n        [annees]=\"annees()\"\n        (choix)=\"choisir($event)\"\n        (fermeture)=\"fermer(true)\"\n      />\n    </div>\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:block}.st-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-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-danger)}.st-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-field__champ:is(input,textarea):read-only:not(:disabled),.st-date-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-field__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-field__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-field__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-field__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-field__couche{margin-block-start:var(--st-espacement-2)}}.st-date-field__raccourcis{margin-block-start:var(--st-espacement-3)}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		dateMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dateMin",
+				required: false
+			}]
+		}],
+		dateMax: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dateMax",
+				required: false
+			}]
+		}],
+		autocomplete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autocomplete",
+				required: false
+			}]
+		}],
+		annees: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "annees",
+				required: false
+			}]
+		}],
+		raccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "raccourcis",
+				required: false
+			}]
+		}],
+		dispositionDesRaccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dispositionDesRaccourcis",
+				required: false
+			}]
+		}],
+		titreDesRaccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titreDesRaccourcis",
+				required: false
+			}]
+		}],
+		calendrier: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StCalendar), { isSignal: true }]
+		}],
+		bouton: [{
+			type: i0.ViewChild,
+			args: ["bouton", {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var StDateRange = class StDateRange extends ContratDeChamp {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	element = inject(ElementRef);
+	injecteur = inject(Injector);
+	value = model({
+		debut: null,
+		fin: null
+	}, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : 	/* istanbul ignore next */ []);
+	dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : 	/* istanbul ignore next */ []);
+	libelleDebut = input(null, ...ngDevMode ? [{ debugName: "libelleDebut" }] : 	/* istanbul ignore next */ []);
+	libelleFin = input(null, ...ngDevMode ? [{ debugName: "libelleFin" }] : 	/* istanbul ignore next */ []);
+	annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : 	/* istanbul ignore next */ []);
+	raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] : 	/* istanbul ignore next */ []);
+	dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] : 	/* istanbul ignore next */ []);
+	titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] : 	/* istanbul ignore next */ []);
+	variante = input("complete", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
+	parties = ["debut", "fin"];
+	ouvert = signal(null, ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
+	deploye = signal(false, ...ngDevMode ? [{ debugName: "deploye" }] : 	/* istanbul ignore next */ []);
+	identifiants = (() => {
+		const base = inject(StIdentifiants).prochain("st-plage");
+		return {
+			debut: `${base}-debut`,
+			fin: `${base}-fin`,
+			boutons: {
+				debut: `${base}-bouton-debut`,
+				fin: `${base}-bouton-fin`
+			},
+			calendrier: `${base}-calendrier`,
+			resume: `${base}-resume`,
+			libelleDuResume: `${base}-resume-libelle`,
+			valeurDuResume: `${base}-resume-valeur`,
+			detail: `${base}-detail`
+		};
+	})();
+	calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] : 	/* istanbul ignore next */ []);
+	fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] : 	/* istanbul ignore next */ []);
+	lignes = viewChildren("ligne", ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (brut) => {
+			const debut = this.lirePartie(brut.debut);
+			const fin = this.lirePartie(brut.fin);
+			const erreurs = [];
+			if (debut === void 0) erreurs.push({
+				kind: "date",
+				partie: "debut"
+			});
+			if (fin === void 0) erreurs.push({
+				kind: "date",
+				partie: "fin"
+			});
+			const value = {
+				debut: debut ?? null,
+				fin: fin ?? null
+			};
+			return erreurs.length === 0 ? { value } : {
+				value,
+				error: erreurs
+			};
+		},
+		format: (plage) => ({
+			debut: this.formater(plage.debut),
+			fin: this.formater(plage.fin)
+		})
+	});
+	lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : 	/* istanbul ignore next */ []);
+	etiquettes = computed(() => ({
+		debut: this.libelleDebut() ?? this.libelles().dateDeDebut,
+		fin: this.libelleFin() ?? this.libelles().dateDeFin
+	}), ...ngDevMode ? [{ debugName: "etiquettes" }] : 	/* istanbul ignore next */ []);
+	aideLue = computed(() => {
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const format = libelles.formatDeDate(motifLocal(libelles, locale), exempleDeDate(locale));
+		const bornes = texteDesBornes$1(libelles, locale, this.dateMin(), this.dateMax());
+		return [
+			this.aideEtRaisons(),
+			format,
+			bornes
+		].filter((texte) => texte !== null).join(" ");
+	}, ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
+	raccourcisAffiches = computed(() => {
+		const { debut, fin } = this.value();
+		return this.raccourcis().map((raccourci) => ({
+			cle: raccourci.cle,
+			libelle: raccourci.libelle,
+			precision: raccourci.precision ?? null,
+			choisi: raccourci.plage.debut === debut && raccourci.plage.fin === fin
+		}));
+	}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] : 	/* istanbul ignore next */ []);
+	titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().periodesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] : 	/* istanbul ignore next */ []);
+	periodeLue = computed(() => {
+		const { debut, fin } = this.value();
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const format = new Intl.DateTimeFormat(locale, {
+			day: "numeric",
+			month: "short",
+			year: "numeric",
+			timeZone: "UTC"
+		});
+		const instant = (iso) => /* @__PURE__ */ new Date(`${iso}T00:00:00Z`);
+		if (debut !== null && fin !== null) return format.formatRange(instant(debut), instant(fin));
+		if (debut !== null) return libelles.aPartirDu(format.format(instant(debut)));
+		if (fin !== null) return libelles.jusquAu(format.format(instant(fin)));
+		return libelles.choisirUnePeriode;
+	}, ...ngDevMode ? [{ debugName: "periodeLue" }] : 	/* istanbul ignore next */ []);
+	periodeChoisie = computed(() => this.value().debut !== null || this.value().fin !== null, ...ngDevMode ? [{ debugName: "periodeChoisie" }] : 	/* istanbul ignore next */ []);
+	sortie = new SortieDuComposant(this.element.nativeElement, () => {
+		this.ouvert.set(null);
+		this.deploye.set(false);
+		this.quitte.set(true);
+		this.touch.emit();
+	});
+	erreursAffichees = computed(() => {
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const etiquettes = this.etiquettes();
+		return fusionnerErreurs(this.errors(), this.saisie.parseErrors()).map((erreur) => {
+			const partie = this.partieDe(erreur);
+			if (partie === null) return erreur;
+			return {
+				kind: erreur.kind,
+				message: libelles.libelleEtMessage(etiquettes[partie], messageDErreur(erreur, libelles, locale))
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	enErreur = computed(() => {
+		const parties = fusionnerErreurs(this.errors(), this.saisie.parseErrors()).map((erreur) => this.partieDe(erreur));
+		const duGroupe = parties.includes(null);
+		return {
+			debut: duGroupe || parties.includes("debut"),
+			fin: duGroupe || parties.includes("fin")
+		};
+	}, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	invalide = computed(() => {
+		const affichees = this.touched() || this.quitte();
+		const enErreur = this.enErreur();
+		return {
+			debut: affichees && enErreur.debut,
+			fin: affichees && enErreur.fin
+		};
+	}, ...ngDevMode ? [{ debugName: "invalide" }] : 	/* istanbul ignore next */ []);
+	descriptions = computed(() => {
+		const groupe = this.fieldset();
+		const invalide = this.invalide();
+		const aide = groupe?.identifiants.aide ?? null;
+		const erreur = groupe?.identifiants.erreur ?? null;
+		const de = (partie) => [aide, invalide[partie] ? erreur : null].filter((id) => id !== null).join(" ") || null;
+		return {
+			debut: de("debut"),
+			fin: de("fin"),
+			erreur
+		};
+	}, ...ngDevMode ? [{ debugName: "descriptions" }] : 	/* istanbul ignore next */ []);
+	choisirUnRaccourci(cle) {
+		const raccourci = this.raccourcis().find((un) => un.cle === cle);
+		if (raccourci === void 0) return;
+		this.value.set({
+			debut: raccourci.plage.debut,
+			fin: raccourci.plage.fin
+		});
+	}
+	basculerLeResume() {
+		if (this.deploye()) {
+			this.deploye.set(false);
+			this.ouvert.set(null);
+			return;
+		}
+		this.deploye.set(true);
+		afterNextRender(() => {
+			this.element.nativeElement.querySelector(".st-date-range__panneau button, .st-date-range__panneau input")?.focus();
+		}, { injector: this.injecteur });
+	}
+	ancreDe(partie) {
+		return this.lignes()[partie === "debut" ? 0 : 1]?.nativeElement ?? null;
+	}
+	surSaisie(partie, evenement) {
+		this.saisie.set({
+			...this.saisie(),
+			[partie]: this.texteSaisi(evenement)
+		});
+	}
+	surToucheDuChamp(partie, evenement) {
+		if (evenement.key !== "ArrowDown" || !evenement.altKey || this.ouvert() === partie) return;
+		evenement.preventDefault();
+		this.basculer(partie);
+	}
+	surEchap(evenement) {
+		const partie = this.ouvert();
+		if (partie !== null) {
+			evenement.preventDefault();
+			evenement.stopPropagation();
+			this.fermer(partie, true);
+			return;
+		}
+		if (!this.deploye()) return;
+		evenement.preventDefault();
+		evenement.stopPropagation();
+		this.deploye.set(false);
+		afterNextRender(() => {
+			this.element.nativeElement.querySelector(`#${this.identifiants.resume}`)?.focus();
+		}, { injector: this.injecteur });
+	}
+	aLaSortieDuChamp() {
+		if (this.saisie.parseErrors().length === 0) {
+			const plage = this.value();
+			this.saisie.set({
+				debut: this.formater(plage.debut),
+				fin: this.formater(plage.fin)
+			});
+		}
+	}
+	basculer(partie) {
+		if (this.ouvert() === partie) {
+			this.fermer(partie, true);
+			return;
+		}
+		this.ouvert.set(partie);
+		afterNextRender(() => {
+			this.calendrier()?.focus();
+		}, { injector: this.injecteur });
+	}
+	bornes(partie) {
+		const plage = this.value();
+		return partie === "debut" ? {
+			min: this.dateMin(),
+			max: plage.fin ?? this.dateMax()
+		} : {
+			min: plage.debut ?? this.dateMin(),
+			max: this.dateMax()
+		};
+	}
+	choisir(partie, date) {
+		this.value.set({
+			...this.value(),
+			[partie]: date
+		});
+		this.fermer(partie);
+	}
+	fermer(partie, versLeBouton = false) {
+		this.ouvert.set(null);
+		const cible = versLeBouton ? this.identifiants.boutons[partie] : this.identifiants[partie];
+		afterNextRender(() => {
+			this.element.nativeElement.querySelector(`#${cible}`)?.focus();
+		}, { injector: this.injecteur });
+	}
+	focus(options) {
+		if (this.variante() === "resume" && !this.deploye()) {
+			this.element.nativeElement.querySelector(`#${this.identifiants.resume}`)?.focus(options);
+			return;
+		}
+		const partie = !this.enErreur().debut && this.enErreur().fin ? "fin" : "debut";
+		this.element.nativeElement.querySelector(`#${this.identifiants[partie]}`)?.focus(options);
+	}
+	lirePartie(texte) {
+		if (texte.trim() === "") return null;
+		return lireDate(texte, this.locale()) ?? void 0;
+	}
+	formater(valeur) {
+		return valeur === null ? "" : formaterDateSaisie(valeur, this.locale());
+	}
+	partieDe(erreur) {
+		const partie = erreur.partie;
+		if (partie === "debut" || partie === "fin") return partie;
+		return erreur.kind === "plageDeDates" ? "fin" : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDateRange,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StDateRange,
+		isStandalone: true,
+		selector: "st-date-range",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dateMin: {
+				classPropertyName: "dateMin",
+				publicName: "dateMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dateMax: {
+				classPropertyName: "dateMax",
+				publicName: "dateMax",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelleDebut: {
+				classPropertyName: "libelleDebut",
+				publicName: "libelleDebut",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelleFin: {
+				classPropertyName: "libelleFin",
+				publicName: "libelleFin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			annees: {
+				classPropertyName: "annees",
+				publicName: "annees",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			raccourcis: {
+				classPropertyName: "raccourcis",
+				publicName: "raccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dispositionDesRaccourcis: {
+				classPropertyName: "dispositionDesRaccourcis",
+				publicName: "dispositionDesRaccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titreDesRaccourcis: {
+				classPropertyName: "titreDesRaccourcis",
+				publicName: "titreDesRaccourcis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			presentation: {
+				classPropertyName: "presentation",
+				publicName: "presentation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			listeners: {
+				"focusout": "sortie.surFocusout($event)",
+				"pointerdown": "sortie.surPointeur()",
+				"keydown.escape": "surEchap($event)"
+			},
+			classAttribute: "st-date-range"
+		},
+		viewQueries: [
+			{
+				propertyName: "calendrier",
+				first: true,
+				predicate: StCalendar,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "fieldset",
+				first: true,
+				predicate: StFieldset,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "lignes",
+				predicate: ["ligne"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<!-- Variante resume (planche 4, barre de filtres) : un bouton-champ qui dit la periode et ouvre, en\n     couche flottante sous lui (D132), le panneau des champs (motif « disclosure » : aria-expanded,\n     aria-controls). Nomme par l'etiquette puis par la periode : « Periode comptable 1–30 sept. 2026 ». -->\n@if (variante() === 'resume') {\n  <div class=\"st-date-range__resume\" [attr.data-presentation]=\"presentation()\">\n    <span class=\"st-date-range__libelle-du-resume\" [id]=\"identifiants.libelleDuResume\">\n      {{ libelle() }}\n    </span>\n    <button\n      #boutonChamp\n      class=\"st-date-range__bouton-champ\"\n      type=\"button\"\n      [id]=\"identifiants.resume\"\n      [attr.aria-labelledby]=\"identifiants.libelleDuResume + ' ' + identifiants.valeurDuResume\"\n      [attr.aria-expanded]=\"deploye() ? 'true' : 'false'\"\n      [attr.aria-controls]=\"identifiants.detail\"\n      [attr.aria-invalid]=\"invalide().debut || invalide().fin ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (click)=\"basculerLeResume()\"\n    >\n      <st-icon class=\"st-date-range__icone-du-resume\" nom=\"calendrier\" taille=\"20\" />\n      <!-- Sens du texte lu dans la periode elle-meme : « 1–30 sept. 2026 » ne se renverse pas dans\n           une page de droite a gauche. -->\n      <span\n        class=\"st-date-range__valeur-du-resume\"\n        dir=\"auto\"\n        [id]=\"identifiants.valeurDuResume\"\n        [attr.data-vide]=\"periodeChoisie() ? null : ''\"\n        >{{ periodeLue() }}</span\n      >\n    </button>\n  </div>\n  @if (deploye()) {\n    <div class=\"st-date-range__panneau\" [stCoucheAncree]=\"boutonChamp\">\n      <ng-container *ngTemplateOutlet=\"champs\" />\n    </div>\n  }\n} @else {\n  <ng-container *ngTemplateOutlet=\"champs\" />\n}\n\n<ng-template #champs>\n  <st-fieldset\n    [id]=\"identifiants.detail\"\n    [legende]=\"libelle()\"\n    [aide]=\"aideLue()\"\n    [erreurs]=\"erreursAffichees()\"\n    [afficherErreurs]=\"touched() || quitte()\"\n    [obligatoire]=\"required()\"\n  >\n    @if (raccourcis().length > 0) {\n      <st-raccourcis-de-dates\n        class=\"st-date-range__raccourcis\"\n        [titre]=\"titreDesRaccourcisLu()\"\n        [disposition]=\"dispositionDesRaccourcis()\"\n        [raccourcis]=\"raccourcisAffiches()\"\n        [desactive]=\"disabled() || readonly()\"\n        (choix)=\"choisirUnRaccourci($event)\"\n      />\n    }\n    <div class=\"st-date-range__parties\">\n      @for (partie of parties; track partie) {\n        <div class=\"st-date-range__partie\">\n          <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n            {{ etiquettes()[partie] }}\n          </label>\n          <div #ligne class=\"st-date-range__ligne\">\n            <input\n              #champ\n              class=\"st-date-range__champ\"\n              type=\"text\"\n              inputmode=\"numeric\"\n              spellcheck=\"false\"\n              [attr.data-libelle]=\"etiquettes()[partie]\"\n              [id]=\"identifiants[partie]\"\n              [value]=\"saisie()[partie]\"\n              [attr.name]=\"name() ? name() + '-' + partie : null\"\n              [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n              [attr.aria-describedby]=\"descriptions()[partie]\"\n              [attr.aria-errormessage]=\"invalide()[partie] ? descriptions().erreur : null\"\n              [attr.aria-required]=\"required() ? 'true' : null\"\n              [disabled]=\"disabled()\"\n              [readOnly]=\"readonly()\"\n              (input)=\"surSaisie(partie, $event)\"\n              (keydown)=\"surToucheDuChamp(partie, $event)\"\n              (blur)=\"aLaSortieDuChamp()\"\n            />\n            <button\n              class=\"st-date-range__bouton\"\n              stIconButton\n              type=\"button\"\n              icone=\"calendrier\"\n              [id]=\"identifiants.boutons[partie]\"\n              [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n              [attr.aria-expanded]=\"ouvert() === partie\"\n              [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n              [disabled]=\"disabled() || readonly()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"basculer(partie)\"\n            ></button>\n          </div>\n        </div>\n      }\n    </div>\n    <!-- Le calendrier de la partie ouverte flotte sous sa ligne, dans la couche superieure (D132) :\n         rien ne descend, rien ne bouge autour, comme la liste d'un select. -->\n    @if (ouvert(); as partie) {\n      <div class=\"st-date-range__couche\" [stCoucheAncree]=\"ancreDe(partie)\">\n        <st-calendar\n          class=\"st-date-range__calendrier\"\n          [id]=\"identifiants.calendrier\"\n          fermable\n          [selection]=\"value()[partie]\"\n          [plage]=\"value()\"\n          [dateMin]=\"bornes(partie).min\"\n          [dateMax]=\"bornes(partie).max\"\n          [annees]=\"annees()\"\n          (choix)=\"choisir(partie, $event)\"\n          (fermeture)=\"fermer(partie, true)\"\n        />\n      </div>\n    }\n  </st-fieldset>\n</ng-template>\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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-range__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-danger)}.st-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__champ:is(input,textarea):read-only:not(:disabled),.st-date-range__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-range__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-range__couche{margin-block-start:var(--st-espacement-3)}}@supports selector(:popover-open){.st-date-range__panneau[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__panneau:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__panneau:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}.st-date-range__panneau,.st-date-range__panneau[popover]{box-sizing:border-box;inline-size:max-content;max-inline-size:min(40rem,100vw - 2 * var(--st-espacement-2));padding:var(--st-espacement-4);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@supports not selector(:popover-open){.st-date-range__panneau{margin-block-start:var(--st-espacement-3)}}.st-date-range__raccourcis{margin-block-end:var(--st-espacement-4)}.st-date-range__resume{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-date-range__libelle-du-resume{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-date-range__resume[data-presentation=micro-capitales] .st-date-range__libelle-du-resume{color:var(--st-couleur-texte-discret);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}.st-date-range__bouton-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-date-range__bouton-champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-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-date-range__bouton-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-date-range__bouton-champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__bouton-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-date-range__bouton-champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-danger)}.st-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__bouton-champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__bouton-champ:is(input,textarea):read-only:not(:disabled),.st-date-range__bouton-champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__bouton-champ{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:flex-start;text-align:start;cursor:pointer}@media(hover:hover){.st-date-range__bouton-champ:hover:not(:disabled,:focus-visible){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-date-range__bouton-champ[aria-expanded=true]{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-date-range__valeur-du-resume{min-inline-size:0;overflow-wrap:anywhere;font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__valeur-du-resume[data-vide]{color:var(--st-couleur-texte-attenue)}.st-date-range__icone-du-resume{flex:none;color:var(--st-couleur-texte-discret)}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StFieldset,
+				selector: "st-fieldset",
+				inputs: [
+					"legende",
+					"contenu",
+					"disposition",
+					"toutesLesErreurs",
+					"choixExclusif",
+					"readonly",
+					"disabled",
+					"hidden",
+					"decritPar"
+				]
+			},
+			{
+				kind: "component",
+				type: StIconButton,
+				selector: "button[stIconButton]",
+				inputs: [
+					"icone",
+					"etiquette",
+					"variante",
+					"taille",
+					"tailleDuGlyphe",
+					"enfonce",
+					"iconeEnfoncee",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			},
+			{
+				kind: "component",
+				type: StCalendar,
+				selector: "st-calendar",
+				inputs: [
+					"selection",
+					"dateMin",
+					"dateMax",
+					"plage",
+					"rejet",
+					"annees",
+					"pleineLargeur",
+					"fermable"
+				],
+				outputs: ["choix", "fermeture"]
+			},
+			{
+				kind: "component",
+				type: StIcon,
+				selector: "st-icon",
+				inputs: [
+					"icone",
+					"nom",
+					"variante",
+					"sprite",
+					"nomMetier",
+					"taille",
+					"ton",
+					"etiquette",
+					"miroir"
+				]
+			},
+			{
+				kind: "component",
+				type: StRaccourcisDeDates,
+				selector: "st-raccourcis-de-dates",
+				inputs: [
+					"titre",
+					"disposition",
+					"raccourcis",
+					"desactive"
+				],
+				outputs: ["choix"]
+			},
+			{
+				kind: "directive",
+				type: StCoucheAncree,
+				selector: "[stCoucheAncree]",
+				inputs: ["stCoucheAncree"]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDateRange,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-date-range",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFieldset,
+				StIconButton,
+				StCalendar,
+				StIcon,
+				StRaccourcisDeDates,
+				StCoucheAncree,
+				NgTemplateOutlet
+			],
+			host: {
+				class: "st-date-range",
+				"(focusout)": "sortie.surFocusout($event)",
+				"(pointerdown)": "sortie.surPointeur()",
+				"(keydown.escape)": "surEchap($event)"
+			},
+			template: "<!-- Variante resume (planche 4, barre de filtres) : un bouton-champ qui dit la periode et ouvre, en\n     couche flottante sous lui (D132), le panneau des champs (motif « disclosure » : aria-expanded,\n     aria-controls). Nomme par l'etiquette puis par la periode : « Periode comptable 1–30 sept. 2026 ». -->\n@if (variante() === 'resume') {\n  <div class=\"st-date-range__resume\" [attr.data-presentation]=\"presentation()\">\n    <span class=\"st-date-range__libelle-du-resume\" [id]=\"identifiants.libelleDuResume\">\n      {{ libelle() }}\n    </span>\n    <button\n      #boutonChamp\n      class=\"st-date-range__bouton-champ\"\n      type=\"button\"\n      [id]=\"identifiants.resume\"\n      [attr.aria-labelledby]=\"identifiants.libelleDuResume + ' ' + identifiants.valeurDuResume\"\n      [attr.aria-expanded]=\"deploye() ? 'true' : 'false'\"\n      [attr.aria-controls]=\"identifiants.detail\"\n      [attr.aria-invalid]=\"invalide().debut || invalide().fin ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (click)=\"basculerLeResume()\"\n    >\n      <st-icon class=\"st-date-range__icone-du-resume\" nom=\"calendrier\" taille=\"20\" />\n      <!-- Sens du texte lu dans la periode elle-meme : « 1–30 sept. 2026 » ne se renverse pas dans\n           une page de droite a gauche. -->\n      <span\n        class=\"st-date-range__valeur-du-resume\"\n        dir=\"auto\"\n        [id]=\"identifiants.valeurDuResume\"\n        [attr.data-vide]=\"periodeChoisie() ? null : ''\"\n        >{{ periodeLue() }}</span\n      >\n    </button>\n  </div>\n  @if (deploye()) {\n    <div class=\"st-date-range__panneau\" [stCoucheAncree]=\"boutonChamp\">\n      <ng-container *ngTemplateOutlet=\"champs\" />\n    </div>\n  }\n} @else {\n  <ng-container *ngTemplateOutlet=\"champs\" />\n}\n\n<ng-template #champs>\n  <st-fieldset\n    [id]=\"identifiants.detail\"\n    [legende]=\"libelle()\"\n    [aide]=\"aideLue()\"\n    [erreurs]=\"erreursAffichees()\"\n    [afficherErreurs]=\"touched() || quitte()\"\n    [obligatoire]=\"required()\"\n  >\n    @if (raccourcis().length > 0) {\n      <st-raccourcis-de-dates\n        class=\"st-date-range__raccourcis\"\n        [titre]=\"titreDesRaccourcisLu()\"\n        [disposition]=\"dispositionDesRaccourcis()\"\n        [raccourcis]=\"raccourcisAffiches()\"\n        [desactive]=\"disabled() || readonly()\"\n        (choix)=\"choisirUnRaccourci($event)\"\n      />\n    }\n    <div class=\"st-date-range__parties\">\n      @for (partie of parties; track partie) {\n        <div class=\"st-date-range__partie\">\n          <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n            {{ etiquettes()[partie] }}\n          </label>\n          <div #ligne class=\"st-date-range__ligne\">\n            <input\n              #champ\n              class=\"st-date-range__champ\"\n              type=\"text\"\n              inputmode=\"numeric\"\n              spellcheck=\"false\"\n              [attr.data-libelle]=\"etiquettes()[partie]\"\n              [id]=\"identifiants[partie]\"\n              [value]=\"saisie()[partie]\"\n              [attr.name]=\"name() ? name() + '-' + partie : null\"\n              [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n              [attr.aria-describedby]=\"descriptions()[partie]\"\n              [attr.aria-errormessage]=\"invalide()[partie] ? descriptions().erreur : null\"\n              [attr.aria-required]=\"required() ? 'true' : null\"\n              [disabled]=\"disabled()\"\n              [readOnly]=\"readonly()\"\n              (input)=\"surSaisie(partie, $event)\"\n              (keydown)=\"surToucheDuChamp(partie, $event)\"\n              (blur)=\"aLaSortieDuChamp()\"\n            />\n            <button\n              class=\"st-date-range__bouton\"\n              stIconButton\n              type=\"button\"\n              icone=\"calendrier\"\n              [id]=\"identifiants.boutons[partie]\"\n              [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n              [attr.aria-expanded]=\"ouvert() === partie\"\n              [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n              [disabled]=\"disabled() || readonly()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"basculer(partie)\"\n            ></button>\n          </div>\n        </div>\n      }\n    </div>\n    <!-- Le calendrier de la partie ouverte flotte sous sa ligne, dans la couche superieure (D132) :\n         rien ne descend, rien ne bouge autour, comme la liste d'un select. -->\n    @if (ouvert(); as partie) {\n      <div class=\"st-date-range__couche\" [stCoucheAncree]=\"ancreDe(partie)\">\n        <st-calendar\n          class=\"st-date-range__calendrier\"\n          [id]=\"identifiants.calendrier\"\n          fermable\n          [selection]=\"value()[partie]\"\n          [plage]=\"value()\"\n          [dateMin]=\"bornes(partie).min\"\n          [dateMax]=\"bornes(partie).max\"\n          [annees]=\"annees()\"\n          (choix)=\"choisir(partie, $event)\"\n          (fermeture)=\"fermer(partie, true)\"\n        />\n      </div>\n    }\n  </st-fieldset>\n</ng-template>\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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-range__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-danger)}.st-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__champ:is(input,textarea):read-only:not(:disabled),.st-date-range__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-range__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-range__couche{margin-block-start:var(--st-espacement-3)}}@supports selector(:popover-open){.st-date-range__panneau[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__panneau:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__panneau:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}.st-date-range__panneau,.st-date-range__panneau[popover]{box-sizing:border-box;inline-size:max-content;max-inline-size:min(40rem,100vw - 2 * var(--st-espacement-2));padding:var(--st-espacement-4);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@supports not selector(:popover-open){.st-date-range__panneau{margin-block-start:var(--st-espacement-3)}}.st-date-range__raccourcis{margin-block-end:var(--st-espacement-4)}.st-date-range__resume{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-date-range__libelle-du-resume{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-date-range__resume[data-presentation=micro-capitales] .st-date-range__libelle-du-resume{color:var(--st-couleur-texte-discret);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}.st-date-range__bouton-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-date-range__bouton-champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-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-date-range__bouton-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-date-range__bouton-champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__bouton-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-date-range__bouton-champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-danger)}.st-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__bouton-champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__bouton-champ:is(input,textarea):read-only:not(:disabled),.st-date-range__bouton-champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__bouton-champ{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:flex-start;text-align:start;cursor:pointer}@media(hover:hover){.st-date-range__bouton-champ:hover:not(:disabled,:focus-visible){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-date-range__bouton-champ[aria-expanded=true]{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-date-range__valeur-du-resume{min-inline-size:0;overflow-wrap:anywhere;font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__valeur-du-resume[data-vide]{color:var(--st-couleur-texte-attenue)}.st-date-range__icone-du-resume{flex:none;color:var(--st-couleur-texte-discret)}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		dateMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dateMin",
+				required: false
+			}]
+		}],
+		dateMax: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dateMax",
+				required: false
+			}]
+		}],
+		libelleDebut: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelleDebut",
+				required: false
+			}]
+		}],
+		libelleFin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelleFin",
+				required: false
+			}]
+		}],
+		annees: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "annees",
+				required: false
+			}]
+		}],
+		raccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "raccourcis",
+				required: false
+			}]
+		}],
+		dispositionDesRaccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dispositionDesRaccourcis",
+				required: false
+			}]
+		}],
+		titreDesRaccourcis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titreDesRaccourcis",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		presentation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "presentation",
+				required: false
+			}]
+		}],
+		calendrier: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StCalendar), { isSignal: true }]
+		}],
+		fieldset: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StFieldset), { isSignal: true }]
+		}],
+		lignes: [{
+			type: i0.ViewChildren,
+			args: ["ligne", { isSignal: true }]
+		}]
+	}
+});
+const borneLisible = (heure) => heure !== null && estHeureIso(heure) ? heure : null;
+function texteDesBornes(libelles, locale, borneMin, borneMax) {
+	const min = borneLisible(borneMin);
+	const max = borneLisible(borneMax);
+	const ecrire = (heure) => formaterHeureSaisie(heure, locale);
+	if (min !== null && max !== null) return libelles.entreHeures(ecrire(min), ecrire(max));
+	if (min !== null) return libelles.heureTropTot(ecrire(min));
+	if (max !== null) return libelles.heureTropTard(ecrire(max));
+	return null;
+}
+var StTimeField = class StTimeField extends ContratDeChamp {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	heureMin = input(null, ...ngDevMode ? [{ debugName: "heureMin" }] : 	/* istanbul ignore next */ []);
+	heureMax = input(null, ...ngDevMode ? [{ debugName: "heureMax" }] : 	/* istanbul ignore next */ []);
+	secondes = input(false, {
+		...ngDevMode ? { debugName: "secondes" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	fuseau = input(null, ...ngDevMode ? [{ debugName: "fuseau" }] : 	/* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (texte) => {
+			if (texte.trim() === "") return { value: null };
+			const secondes = this.secondes();
+			const heure = lireHeure(texte, this.locale(), { secondes });
+			return heure === null ? {
+				value: null,
+				error: {
+					kind: "heure",
+					secondes
+				}
+			} : { value: heure };
+		},
+		format: (valeur) => this.formater(valeur)
+	});
+	lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : 	/* istanbul ignore next */ []);
+	clavier = computed(() => heureSurDouze(this.locale()) ? "text" : "numeric", ...ngDevMode ? [{ debugName: "clavier" }] : 	/* istanbul ignore next */ []);
+	instantDuNomDeFuseau = Date.now();
+	aideLue = computed(() => {
+		const libelles = this.libelles();
+		const locale = this.locale();
+		const secondes = this.secondes();
+		const format = libelles.formatDeDate(motifDHeureLocal(libelles, locale, secondes), exempleDHeure(locale, secondes));
+		const bornes = texteDesBornes(libelles, locale, this.heureMin(), this.heureMax());
+		const fuseau = this.fuseau();
+		const zone = fuseau === null ? null : libelles.fuseauHoraire(nomDuFuseau(fuseau, locale, this.instantDuNomDeFuseau));
+		return [
+			this.aideEtRaisons(),
+			format,
+			bornes,
+			zone
+		].filter((texte) => texte !== null).join(" ");
+	}, ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => {
+			if (!isDevMode()) return;
+			for (const borne of [this.heureMin(), this.heureMax()]) {
+				if (borne === null || estHeureIso(borne)) continue;
+				console.warn(`[st-time-field] Borne illisible ("${borne}") : elle n'est pas dite dans l'aide. Transmettre une heure HH:MM.`);
+			}
+		});
+	}
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	surSaisie(evenement) {
+		this.saisie.set(this.texteSaisi(evenement));
+	}
+	aLaSortieDuChamp() {
+		if (this.saisie.parseErrors().length === 0) this.saisie.set(this.formater(this.value()));
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	formater(valeur) {
+		return valeur === null || !estHeureIso(valeur) ? "" : formaterHeureSaisie(valeur, this.locale());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StTimeField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StTimeField,
+		isStandalone: true,
+		selector: "st-time-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			heureMin: {
+				classPropertyName: "heureMin",
+				publicName: "heureMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			heureMax: {
+				classPropertyName: "heureMax",
+				publicName: "heureMax",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			secondes: {
+				classPropertyName: "secondes",
+				publicName: "secondes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fuseau: {
+				classPropertyName: "fuseau",
+				publicName: "fuseau",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autocomplete: {
+				classPropertyName: "autocomplete",
+				publicName: "autocomplete",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { classAttribute: "st-time-field" },
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    class=\"st-time-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    spellcheck=\"false\"\n    [attr.inputmode]=\"clavier()\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"saisie()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortieDuChamp()\"\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:block}.st-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-time-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-danger)}.st-time-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-time-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-time-field__champ:is(input,textarea):read-only:not(:disabled),.st-time-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-time-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\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.0",
+	ngImport: i0,
+	type: StTimeField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-time-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StFormField, StControleDeChamp],
+			host: { class: "st-time-field" },
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    class=\"st-time-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    spellcheck=\"false\"\n    [attr.inputmode]=\"clavier()\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"saisie()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortieDuChamp()\"\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:block}.st-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-time-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-danger)}.st-time-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-time-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-time-field__champ:is(input,textarea):read-only:not(:disabled),.st-time-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-time-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		heureMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heureMin",
+				required: false
+			}]
+		}],
+		heureMax: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heureMax",
+				required: false
+			}]
+		}],
+		secondes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondes",
+				required: false
+			}]
+		}],
+		fuseau: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fuseau",
+				required: false
+			}]
+		}],
+		autocomplete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autocomplete",
+				required: false
+			}]
+		}]
+	}
+});
+function pasOuNull(valeur) {
+	if (valeur === null || valeur === void 0 || valeur === "") return null;
+	const pas = numberAttribute(valeur, NaN);
+	return Number.isFinite(pas) && pas > 0 ? pas : null;
+}
+function decimalesDuPas(pas) {
+	const texte = String(pas);
+	const exposant = /e-(\d+)$/.exec(texte);
+	if (exposant !== null) return Number(exposant[1]);
+	return (texte.split(".")[1] ?? "").length;
+}
+function bornerEtArrondir(valeur, decimales, bas, haut) {
+	let resultat = Number(valeur.toFixed(decimales));
+	if (bas !== void 0 && resultat < bas) resultat = bas;
+	if (haut !== void 0 && resultat > haut) resultat = haut;
+	return resultat;
+}
+const TOUCHES_DU_PAS = {
+	ArrowUp: 1,
+	ArrowDown: -1,
+	PageUp: 10,
+	PageDown: -10
+};
+var StNumberField = class StNumberField extends ContratDeChampABornes {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	idUnite = `${inject(StIdentifiants).prochain("st-number-field")}-unite`;
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	decimales = input(0, {
+		...ngDevMode ? { debugName: "decimales" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	pas = input(null, {
+		...ngDevMode ? { debugName: "pas" } : 		/* istanbul ignore next */ {},
+		transform: pasOuNull
+	});
+	unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	averti = false;
+	decimalesAdmises = computed(() => {
+		const decimales = Math.max(0, Math.trunc(this.decimales()));
+		const pas = this.pas();
+		if (isDevMode() && !this.averti && pas !== null && decimalesDuPas(pas) > decimales) {
+			this.averti = true;
+			console.warn(`[st-number-field] pas ${String(pas)} plus fin que ${String(decimales)} decimale(s).`);
+		}
+		return decimales;
+	}, ...ngDevMode ? [{ debugName: "decimalesAdmises" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (texte) => {
+			if (texte.trim() === "") return { value: null };
+			const decimales = this.decimalesAdmises();
+			const lecture = lireNombre(texte, this.locale(), decimales);
+			if (lecture.lu) return { value: lecture.valeur };
+			if (lecture.raison === "illisible") return {
+				value: null,
+				error: {
+					kind: "nombre",
+					decimales
+				}
+			};
+			return {
+				value: null,
+				error: decimales === 0 ? { kind: "entier" } : {
+					kind: "decimales",
+					decimales
+				}
+			};
+		},
+		format: (valeur) => this.formater(valeur)
+	});
+	lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : 	/* istanbul ignore next */ []);
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	modifiable = computed(() => !this.disabled() && !this.readonly(), ...ngDevMode ? [{ debugName: "modifiable" }] : 	/* istanbul ignore next */ []);
+	peutDiminuer = computed(() => {
+		const valeur = this.value();
+		const bas = this.min();
+		return this.modifiable() && (valeur === null || bas === void 0 || valeur > bas);
+	}, ...ngDevMode ? [{ debugName: "peutDiminuer" }] : 	/* istanbul ignore next */ []);
+	peutAugmenter = computed(() => {
+		const valeur = this.value();
+		const haut = this.max();
+		return this.modifiable() && (valeur === null || haut === void 0 || valeur < haut);
+	}, ...ngDevMode ? [{ debugName: "peutAugmenter" }] : 	/* istanbul ignore next */ []);
+	valeurLue = computed(() => {
+		const valeur = this.value();
+		if (valeur === null) return null;
+		const texte = formaterNombre(valeur, this.locale(), this.decimalesAdmises());
+		const unite = this.unite()?.trim() ?? "";
+		return unite === "" ? texte : `${texte} ${unite}`;
+	}, ...ngDevMode ? [{ debugName: "valeurLue" }] : 	/* istanbul ignore next */ []);
+	uniteLue = computed(() => {
+		const unite = this.unite()?.trim() ?? "";
+		return unite === "" ? null : this.libelles().uniteDuNombre(unite);
+	}, ...ngDevMode ? [{ debugName: "uniteLue" }] : 	/* istanbul ignore next */ []);
+	descriptionsDuControle = computed(() => this.uniteLue() === null ? [] : [this.idUnite], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : 	/* istanbul ignore next */ []);
+	surPressionDuCadre(evenement) {
+		const cible = evenement.target;
+		if (evenement.button !== 0 || !(cible instanceof Element)) return;
+		if (cible.closest("input, button") !== null) return;
+		evenement.preventDefault();
+		this.focus();
+	}
+	surSaisie(evenement) {
+		this.saisie.set(this.texteSaisi(evenement));
+	}
+	surTouche(evenement) {
+		if (this.pas() === null || !this.modifiable() || evenement.altKey || evenement.ctrlKey) return;
+		const pas = TOUCHES_DU_PAS[evenement.key];
+		if (pas !== void 0) {
+			evenement.preventDefault();
+			this.avancer(pas);
+			return;
+		}
+		const borne = evenement.key === "Home" ? this.min() : evenement.key === "End" ? this.max() : void 0;
+		if (borne !== void 0) {
+			evenement.preventDefault();
+			this.poser(borne);
+		}
+	}
+	avancer(nombreDePas) {
+		const pas = this.pas();
+		if (pas === null || !this.modifiable()) return;
+		const actuelle = this.value();
+		this.poser(actuelle === null ? this.min() ?? 0 : actuelle + nombreDePas * pas);
+	}
+	aLaSortie() {
+		if (this.saisie.parseErrors().length === 0) this.saisie.set(this.formater(this.value()));
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	poser(valeur) {
+		const bornee = bornerEtArrondir(valeur, this.decimalesAdmises(), this.min(), this.max());
+		this.saisie.set(this.formater(bornee));
+	}
+	formater(valeur) {
+		if (valeur === null) return "";
+		return formaterNombre(valeur, untracked(this.locale), untracked(this.decimalesAdmises)).replace(/\s/g, String.fromCharCode(160));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StNumberField,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StNumberField,
+		isStandalone: true,
+		selector: "st-number-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decimales: {
+				classPropertyName: "decimales",
+				publicName: "decimales",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pas: {
+				classPropertyName: "pas",
+				publicName: "pas",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unite: {
+				classPropertyName: "unite",
+				publicName: "unite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: { "attr.data-pas": "pas() === null ? null : \"\"" },
+			classAttribute: "st-number-field"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre est UN champ : un clic sur l'unite donne le focus a la zone de frappe. Avec un pas,\n       les boutons - et + sont dans le cadre, a sa fin ; ils ne prennent pas le focus (les fleches\n       font le meme travail au clavier). -->\n  <div class=\"st-number-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <input\n      #champ\n      class=\"st-number-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      spellcheck=\"false\"\n      dir=\"ltr\"\n      [attr.inputmode]=\"decimalesAdmises() > 0 ? 'decimal' : 'numeric'\"\n      [attr.role]=\"pas() === null ? null : 'spinbutton'\"\n      [attr.aria-valuenow]=\"pas() === null ? null : value()\"\n      [attr.aria-valuemin]=\"pas() === null ? null : (min() ?? null)\"\n      [attr.aria-valuemax]=\"pas() === null ? null : (max() ?? null)\"\n      [attr.aria-valuetext]=\"pas() === null ? null : valeurLue()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    @if (unite(); as texte) {\n      <span class=\"st-number-field__unite\" aria-hidden=\"true\">{{ texte }}</span>\n    }\n    @if (pas() !== null) {\n      <span class=\"st-number-field__boutons\">\n        <button\n          stIconButton\n          type=\"button\"\n          icone=\"moins\"\n          tabindex=\"-1\"\n          [etiquette]=\"libelles().diminuer(libelle())\"\n          [disabled]=\"!peutDiminuer()\"\n          (mousedown)=\"$event.preventDefault()\"\n          (click)=\"avancer(-1)\"\n        ></button>\n        <button\n          stIconButton\n          type=\"button\"\n          icone=\"plus\"\n          tabindex=\"-1\"\n          [etiquette]=\"libelles().augmenter(libelle())\"\n          [disabled]=\"!peutAugmenter()\"\n          (mousedown)=\"$event.preventDefault()\"\n          (click)=\"avancer(1)\"\n        ></button>\n      </span>\n    }\n  </div>\n</st-form-field>\n@if (uniteLue(); as texte) {\n  <span class=\"st-vh\" [id]=\"idUnite\">{{ 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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-field__cadre{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-number-field__cadre>.st-number-field__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-number-field__cadre:hover:not(:has(>.st-number-field__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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]):has(>.st-number-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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-field__cadre:has(>.st-number-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__cadre:has(>.st-number-field__champ:is(input,textarea):read-only:not(:disabled)),.st-number-field__cadre:has(>.st-number-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-number-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-number-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-number-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-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-number-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-number-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-number-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-number-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-number-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-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-danger)}.st-number-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-number-field__champ:is(input,textarea):read-only:not(:disabled),.st-number-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-number-field__champ{flex:1 1 auto;min-inline-size:0;font-variant-numeric:var(--st-chiffres-alignes);unicode-bidi:isolate}.st-number-field__cadre:has(>.st-number-field__unite)>.st-number-field__champ{padding-inline-end:var(--st-espacement-2)}.st-number-field__unite{display:flex;flex:none;align-items:center;padding-inline-end:var(--st-espacement-3-5);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);cursor:text}.st-number-field__boutons{display:flex;flex:none}.st-number-field__boutons>button{align-self:stretch;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:0}.st-number-field__cadre:has(>.st-number-field__champ:disabled)>.st-number-field__unite{color:var(--st-couleur-texte-desactive);cursor:inherit}@media(forced-colors:active){.st-number-field__boutons>button{border-inline-start-color:ButtonText}}\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: StIconButton,
+				selector: "button[stIconButton]",
+				inputs: [
+					"icone",
+					"etiquette",
+					"variante",
+					"taille",
+					"tailleDuGlyphe",
+					"enfonce",
+					"iconeEnfoncee",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StNumberField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-number-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFormField,
+				StControleDeChamp,
+				StIconButton
+			],
+			host: {
+				class: "st-number-field",
+				"[attr.data-pas]": "pas() === null ? null : \"\""
+			},
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre est UN champ : un clic sur l'unite donne le focus a la zone de frappe. Avec un pas,\n       les boutons - et + sont dans le cadre, a sa fin ; ils ne prennent pas le focus (les fleches\n       font le meme travail au clavier). -->\n  <div class=\"st-number-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <input\n      #champ\n      class=\"st-number-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      spellcheck=\"false\"\n      dir=\"ltr\"\n      [attr.inputmode]=\"decimalesAdmises() > 0 ? 'decimal' : 'numeric'\"\n      [attr.role]=\"pas() === null ? null : 'spinbutton'\"\n      [attr.aria-valuenow]=\"pas() === null ? null : value()\"\n      [attr.aria-valuemin]=\"pas() === null ? null : (min() ?? null)\"\n      [attr.aria-valuemax]=\"pas() === null ? null : (max() ?? null)\"\n      [attr.aria-valuetext]=\"pas() === null ? null : valeurLue()\"\n      [value]=\"saisie()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    @if (unite(); as texte) {\n      <span class=\"st-number-field__unite\" aria-hidden=\"true\">{{ texte }}</span>\n    }\n    @if (pas() !== null) {\n      <span class=\"st-number-field__boutons\">\n        <button\n          stIconButton\n          type=\"button\"\n          icone=\"moins\"\n          tabindex=\"-1\"\n          [etiquette]=\"libelles().diminuer(libelle())\"\n          [disabled]=\"!peutDiminuer()\"\n          (mousedown)=\"$event.preventDefault()\"\n          (click)=\"avancer(-1)\"\n        ></button>\n        <button\n          stIconButton\n          type=\"button\"\n          icone=\"plus\"\n          tabindex=\"-1\"\n          [etiquette]=\"libelles().augmenter(libelle())\"\n          [disabled]=\"!peutAugmenter()\"\n          (mousedown)=\"$event.preventDefault()\"\n          (click)=\"avancer(1)\"\n        ></button>\n      </span>\n    }\n  </div>\n</st-form-field>\n@if (uniteLue(); as texte) {\n  <span class=\"st-vh\" [id]=\"idUnite\">{{ 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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-field__cadre{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-number-field__cadre>.st-number-field__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-number-field__cadre:hover:not(:has(>.st-number-field__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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]):has(>.st-number-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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-field__cadre:has(>.st-number-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__cadre:has(>.st-number-field__champ:is(input,textarea):read-only:not(:disabled)),.st-number-field__cadre:has(>.st-number-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-number-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-number-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-number-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-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-number-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-number-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-number-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-number-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-number-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-number-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-danger)}.st-number-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-number-field__champ:is(input,textarea):read-only:not(:disabled),.st-number-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-number-field__champ{flex:1 1 auto;min-inline-size:0;font-variant-numeric:var(--st-chiffres-alignes);unicode-bidi:isolate}.st-number-field__cadre:has(>.st-number-field__unite)>.st-number-field__champ{padding-inline-end:var(--st-espacement-2)}.st-number-field__unite{display:flex;flex:none;align-items:center;padding-inline-end:var(--st-espacement-3-5);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);cursor:text}.st-number-field__boutons{display:flex;flex:none}.st-number-field__boutons>button{align-self:stretch;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:0}.st-number-field__cadre:has(>.st-number-field__champ:disabled)>.st-number-field__unite{color:var(--st-couleur-texte-desactive);cursor:inherit}@media(forced-colors:active){.st-number-field__boutons>button{border-inline-start-color:ButtonText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		decimales: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decimales",
+				required: false
+			}]
+		}],
+		pas: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pas",
+				required: false
+			}]
+		}],
+		unite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unite",
+				required: false
+			}]
+		}]
+	}
+});
+const INSECABLE = String.fromCharCode(160);
+var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	pas = input(1, {
+		...ngDevMode ? { debugName: "pas" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : 	/* istanbul ignore next */ []);
+	avecChamp = input(false, {
+		...ngDevMode ? { debugName: "avecChamp" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	formaterValeur = input(null, ...ngDevMode ? [{ debugName: "formaterValeur" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	enveloppe = viewChild.required(StFormField, ...ngDevMode ? [{ debugName: "enveloppe" }] : 	/* istanbul ignore next */ []);
+	idDuCurseur = computed(() => this.enveloppe().identifiants.controle, ...ngDevMode ? [{ debugName: "idDuCurseur" }] : 	/* istanbul ignore next */ []);
+	bas = computed(() => this.min() ?? 0, ...ngDevMode ? [{ debugName: "bas" }] : 	/* istanbul ignore next */ []);
+	haut = computed(() => Math.max(this.max() ?? 100, this.bas()), ...ngDevMode ? [{ debugName: "haut" }] : 	/* istanbul ignore next */ []);
+	pasSur = computed(() => this.pas() > 0 ? this.pas() : 1, ...ngDevMode ? [{ debugName: "pasSur" }] : 	/* istanbul ignore next */ []);
+	decimales = computed(() => decimalesDuPas(this.pasSur()), ...ngDevMode ? [{ debugName: "decimales" }] : 	/* istanbul ignore next */ []);
+	partRemplie = computed(() => {
+		const valeur = this.value();
+		const etendue = this.haut() - this.bas();
+		if (valeur === null || etendue <= 0) return "0%";
+		const part = Math.min(100, Math.max(0, (valeur - this.bas()) / etendue * 100));
+		return `${String(part)}%`;
+	}, ...ngDevMode ? [{ debugName: "partRemplie" }] : 	/* istanbul ignore next */ []);
+	valeurLue = computed(() => {
+		const valeur = this.value();
+		return valeur === null ? "" : this.ecrire(valeur);
+	}, ...ngDevMode ? [{ debugName: "valeurLue" }] : 	/* istanbul ignore next */ []);
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors(), []), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	ecrire(valeur) {
+		const formater = this.formaterValeur();
+		if (formater !== null) return formater(valeur);
+		const texte = formaterNombre(valeur, this.locale(), this.decimales());
+		const unite = this.unite()?.trim() ?? "";
+		return unite === "" ? texte : `${texte}${INSECABLE}${unite}`;
+	}
+	surCurseur(evenement) {
+		const curseur = evenement.target;
+		if (this.readonly()) {
+			curseur.value = String(this.value() ?? this.bas());
+			return;
+		}
+		this.value.set(bornerEtArrondir(Number(curseur.value), this.decimales(), this.bas(), this.haut()));
+	}
+	depuisLeChamp(valeur) {
+		this.value.set(valeur);
+	}
+	aLaSortie() {
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StRangeSlider,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StRangeSlider,
+		isStandalone: true,
+		selector: "st-range-slider",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pas: {
+				classPropertyName: "pas",
+				publicName: "pas",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unite: {
+				classPropertyName: "unite",
+				publicName: "unite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			avecChamp: {
+				classPropertyName: "avecChamp",
+				publicName: "avecChamp",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formaterValeur: {
+				classPropertyName: "formaterValeur",
+				publicName: "formaterValeur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { classAttribute: "st-range-slider" },
+		viewQueries: [{
+			propertyName: "enveloppe",
+			first: true,
+			predicate: StFormField,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <div class=\"st-range-slider__ligne\">\n    <input\n      #champ\n      class=\"st-range-slider__curseur\"\n      stControleDeChamp\n      type=\"range\"\n      [min]=\"bas()\"\n      [max]=\"haut()\"\n      [step]=\"pasSur()\"\n      [value]=\"value() ?? bas()\"\n      [style.--_part]=\"partRemplie()\"\n      [attr.aria-valuetext]=\"valeurLue() || null\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      (input)=\"surCurseur($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    <!-- La valeur, toujours lisible ; relie au curseur, sans region vivante (le curseur la dit). -->\n    <output class=\"st-range-slider__valeur\" dir=\"auto\" aria-live=\"off\" [attr.for]=\"idDuCurseur()\">{{\n      valeurLue()\n    }}</output>\n  </div>\n  <!-- Le sens du texte vient de la valeur : « 1 500 € » ne se renverse pas en ecriture inverse. -->\n  <div class=\"st-range-slider__bornes\" aria-hidden=\"true\">\n    <span dir=\"auto\">{{ ecrire(bas()) }}</span>\n    <span dir=\"auto\">{{ ecrire(haut()) }}</span>\n  </div>\n</st-form-field>\n@if (avecChamp()) {\n  <st-number-field\n    class=\"st-range-slider__champ\"\n    [libelle]=\"libelles().champJumeau(libelle())\"\n    [decimales]=\"decimales()\"\n    [unite]=\"unite()\"\n    [min]=\"bas()\"\n    [max]=\"haut()\"\n    [value]=\"value()\"\n    (valueChange)=\"depuisLeChamp($event)\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (touch)=\"aLaSortie()\"\n  />\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-range-slider__ligne{display:flex;gap:var(--st-espacement-3);align-items:center}.st-range-slider__curseur: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-range-slider__curseur{--_piste: var(--st-couleur-surface-active);--_rempli: var(--st-couleur-primaire);flex:1 1 auto;min-inline-size:0;block-size:var(--st-cible-tactile-min);margin:0;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border-radius:var(--st-rayon-sm);appearance:none}.st-range-slider__curseur::-webkit-slider-runnable-track{block-size:var(--st-espacement-1);background:linear-gradient(to right,var(--_rempli) var(--_part, 0%),var(--_piste) var(--_part, 0%));border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-moz-range-track{block-size:var(--st-espacement-1);background:var(--_piste);border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-moz-range-progress{block-size:var(--st-espacement-1);background:var(--_rempli);border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-webkit-slider-thumb{inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);margin-block-start:calc((var(--st-espacement-1) - var(--st-espacement-5)) / 2);background:var(--_rempli);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);appearance:none}.st-range-slider__curseur::-moz-range-thumb{inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);background:var(--_rempli);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos)}.st-range-slider__curseur:disabled{--_rempli: var(--st-couleur-texte-desactive);cursor:not-allowed}.st-range-slider__curseur:dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--_rempli) var(--_part, 0%),var(--_piste) var(--_part, 0%))}@media(forced-colors:active){.st-range-slider__curseur::-webkit-slider-runnable-track{background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}.st-range-slider__curseur::-webkit-slider-thumb{background:Highlight;border-color:Canvas}}.st-range-slider__valeur{flex:none;min-inline-size:4ch;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);text-align:end}.st-range-slider__bornes{display:flex;justify-content:space-between;font-size:var(--st-taille-xs);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-range-slider__champ{margin-block-start:var(--st-espacement-3)}\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: StNumberField,
+				selector: "st-number-field",
+				inputs: [
+					"value",
+					"decimales",
+					"pas",
+					"unite"
+				],
+				outputs: ["valueChange"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StRangeSlider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-range-slider",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StFormField,
+				StControleDeChamp,
+				StNumberField
+			],
+			host: { class: "st-range-slider" },
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <div class=\"st-range-slider__ligne\">\n    <input\n      #champ\n      class=\"st-range-slider__curseur\"\n      stControleDeChamp\n      type=\"range\"\n      [min]=\"bas()\"\n      [max]=\"haut()\"\n      [step]=\"pasSur()\"\n      [value]=\"value() ?? bas()\"\n      [style.--_part]=\"partRemplie()\"\n      [attr.aria-valuetext]=\"valeurLue() || null\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      (input)=\"surCurseur($event)\"\n      (blur)=\"aLaSortie()\"\n    />\n    <!-- La valeur, toujours lisible ; relie au curseur, sans region vivante (le curseur la dit). -->\n    <output class=\"st-range-slider__valeur\" dir=\"auto\" aria-live=\"off\" [attr.for]=\"idDuCurseur()\">{{\n      valeurLue()\n    }}</output>\n  </div>\n  <!-- Le sens du texte vient de la valeur : « 1 500 € » ne se renverse pas en ecriture inverse. -->\n  <div class=\"st-range-slider__bornes\" aria-hidden=\"true\">\n    <span dir=\"auto\">{{ ecrire(bas()) }}</span>\n    <span dir=\"auto\">{{ ecrire(haut()) }}</span>\n  </div>\n</st-form-field>\n@if (avecChamp()) {\n  <st-number-field\n    class=\"st-range-slider__champ\"\n    [libelle]=\"libelles().champJumeau(libelle())\"\n    [decimales]=\"decimales()\"\n    [unite]=\"unite()\"\n    [min]=\"bas()\"\n    [max]=\"haut()\"\n    [value]=\"value()\"\n    (valueChange)=\"depuisLeChamp($event)\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (touch)=\"aLaSortie()\"\n  />\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-range-slider__ligne{display:flex;gap:var(--st-espacement-3);align-items:center}.st-range-slider__curseur: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-range-slider__curseur{--_piste: var(--st-couleur-surface-active);--_rempli: var(--st-couleur-primaire);flex:1 1 auto;min-inline-size:0;block-size:var(--st-cible-tactile-min);margin:0;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border-radius:var(--st-rayon-sm);appearance:none}.st-range-slider__curseur::-webkit-slider-runnable-track{block-size:var(--st-espacement-1);background:linear-gradient(to right,var(--_rempli) var(--_part, 0%),var(--_piste) var(--_part, 0%));border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-moz-range-track{block-size:var(--st-espacement-1);background:var(--_piste);border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-moz-range-progress{block-size:var(--st-espacement-1);background:var(--_rempli);border-radius:var(--st-rayon-pleine)}.st-range-slider__curseur::-webkit-slider-thumb{inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);margin-block-start:calc((var(--st-espacement-1) - var(--st-espacement-5)) / 2);background:var(--_rempli);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);appearance:none}.st-range-slider__curseur::-moz-range-thumb{inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);background:var(--_rempli);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos)}.st-range-slider__curseur:disabled{--_rempli: var(--st-couleur-texte-desactive);cursor:not-allowed}.st-range-slider__curseur:dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--_rempli) var(--_part, 0%),var(--_piste) var(--_part, 0%))}@media(forced-colors:active){.st-range-slider__curseur::-webkit-slider-runnable-track{background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}.st-range-slider__curseur::-webkit-slider-thumb{background:Highlight;border-color:Canvas}}.st-range-slider__valeur{flex:none;min-inline-size:4ch;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);text-align:end}.st-range-slider__bornes{display:flex;justify-content:space-between;font-size:var(--st-taille-xs);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-range-slider__champ{margin-block-start:var(--st-espacement-3)}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		pas: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pas",
+				required: false
+			}]
+		}],
+		unite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unite",
+				required: false
+			}]
+		}],
+		avecChamp: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "avecChamp",
+				required: false
+			}]
+		}],
+		formaterValeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formaterValeur",
+				required: false
+			}]
+		}],
+		enveloppe: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StFormField), { isSignal: true }]
+		}]
+	}
+});
+var StPhoneField = class StPhoneField extends ControleDeSaisie {
+	libelles = inject(ST_LIBELLES);
+	autocomplete = input("tel", ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().exempleDeTelephone, ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
+	saisie = transformedValue(this.value, {
+		parse: (texte) => {
+			const forme = erreurTelephone(texte);
+			return forme === null ? { value: normaliserTelephone(texte) } : {
+				value: normaliserTelephone(texte),
+				error: { kind: forme.kind }
+			};
+		},
+		format: (valeur) => valeur
+	});
+	erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : 	/* istanbul ignore next */ []);
+	afficherErreurs = computed(() => this.touched() || this.quitte(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : 	/* istanbul ignore next */ []);
+	surSaisie(evenement) {
+		this.saisie.set(this.texteSaisi(evenement));
+	}
+	aLaSortie() {
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StPhoneField,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StPhoneField,
+		isStandalone: true,
+		selector: "st-phone-field",
+		inputs: { autocomplete: {
+			classPropertyName: "autocomplete",
+			publicName: "autocomplete",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "st-phone-field" },
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <input\n    #champ\n    class=\"st-phone-field__champ\"\n    stControleDeChamp\n    type=\"tel\"\n    dir=\"ltr\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"saisie()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortie()\"\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:block}.st-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-phone-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-danger)}.st-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-phone-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-phone-field__champ:is(input,textarea):read-only:not(:disabled),.st-phone-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{max-inline-size:var(--st-largeur-champ-lg);font-variant-numeric:var(--st-chiffres-references);text-align:start;unicode-bidi:isolate}\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.0",
+	ngImport: i0,
+	type: StPhoneField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-phone-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StFormField, StControleDeChamp],
+			host: { class: "st-phone-field" },
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"erreursAffichees()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <input\n    #champ\n    class=\"st-phone-field__champ\"\n    stControleDeChamp\n    type=\"tel\"\n    dir=\"ltr\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"saisie()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortie()\"\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:block}.st-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-phone-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-danger)}.st-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-phone-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-phone-field__champ:is(input,textarea):read-only:not(:disabled),.st-phone-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{max-inline-size:var(--st-largeur-champ-lg);font-variant-numeric:var(--st-chiffres-references);text-align:start;unicode-bidi:isolate}\n"]
+		}]
+	}],
+	propDecorators: { autocomplete: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "autocomplete",
+			required: false
+		}]
+	}] }
+});
+const PAR_DEFAUT = {
+	frequence: "mensuelle",
+	intervalle: 1,
+	jourDuMois: null,
+	debut: null,
+	fin: "jamais",
+	jusquau: null,
+	nombre: null
+};
+const FREQUENCES = [
+	"quotidienne",
+	"hebdomadaire",
+	"mensuelle",
+	"annuelle"
+];
+function brouillonDe(recurrence) {
+	const jusquau = recurrence.jusquau ?? null;
+	const nombre = recurrence.nombre ?? null;
+	return {
+		frequence: recurrence.frequence,
+		intervalle: recurrence.intervalle ?? 1,
+		jourDuMois: recurrence.jourDuMois ?? null,
+		debut: recurrence.debut,
+		fin: jusquau !== null ? "date" : nombre !== null ? "nombre" : "jamais",
+		jusquau,
+		nombre
+	};
+}
+function recurrenceDe(brouillon) {
+	if (brouillon.debut === null) return null;
+	const mensuelle = brouillon.frequence === "mensuelle" || brouillon.frequence === "annuelle";
+	return {
+		frequence: brouillon.frequence,
+		intervalle: Math.max(1, brouillon.intervalle ?? 1),
+		debut: brouillon.debut,
+		...mensuelle && brouillon.jourDuMois !== null ? { jourDuMois: brouillon.jourDuMois } : {},
+		...brouillon.fin === "date" && brouillon.jusquau !== null ? { jusquau: brouillon.jusquau } : {},
+		...brouillon.fin === "nombre" && brouillon.nombre !== null ? { nombre: brouillon.nombre } : {}
+	};
+}
+function memeRecurrence(a, b) {
+	if (a === null || b === null) return a === b;
+	return a.frequence === b.frequence && (a.intervalle ?? 1) === (b.intervalle ?? 1) && (a.jourDuMois ?? null) === (b.jourDuMois ?? null) && a.debut === b.debut && (a.jusquau ?? null) === (b.jusquau ?? null) && (a.nombre ?? null) === (b.nombre ?? null);
+}
+var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
+	locale = inject(ST_LOCALE);
+	catalogue = catalogueDesFormulaires();
+	libellesDesChamps = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libellesDesChamps" }] : 	/* istanbul ignore next */ []);
+	langueDeRepli = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langueDeRepli" }] : 	/* istanbul ignore next */ []);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : 	/* istanbul ignore next */ []);
+	frequenceChamp = viewChild(StSelect, ...ngDevMode ? [{ debugName: "frequenceChamp" }] : 	/* istanbul ignore next */ []);
+	debutChamp = viewChild("debut", ...ngDevMode ? [{ debugName: "debutChamp" }] : 	/* istanbul ignore next */ []);
+	idDuRecapitulatif = inject(StIdentifiants).prochain("st-recurrence");
+	quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : 	/* istanbul ignore next */ []);
+	brouillon = linkedSignal({
+		...ngDevMode ? { debugName: "brouillon" } : 		/* istanbul ignore next */ {},
+		source: this.value,
+		computation: (recurrence, precedent) => {
+			if (precedent !== void 0 && memeRecurrence(recurrenceDe(precedent.value), recurrence)) return precedent.value;
+			return recurrence === null ? precedent?.value ?? PAR_DEFAUT : brouillonDe(recurrence);
+		}
+	});
+	optionsDeFrequence = computed(() => FREQUENCES.map((frequence) => ({
+		valeur: frequence,
+		libelle: this.libellesDesChamps().frequences[frequence]
+	})), ...ngDevMode ? [{ debugName: "optionsDeFrequence" }] : 	/* istanbul ignore next */ []);
+	optionsDeJour = computed(() => Array.from({ length: 31 }, (_, rang) => ({
+		valeur: String(rang + 1),
+		libelle: String(rang + 1)
+	})), ...ngDevMode ? [{ debugName: "optionsDeJour" }] : 	/* istanbul ignore next */ []);
+	optionsDeFin = computed(() => {
+		const libelles = this.libellesDesChamps();
+		return [
+			{
+				valeur: "jamais",
+				libelle: libelles.finJamais
+			},
+			{
+				valeur: "date",
+				libelle: libelles.finALaDate
+			},
+			{
+				valeur: "nombre",
+				libelle: libelles.finApresNombre
+			}
+		];
+	}, ...ngDevMode ? [{ debugName: "optionsDeFin" }] : 	/* istanbul ignore next */ []);
+	avecJourDuMois = computed(() => {
+		const frequence = this.brouillon().frequence;
+		return frequence === "mensuelle" || frequence === "annuelle";
+	}, ...ngDevMode ? [{ debugName: "avecJourDuMois" }] : 	/* istanbul ignore next */ []);
+	jourChoisi = computed(() => {
+		const jour = this.brouillon().jourDuMois;
+		return jour === null ? "" : String(jour);
+	}, ...ngDevMode ? [{ debugName: "jourChoisi" }] : 	/* istanbul ignore next */ []);
+	unite = computed(() => this.libellesDesChamps().unitesDIntervalle[this.brouillon().frequence], ...ngDevMode ? [{ debugName: "unite" }] : 	/* istanbul ignore next */ []);
+	recapitulatif = computed(() => {
+		const recurrence = this.value();
+		return recurrence === null ? null : decrireRecurrence(recurrence, this.locale());
+	}, ...ngDevMode ? [{ debugName: "recapitulatif" }] : 	/* istanbul ignore next */ []);
+	decritPar = computed(() => this.recapitulatif() === null ? [] : [this.idDuRecapitulatif], ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
+	modifier(partie) {
+		const brouillon = {
+			...this.brouillon(),
+			...partie
+		};
+		this.brouillon.set(brouillon);
+		this.value.set(recurrenceDe(brouillon));
+	}
+	choisirLaFrequence(valeur) {
+		if (FREQUENCES.includes(valeur)) this.modifier({ frequence: valeur });
+	}
+	choisirLeJour(valeur) {
+		this.modifier({ jourDuMois: valeur === "" ? null : Number(valeur) });
+	}
+	choisirLaFin(valeur) {
+		if (valeur === "jamais" || valeur === "date" || valeur === "nombre") this.modifier({ fin: valeur });
+	}
+	quitter() {
+		this.quitte.set(true);
+		this.touch.emit();
+	}
+	focus(options) {
+		if (this.brouillon().debut === null) this.debutChamp()?.focus(options);
+		else this.frequenceChamp()?.focus(options);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StRecurrenceField,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StRecurrenceField,
+		isStandalone: true,
+		selector: "st-recurrence-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dateMin: {
+				classPropertyName: "dateMin",
+				publicName: "dateMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { classAttribute: "st-recurrence-field" },
+		viewQueries: [{
+			propertyName: "frequenceChamp",
+			first: true,
+			predicate: StSelect,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "debutChamp",
+			first: true,
+			predicate: ["debut"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [decritPar]=\"decritPar()\"\n>\n  <div class=\"st-recurrence-field__lignes\">\n    <div class=\"st-recurrence-field__ligne\">\n      <st-select\n        [libelle]=\"libellesDesChamps().frequence\"\n        [options]=\"optionsDeFrequence()\"\n        [value]=\"brouillon().frequence\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"choisirLaFrequence($event)\"\n        (touch)=\"quitter()\"\n      />\n      <st-number-field\n        [libelle]=\"libellesDesChamps().intervalle\"\n        [unite]=\"unite()\"\n        [min]=\"1\"\n        [value]=\"brouillon().intervalle\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"modifier({ intervalle: $event })\"\n        (touch)=\"quitter()\"\n      />\n    </div>\n\n    <!-- Le jour du mois et la premiere echeance vont par deux, comme la frequence et l'intervalle. -->\n    <div class=\"st-recurrence-field__ligne\">\n      @if (avecJourDuMois()) {\n        <!-- La regle des 29, 30 et 31 est l'aide du champ : elle se lit avant tout choix. Tout son\n             texte vient du catalogue (les jours sont des chiffres) : son `lang` au repli (D-29). -->\n        <st-select\n          [attr.lang]=\"langueDeRepli()\"\n          [libelle]=\"libellesDesChamps().jourDuMois\"\n          [aide]=\"libellesDesChamps().regleDeFinDeMois\"\n          [texteVide]=\"libellesDesChamps().jourDeLaPremiereEcheance\"\n          [options]=\"optionsDeJour()\"\n          [value]=\"jourChoisi()\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"choisirLeJour($event)\"\n          (touch)=\"quitter()\"\n        />\n      }\n\n      <st-date-field\n        #debut\n        [libelle]=\"libellesDesChamps().premiereEcheance\"\n        [dateMin]=\"dateMin()\"\n        [required]=\"required()\"\n        [value]=\"brouillon().debut\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"modifier({ debut: $event })\"\n        (touch)=\"quitter()\"\n      />\n    </div>\n\n    <st-radio-group\n      [attr.lang]=\"langueDeRepli()\"\n      [legende]=\"libellesDesChamps().fin\"\n      [options]=\"optionsDeFin()\"\n      [value]=\"brouillon().fin\"\n      [readonly]=\"readonly()\"\n      (valueChange)=\"choisirLaFin($event)\"\n    />\n    @switch (brouillon().fin) {\n      @case ('date') {\n        <st-date-field\n          [libelle]=\"libellesDesChamps().derniereEcheance\"\n          [dateMin]=\"brouillon().debut ?? dateMin()\"\n          [value]=\"brouillon().jusquau\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"modifier({ jusquau: $event })\"\n          (touch)=\"quitter()\"\n        />\n      }\n      @case ('nombre') {\n        <st-number-field\n          [libelle]=\"libellesDesChamps().nombreDEcheances\"\n          [min]=\"1\"\n          [value]=\"brouillon().nombre\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"modifier({ nombre: $event })\"\n          (touch)=\"quitter()\"\n        />\n      }\n    }\n\n    <!-- Le recapitulatif DECRIT le groupe, sans region vivante : il ne s'annonce pas a chaque\n         choix, il se lit en entrant dans le groupe. -->\n    @if (recapitulatif(); as texte) {\n      <div class=\"st-recurrence-field__recapitulatif\">\n        <st-text variante=\"legende\" graisse=\"semi\" [attr.lang]=\"langueDeRepli()\">{{\n          libellesDesChamps().recapitulatif\n        }}</st-text>\n        <st-text [attr.id]=\"idDuRecapitulatif\">{{ texte }}</st-text>\n      </div>\n    }\n  </div>\n</st-fieldset>\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;container-type:inline-size}.st-recurrence-field__lignes{display:flex;flex-direction:column;gap:var(--st-espacement-4)}.st-recurrence-field__ligne{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4)}@container (min-width: 30rem){.st-recurrence-field__ligne{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.st-recurrence-field__recapitulatif{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding:var(--st-espacement-3) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}@media(forced-colors:active){.st-recurrence-field__recapitulatif{border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StDateField,
+				selector: "st-date-field",
+				inputs: [
+					"value",
+					"dateMin",
+					"dateMax",
+					"autocomplete",
+					"annees",
+					"raccourcis",
+					"dispositionDesRaccourcis",
+					"titreDesRaccourcis"
+				],
+				outputs: ["valueChange"]
+			},
+			{
+				kind: "component",
+				type: StFieldset,
+				selector: "st-fieldset",
+				inputs: [
+					"legende",
+					"contenu",
+					"disposition",
+					"toutesLesErreurs",
+					"choixExclusif",
+					"readonly",
+					"disabled",
+					"hidden",
+					"decritPar"
+				]
+			},
+			{
+				kind: "component",
+				type: StNumberField,
+				selector: "st-number-field",
+				inputs: [
+					"value",
+					"decimales",
+					"pas",
+					"unite"
+				],
+				outputs: ["valueChange"]
+			},
+			{
+				kind: "component",
+				type: StRadioGroup,
+				selector: "st-radio-group",
+				inputs: [
+					"legende",
+					"aide",
+					"options",
+					"disposition",
+					"value",
+					"errors",
+					"touched",
+					"dirty",
+					"pending",
+					"disabled",
+					"disabledReasons",
+					"readonly",
+					"required",
+					"hidden",
+					"name"
+				],
+				outputs: ["valueChange", "touch"]
+			},
+			{
+				kind: "component",
+				type: StSelect,
+				selector: "st-select",
+				inputs: [
+					"options",
+					"texteVide",
+					"autocomplete",
+					"icone",
+					"presentation",
+					"variante"
+				]
+			},
+			{
+				kind: "component",
+				type: StText,
+				selector: "st-text",
+				inputs: [
+					"variante",
+					"graisse",
+					"enLigne",
+					"tronquerA",
+					"revelable"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StRecurrenceField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-recurrence-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StDateField,
+				StFieldset,
+				StNumberField,
+				StRadioGroup,
+				StSelect,
+				StText
+			],
+			host: { class: "st-recurrence-field" },
+			template: "<st-fieldset\n  [legende]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched() || quitte()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [decritPar]=\"decritPar()\"\n>\n  <div class=\"st-recurrence-field__lignes\">\n    <div class=\"st-recurrence-field__ligne\">\n      <st-select\n        [libelle]=\"libellesDesChamps().frequence\"\n        [options]=\"optionsDeFrequence()\"\n        [value]=\"brouillon().frequence\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"choisirLaFrequence($event)\"\n        (touch)=\"quitter()\"\n      />\n      <st-number-field\n        [libelle]=\"libellesDesChamps().intervalle\"\n        [unite]=\"unite()\"\n        [min]=\"1\"\n        [value]=\"brouillon().intervalle\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"modifier({ intervalle: $event })\"\n        (touch)=\"quitter()\"\n      />\n    </div>\n\n    <!-- Le jour du mois et la premiere echeance vont par deux, comme la frequence et l'intervalle. -->\n    <div class=\"st-recurrence-field__ligne\">\n      @if (avecJourDuMois()) {\n        <!-- La regle des 29, 30 et 31 est l'aide du champ : elle se lit avant tout choix. Tout son\n             texte vient du catalogue (les jours sont des chiffres) : son `lang` au repli (D-29). -->\n        <st-select\n          [attr.lang]=\"langueDeRepli()\"\n          [libelle]=\"libellesDesChamps().jourDuMois\"\n          [aide]=\"libellesDesChamps().regleDeFinDeMois\"\n          [texteVide]=\"libellesDesChamps().jourDeLaPremiereEcheance\"\n          [options]=\"optionsDeJour()\"\n          [value]=\"jourChoisi()\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"choisirLeJour($event)\"\n          (touch)=\"quitter()\"\n        />\n      }\n\n      <st-date-field\n        #debut\n        [libelle]=\"libellesDesChamps().premiereEcheance\"\n        [dateMin]=\"dateMin()\"\n        [required]=\"required()\"\n        [value]=\"brouillon().debut\"\n        [readonly]=\"readonly()\"\n        (valueChange)=\"modifier({ debut: $event })\"\n        (touch)=\"quitter()\"\n      />\n    </div>\n\n    <st-radio-group\n      [attr.lang]=\"langueDeRepli()\"\n      [legende]=\"libellesDesChamps().fin\"\n      [options]=\"optionsDeFin()\"\n      [value]=\"brouillon().fin\"\n      [readonly]=\"readonly()\"\n      (valueChange)=\"choisirLaFin($event)\"\n    />\n    @switch (brouillon().fin) {\n      @case ('date') {\n        <st-date-field\n          [libelle]=\"libellesDesChamps().derniereEcheance\"\n          [dateMin]=\"brouillon().debut ?? dateMin()\"\n          [value]=\"brouillon().jusquau\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"modifier({ jusquau: $event })\"\n          (touch)=\"quitter()\"\n        />\n      }\n      @case ('nombre') {\n        <st-number-field\n          [libelle]=\"libellesDesChamps().nombreDEcheances\"\n          [min]=\"1\"\n          [value]=\"brouillon().nombre\"\n          [readonly]=\"readonly()\"\n          (valueChange)=\"modifier({ nombre: $event })\"\n          (touch)=\"quitter()\"\n        />\n      }\n    }\n\n    <!-- Le recapitulatif DECRIT le groupe, sans region vivante : il ne s'annonce pas a chaque\n         choix, il se lit en entrant dans le groupe. -->\n    @if (recapitulatif(); as texte) {\n      <div class=\"st-recurrence-field__recapitulatif\">\n        <st-text variante=\"legende\" graisse=\"semi\" [attr.lang]=\"langueDeRepli()\">{{\n          libellesDesChamps().recapitulatif\n        }}</st-text>\n        <st-text [attr.id]=\"idDuRecapitulatif\">{{ texte }}</st-text>\n      </div>\n    }\n  </div>\n</st-fieldset>\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;container-type:inline-size}.st-recurrence-field__lignes{display:flex;flex-direction:column;gap:var(--st-espacement-4)}.st-recurrence-field__ligne{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4)}@container (min-width: 30rem){.st-recurrence-field__ligne{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.st-recurrence-field__recapitulatif{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding:var(--st-espacement-3) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}@media(forced-colors:active){.st-recurrence-field__recapitulatif{border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		dateMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dateMin",
+				required: false
+			}]
+		}],
+		frequenceChamp: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => StSelect), { isSignal: true }]
+		}],
+		debutChamp: [{
+			type: i0.ViewChild,
+			args: ["debut", { isSignal: true }]
+		}]
+	}
+});
+export { LIBELLES_FORMULAIRES_EN, LIBELLES_FORMULAIRES_FR, ST_LIBELLES_FORMULAIRES, StAmountField, StAmountRange, StDateField, StDateRange, StForm, StNumberField, StPhoneField, StRangeSlider, StRecurrenceField, StTimeField, catalogueDesFormulaires, erreurPlageDeMontants, fournirLibellesFormulaires, libellesDesFormulaires };
 
-export { StAmountField, StDateField, StDateRange };
-//# sourceMappingURL=starterlib-ui-formulaires.mjs.map
+//# sourceMappingURL=starterlib-ui-formulaires.mjs.map