@starterlib/ui 0.8.0 → 0.9.1

package/fesm2022/starterlib-ui-donnees.mjs

@@ -1,532 +1,3561 @@
-import * as i0 from '@angular/core';
-import { inject, input, model, booleanAttribute, output, DestroyRef, computed, ChangeDetectionStrategy, Component, signal, afterNextRender } from '@angular/core';
-import { masquerIban, masquerTelephone, masquerCarte, quatreDerniers, formaterIban, formaterMontant } from '@starterlib/util';
-import { ST_LIBELLES, AnnonceLocale, StIconButton, ST_LOCALE, FUSEAU_PAR_DEFAUT, StIcon } from '@starterlib/ui';
-
-/**
- * Identifiant sensible, masque par defaut.
- *
- * ⚠️ La valeur masquee porte un `aria-label` en toutes lettres (« IBAN se
- * terminant par 2606 ») : plusieurs lecteurs d'ecran epellent une suite de
- * puces caractere par caractere, ce qui est a la fois illisible et interminable.
- *
- * La revelation est un EVENEMENT METIER : elle se journalise cote appelant par
- * la sortie `revelation`. La valeur revelee, elle, ne part jamais dans un
- * journal.
- */
-class StMasked {
-    libelles = inject(ST_LIBELLES);
-    valeur = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []));
-    type = input('iban', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    revele = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []));
-    revelationAutorisee = input(false, { ...(ngDevMode ? { debugName: "revelationAutorisee" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    dureeDeRevelationEnSecondes = input(30, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dureeDeRevelationEnSecondes" }] : /* istanbul ignore next */ []));
-    /** `null` : les textes viennent du dictionnaire de l'application. */
-    libelleAfficher = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleAfficher" }] : /* istanbul ignore next */ []));
-    libelleMasquer = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleMasquer" }] : /* istanbul ignore next */ []));
-    revelation = output();
-    /**
-     * ⚠️ Par `AnnonceLocale`, et non par un signal pose directement. La 0.2.0
-     * reposait « Valeur masquee a nouveau » a l'identique : aucune mutation, donc
-     * une seconde remise en masque jamais annoncee.
-     */
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    minuterie = null;
-    constructor() {
-        // Enregistre UNE fois. La 0.2.0 l'enregistrait a chaque revelation, et
-        // chaque clic empilait un rappel de plus.
-        inject(DestroyRef).onDestroy(() => {
-            if (this.minuterie !== null)
-                clearTimeout(this.minuterie);
-        });
-    }
-    valeurMasquee = computed(() => {
-        const valeur = this.valeur();
-        switch (this.type()) {
-            case 'carte':
-                return masquerCarte(valeur);
-            case 'telephone':
-                return masquerTelephone(valeur);
-            default:
-                return masquerIban(valeur);
-        }
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeurMasquee" }] : /* istanbul ignore next */ []));
-    valeurAffichee = computed(() => this.revele() ? this.valeurLisible() : this.valeurMasquee(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeurAffichee" }] : /* istanbul ignore next */ []));
-    /**
-     * La nature et la tournure viennent du dictionnaire : l'ordre des mots change
-     * d'une langue a l'autre, « IBAN se terminant par 2606 » contre « IBAN ending
-     * in 2606 ». Une chaine a trous ne suffirait pas.
-     */
-    nomAccessible = computed(() => {
-        const libelles = this.libelles();
-        const nature = {
-            iban: libelles.natureIban,
-            carte: libelles.natureCarte,
-            telephone: libelles.natureTelephone,
-        }[this.type()];
-        if (this.revele())
-            return `${nature} ${this.valeurLisible()}`;
-        return libelles.seTerminantPar(nature, quatreDerniers(this.valeur()));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nomAccessible" }] : /* istanbul ignore next */ []));
-    libelleDuBouton = computed(() => this.revele()
-        ? (this.libelleMasquer() ?? this.libelles().masquer)
-        : (this.libelleAfficher() ?? this.libelles().afficher), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []));
-    valeurLisible() {
-        return this.type() === 'iban' ? formaterIban(this.valeur()) : this.valeur();
-    }
-    basculer() {
-        if (this.revele()) {
-            this.masquer();
-            return;
-        }
-        this.revele.set(true);
-        this.revelation.emit({ type: this.type() });
-        // Re-masquage automatique : une valeur revelee puis oubliee a l'ecran est
-        // lisible par quiconque passe derriere.
-        if (this.minuterie !== null)
-            clearTimeout(this.minuterie);
-        this.minuterie = setTimeout(() => {
-            this.masquer();
-        }, this.dureeDeRevelationEnSecondes() * 1000);
-    }
-    masquer() {
-        if (this.minuterie !== null) {
-            clearTimeout(this.minuterie);
-            this.minuterie = null;
-        }
-        if (!this.revele())
-            return;
-        this.revele.set(false);
-        this.annonce.annoncer(this.libelles().valeurMasqueeANouveau);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMasked, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StMasked, isStandalone: true, selector: "st-masked", inputs: { valeur: { classPropertyName: "valeur", publicName: "valeur", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, revele: { classPropertyName: "revele", publicName: "revele", isSignal: true, isRequired: false, transformFunction: null }, revelationAutorisee: { classPropertyName: "revelationAutorisee", publicName: "revelationAutorisee", isSignal: true, isRequired: false, transformFunction: null }, dureeDeRevelationEnSecondes: { classPropertyName: "dureeDeRevelationEnSecondes", publicName: "dureeDeRevelationEnSecondes", isSignal: true, isRequired: false, transformFunction: null }, libelleAfficher: { classPropertyName: "libelleAfficher", publicName: "libelleAfficher", isSignal: true, isRequired: false, transformFunction: null }, libelleMasquer: { classPropertyName: "libelleMasquer", publicName: "libelleMasquer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revele: "reveleChange", revelation: "revelation" }, host: { properties: { "attr.data-type": "type()" }, classAttribute: "st-masked" }, ngImport: i0, template: "<span class=\"st-masked__valeur\" aria-hidden=\"true\">{{ valeurAffichee() }}</span>\n<span class=\"st-vh\">{{ nomAccessible() }}</span>\n\n@if (revelationAutorisee()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton. Le nom accessible est\n       impose par le type (`etiquette` est requis) et verifie par axe. -->\n  <button\n    stIconButton\n    type=\"button\"\n    taille=\"sm\"\n    [icone]=\"revele() ? 'oeil-barre' : 'oeil'\"\n    [etiquette]=\"libelleDuBouton()\"\n    [enfonce]=\"revele()\"\n    (click)=\"basculer()\"\n  ></button>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [":host([hidden]){display:none!important}:host{display:inline-flex;gap:var(--st-espacement-2);align-items:center}.st-masked__valeur{font-family:var(--st-police-mono);color:var(--st-couleur-texte);letter-spacing:.02em}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: StIconButton, selector: "button[stIconButton]", inputs: ["icone", "etiquette", "variante", "taille", "enfonce"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMasked, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-masked', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIconButton], host: { class: 'st-masked', '[attr.data-type]': 'type()' }, template: "<span class=\"st-masked__valeur\" aria-hidden=\"true\">{{ valeurAffichee() }}</span>\n<span class=\"st-vh\">{{ nomAccessible() }}</span>\n\n@if (revelationAutorisee()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton. Le nom accessible est\n       impose par le type (`etiquette` est requis) et verifie par axe. -->\n  <button\n    stIconButton\n    type=\"button\"\n    taille=\"sm\"\n    [icone]=\"revele() ? 'oeil-barre' : 'oeil'\"\n    [etiquette]=\"libelleDuBouton()\"\n    [enfonce]=\"revele()\"\n    (click)=\"basculer()\"\n  ></button>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [":host([hidden]){display:none!important}:host{display:inline-flex;gap:var(--st-espacement-2);align-items:center}.st-masked__valeur{font-family:var(--st-police-mono);color:var(--st-couleur-texte);letter-spacing:.02em}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { valeur: [{ type: i0.Input, args: [{ isSignal: true, alias: "valeur", required: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], revele: [{ type: i0.Input, args: [{ isSignal: true, alias: "revele", required: false }] }, { type: i0.Output, args: ["reveleChange"] }], revelationAutorisee: [{ type: i0.Input, args: [{ isSignal: true, alias: "revelationAutorisee", required: false }] }], dureeDeRevelationEnSecondes: [{ type: i0.Input, args: [{ isSignal: true, alias: "dureeDeRevelationEnSecondes", required: false }] }], libelleAfficher: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleAfficher", required: false }] }], libelleMasquer: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleMasquer", required: false }] }], revelation: [{ type: i0.Output, args: ["revelation"] }] } });
-
-/**
- * Somme d'argent.
- *
- * Le montant entre sous forme d'unites mineures entieres : un nombre a virgule
- * flottante ne represente pas exactement 0,10 EUR, et les erreurs s'accumulent.
- * La conversion n'a lieu qu'a l'instant du rendu.
- *
- * ⚠️ Le signe negatif est TOUJOURS rendu en texte. La couleur ne fait que le
- * renforcer : un daltonien, une impression en noir et blanc ou un theme a fort
- * contraste ne doivent jamais transformer un debit en credit.
- */
-class StMoney {
-    locale = inject(ST_LOCALE);
-    valeur = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []));
-    signeExplicite = input(false, { ...(ngDevMode ? { debugName: "signeExplicite" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    sansDevise = input(false, { ...(ngDevMode ? { debugName: "sansDevise" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    taille = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []));
-    signe = computed(() => {
-        const unites = this.valeur().unitesMineures;
-        if (unites < 0n)
-            return 'negatif';
-        if (unites > 0n)
-            return 'positif';
-        return 'nul';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "signe" }] : /* istanbul ignore next */ []));
-    texte = computed(() => formaterMontant(this.valeur(), {
-        locale: this.locale(),
-        signeExplicite: this.signeExplicite(),
-        sansDevise: this.sansDevise(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texte" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMoney, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StMoney, isStandalone: true, selector: "st-money", inputs: { valeur: { classPropertyName: "valeur", publicName: "valeur", isSignal: true, isRequired: true, transformFunction: null }, signeExplicite: { classPropertyName: "signeExplicite", publicName: "signeExplicite", isSignal: true, isRequired: false, transformFunction: null }, sansDevise: { classPropertyName: "sansDevise", publicName: "sansDevise", isSignal: true, isRequired: false, transformFunction: null }, taille: { classPropertyName: "taille", publicName: "taille", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-taille": "taille()", "attr.data-signe": "signe()" }, classAttribute: "st-money" }, ngImport: i0, template: "{{ texte() }}\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{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);white-space:nowrap}:host([data-signe=negatif]){color:var(--st-couleur-danger)}:host([data-taille=sm]){font-size:var(--st-taille-sm)}:host([data-taille=lg]){font-size:var(--st-taille-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, afterNextRender, booleanAttribute, computed, effect, inject, input, isDevMode, linkedSignal, numberAttribute, output, signal, untracked } from "@angular/core";
+import { ecartRelatif, formaterIban, lireInstant, masquerCarte, masquerIban, masquerTelephone, partiesDuMontant, quatreDerniers, sansCommandesDeDirection } from "@starterlib/util";
+import { tenue } from "@starterlib/tokens";
+import { AnnonceLocale, FUSEAU_PAR_DEFAUT, ST_LIBELLES, ST_LOCALE, ST_MONTANTS_MASQUES, StAvatar, StIcon, StIconButton, StIdentifiants, StLink, StTimer, partagerLaValeur } from "@starterlib/ui";
+import { RouterLink } from "@angular/router";
+const POINT$1 = "•";
+const DUREE_MIN = 5;
+const DUREE_MAX = 120;
+var StMasked = class StMasked {
+	libelles = inject(ST_LIBELLES);
+	document = inject(DOCUMENT);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	type = input("iban", ...ngDevMode ? [{ debugName: "type" }] : 	/* istanbul ignore next */ []);
+	charger = input(null, ...ngDevMode ? [{ debugName: "charger" }] : 	/* istanbul ignore next */ []);
+	dureeDeRevelationEnSecondes = input(tenue.revelation / 1e3, {
+		...ngDevMode ? { debugName: "dureeDeRevelationEnSecondes" } : 		/* istanbul ignore next */ {},
+		transform: (valeur) => {
+			const nombre = Number(valeur);
+			if (!Number.isFinite(nombre)) return tenue.revelation / 1e3;
+			return Math.min(DUREE_MAX, Math.max(DUREE_MIN, nombre));
+		}
+	});
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	variante = input("ligne", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	afficherLeDecompte = input(false, {
+		...ngDevMode ? { debugName: "afficherLeDecompte" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	libelleAfficher = input(null, ...ngDevMode ? [{ debugName: "libelleAfficher" }] : 	/* istanbul ignore next */ []);
+	revelation = output();
+	reveleChange = output();
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	enregistrement = computed(() => ({
+		valeur: this.valeur(),
+		charger: this.charger(),
+		type: this.type()
+	}), {
+		...ngDevMode ? { debugName: "enregistrement" } : 		/* istanbul ignore next */ {},
+		equal: (a, b) => a.valeur === b.valeur && a.charger === b.charger && a.type === b.type
+	});
+	etat = linkedSignal({
+		...ngDevMode ? { debugName: "etat" } : 		/* istanbul ignore next */ {},
+		source: this.enregistrement,
+		computation: () => "masque"
+	});
+	valeurComplete = linkedSignal({
+		...ngDevMode ? { debugName: "valeurComplete" } : 		/* istanbul ignore next */ {},
+		source: this.enregistrement,
+		computation: () => null
+	});
+	minuterie = null;
+	demande = 0;
+	reveleSignale = false;
+	revele = computed(() => this.etat() === "revele", ...ngDevMode ? [{ debugName: "revele" }] : 	/* istanbul ignore next */ []);
+	enChargement = computed(() => this.etat() === "chargement", ...ngDevMode ? [{ debugName: "enChargement" }] : 	/* istanbul ignore next */ []);
+	dejaMasquee = computed(() => this.valeur().includes(POINT$1), ...ngDevMode ? [{ debugName: "dejaMasquee" }] : 	/* istanbul ignore next */ []);
+	revelationPossible = computed(() => this.charger() !== null, ...ngDevMode ? [{ debugName: "revelationPossible" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const destruction = inject(DestroyRef);
+		destruction.onDestroy(() => {
+			this.demande++;
+			this.arreterLaMinuterie();
+		});
+		let precedent = null;
+		effect(() => {
+			const courant = this.enregistrement();
+			if (precedent !== null && precedent !== courant) untracked(() => {
+				this.oublierLaRevelation();
+			});
+			precedent = courant;
+		});
+		afterNextRender(() => {
+			const fenetre = this.document.defaultView;
+			const remasquer = () => {
+				if (this.etat() !== "masque") this.masquer();
+			};
+			const auChangementDeVisibilite = () => {
+				if (this.document.hidden) remasquer();
+			};
+			this.document.addEventListener("visibilitychange", auChangementDeVisibilite);
+			fenetre?.addEventListener("blur", remasquer);
+			destruction.onDestroy(() => {
+				this.document.removeEventListener("visibilitychange", auChangementDeVisibilite);
+				fenetre?.removeEventListener("blur", remasquer);
+			});
+		});
+	}
+	valeurMasquee = computed(() => {
+		const valeur = this.valeur();
+		if (this.dejaMasquee()) return valeur;
+		switch (this.type()) {
+			case "carte": return masquerCarte(valeur);
+			case "telephone": return masquerTelephone(valeur);
+			case "reference": return masquerReference(valeur);
+			default: return masquerIban(valeur);
+		}
+	}, ...ngDevMode ? [{ debugName: "valeurMasquee" }] : 	/* istanbul ignore next */ []);
+	valeurLisible = computed(() => {
+		const complete = this.valeurComplete();
+		if (complete === null) return null;
+		return this.type() === "iban" ? formaterIban(complete) : complete;
+	}, ...ngDevMode ? [{ debugName: "valeurLisible" }] : 	/* istanbul ignore next */ []);
+	valeurAffichee = computed(() => this.revele() ? this.valeurLisible() ?? this.valeurMasquee() : this.valeurMasquee(), ...ngDevMode ? [{ debugName: "valeurAffichee" }] : 	/* istanbul ignore next */ []);
+	groupes = computed(() => {
+		const morceaux = this.valeurAffichee().split(/\s+/).filter(Boolean);
+		if (this.type() === "telephone" && morceaux[0]?.startsWith("+") && morceaux.length > 2) morceaux.splice(0, 2, `${morceaux[0]}\u00a0${morceaux[1] ?? ""}`);
+		const revele = this.revele();
+		return morceaux.map((texte, rang) => ({
+			texte,
+			points: texte.includes(POINT$1),
+			extremite: revele && (rang === 0 || rang === morceaux.length - 1)
+		}));
+	}, ...ngDevMode ? [{ debugName: "groupes" }] : 	/* istanbul ignore next */ []);
+	finLisible = computed(() => quatreDerniers(this.valeurMasquee()), ...ngDevMode ? [{ debugName: "finLisible" }] : 	/* istanbul ignore next */ []);
+	nature = computed(() => {
+		const libelles = this.libelles();
+		return {
+			iban: libelles.natureIban,
+			carte: libelles.natureCarte,
+			telephone: libelles.natureTelephone,
+			reference: libelles.natureReference
+		}[this.type()];
+	}, ...ngDevMode ? [{ debugName: "nature" }] : 	/* istanbul ignore next */ []);
+	nomAccessible = computed(() => {
+		const lisible = this.revele() ? this.valeurLisible() : null;
+		if (lisible !== null) return `${this.nature()} ${lisible}`;
+		return this.libelles().seTerminantPar(this.nature(), this.finLisible());
+	}, ...ngDevMode ? [{ debugName: "nomAccessible" }] : 	/* istanbul ignore next */ []);
+	libelleDuBouton = computed(() => this.libelleAfficher() ?? this.libelles().afficherLaValeur(this.type()), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : 	/* istanbul ignore next */ []);
+	basculer() {
+		if (this.etat() === "revele") {
+			this.masquer();
+			return;
+		}
+		if (this.etat() === "masque") this.reveler();
+	}
+	async reveler() {
+		const charger = this.charger();
+		if (charger === null) return;
+		const demande = ++this.demande;
+		this.etat.set("chargement");
+		try {
+			const resultat = charger();
+			const complete = typeof resultat === "string" ? resultat : await resultat;
+			if (demande !== this.demande || this.etat() !== "chargement") return;
+			this.montrer(complete);
+		} catch (erreur) {
+			if (demande !== this.demande) return;
+			if (isDevMode()) console.warn("[st-masked] La revelation a echoue.", erreur);
+			this.etat.set("masque");
+			this.annonce.annoncer(this.libelles().revelationImpossible);
+		}
+	}
+	montrer(complete) {
+		this.valeurComplete.set(complete);
+		this.etat.set("revele");
+		this.reveleSignale = true;
+		this.revelation.emit({ type: this.type() });
+		this.reveleChange.emit(true);
+		this.annonce.annoncer(this.libelles().valeurAffichee(this.type()));
+		this.arreterLaMinuterie();
+		this.minuterie = setTimeout(() => {
+			this.masquer();
+		}, this.dureeDeRevelationEnSecondes() * 1e3);
+	}
+	masquer() {
+		this.arreterLaMinuterie();
+		const etaitRevele = this.etat() === "revele";
+		this.etat.set("masque");
+		this.valeurComplete.set(null);
+		if (!etaitRevele) return;
+		this.reveleSignale = false;
+		this.reveleChange.emit(false);
+		this.annonce.annoncer(this.libelles().valeurMasqueeANouveau);
+	}
+	oublierLaRevelation() {
+		this.demande++;
+		this.arreterLaMinuterie();
+		if (!this.reveleSignale) return;
+		this.reveleSignale = false;
+		this.reveleChange.emit(false);
+		this.annonce.annoncer(this.libelles().valeurMasqueeANouveau);
+	}
+	arreterLaMinuterie() {
+		if (this.minuterie !== null) clearTimeout(this.minuterie);
+		this.minuterie = null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StMasked,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StMasked,
+		isStandalone: true,
+		selector: "st-masked",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			charger: {
+				classPropertyName: "charger",
+				publicName: "charger",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dureeDeRevelationEnSecondes: {
+				classPropertyName: "dureeDeRevelationEnSecondes",
+				publicName: "dureeDeRevelationEnSecondes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			afficherLeDecompte: {
+				classPropertyName: "afficherLeDecompte",
+				publicName: "afficherLeDecompte",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelleAfficher: {
+				classPropertyName: "libelleAfficher",
+				publicName: "libelleAfficher",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			revelation: "revelation",
+			reveleChange: "reveleChange"
+		},
+		host: {
+			properties: {
+				"attr.data-type": "type()",
+				"attr.data-variante": "variante()",
+				"attr.data-taille": "taille()",
+				"attr.data-revele": "revele() ? \"\" : null"
+			},
+			classAttribute: "st-masked"
+		},
+		ngImport: i0,
+		template: "@if (libelle() !== null || (afficherLeDecompte() && revele())) {\n  <div class=\"st-masked__entete\">\n    @if (libelle(); as texte) {\n      <span class=\"st-masked__libelle\">{{ texte }}</span>\n    }\n    @if (afficherLeDecompte() && revele()) {\n      <st-timer\n        variante=\"pastille\"\n        nature=\"remasquage\"\n        [secondes]=\"dureeDeRevelationEnSecondes()\"\n      />\n    }\n  </div>\n}\n\n<span class=\"st-masked__valeur\" aria-hidden=\"true\">\n  @if (taille() === 'lg') {\n    @for (groupe of groupes(); track $index) {\n      <span\n        class=\"st-masked__groupe\"\n        [class.st-masked__groupe--points]=\"groupe.points\"\n        [class.st-masked__groupe--extremite]=\"groupe.extremite\"\n        >{{ groupe.texte }}</span\n      >\n    }\n  } @else {\n    <ng-container>{{ valeurAffichee() }}</ng-container>\n  }\n</span>\n@if (revele()) {\n  <!-- Sur papier, la valeur est TOUJOURS masquee : une impression ne se remasque pas. -->\n  <span class=\"st-masked__imprime\" aria-hidden=\"true\">{{ valeurMasquee() }}</span>\n}\n<span class=\"st-vh\">{{ nomAccessible() }}</span>\n\n<div class=\"st-masked__fin\">\n  <ng-content select=\"[fin]\" />\n  @if (revelationPossible()) {\n    <button\n      stIconButton\n      type=\"button\"\n      variante=\"secondaire\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      [taille]=\"taille() === 'lg' ? 'md' : 'xs'\"\n      [tailleDuGlyphe]=\"taille() === 'lg' ? '20' : null\"\n      [etiquette]=\"libelleDuBouton()\"\n      [enfonce]=\"revele()\"\n      [chargement]=\"enChargement()\"\n      (click)=\"basculer()\"\n    ></button>\n  }\n</div>\n\n<div class=\"st-masked__suite\"><ng-content /></div>\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:inline-flex;gap:var(--st-espacement-2);align-items:center}.st-masked__valeur{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references);color:var(--st-couleur-texte);letter-spacing:var(--st-interlettrage-capitales);unicode-bidi:isolate;direction:ltr}:host([data-taille=sm]) .st-masked__valeur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}:host([data-taille=lg]) .st-masked__valeur{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1-5);align-items:center;font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-lg)}:host([data-taille=lg]:is([data-type=carte],[data-type=telephone])) .st-masked__valeur{gap:var(--st-espacement-2)}:host([data-taille=lg][data-type=carte]) .st-masked__valeur{letter-spacing:var(--st-interlettrage-surtitre)}.st-masked__groupe{white-space:nowrap}.st-masked__groupe--points{color:var(--st-couleur-texte-attenue)}.st-masked__groupe--extremite{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-masked__fin{display:flex;gap:var(--st-espacement-1);align-items:center}.st-masked__fin:empty,.st-masked__suite:empty{display:none}.st-masked__imprime{display:none}:host([data-variante=tuile]){display:grid;gap:0 var(--st-espacement-2);grid-template-areas:\"entete fin\" \"valeur fin\" \"suite suite\";grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-variante=tuile]) .st-masked__entete{grid-area:entete}:host([data-variante=tuile]) .st-masked__valeur{grid-area:valeur}:host([data-variante=tuile]) .st-masked__entete+.st-masked__valeur{margin-block-start:var(--st-espacement-1)}:host([data-variante=tuile]) .st-masked__fin{grid-area:fin}:host([data-variante=tuile]) .st-masked__suite{grid-area:suite;margin-block-start:var(--st-espacement-2)}:host([data-variante=tuile][data-revele]){grid-template-areas:\"entete fin\" \"valeur valeur\" \"suite suite\";background:color-mix(in srgb,var(--st-couleur-primaire-attenue) 30%,transparent)}:host([data-variante=tuile][data-revele]) .st-masked__entete+.st-masked__valeur{margin-block-start:var(--st-espacement-2)}.st-masked__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-masked__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}:host([data-revele]) .st-masked__libelle{color:var(--st-couleur-texte-primaire)}@media print{:host([data-revele]) .st-masked__valeur,.st-masked__fin{display:none}:host([data-revele]) .st-masked__imprime{display:inline;font-family:var(--st-police-mono)}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIconButton,
+			selector: "button[stIconButton]",
+			inputs: [
+				"icone",
+				"etiquette",
+				"variante",
+				"taille",
+				"tailleDuGlyphe",
+				"enfonce",
+				"iconeEnfoncee",
+				"chargement",
+				"indisponible",
+				"raisonIndisponible"
+			]
+		}, {
+			kind: "component",
+			type: StTimer,
+			selector: "st-timer",
+			inputs: [
+				"secondes",
+				"echeance",
+				"nature",
+				"variante",
+				"avecIcone"
+			],
+			outputs: ["termine"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StMasked,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-masked",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIconButton, StTimer],
+			host: {
+				class: "st-masked",
+				"[attr.data-type]": "type()",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-taille]": "taille()",
+				"[attr.data-revele]": "revele() ? \"\" : null"
+			},
+			template: "@if (libelle() !== null || (afficherLeDecompte() && revele())) {\n  <div class=\"st-masked__entete\">\n    @if (libelle(); as texte) {\n      <span class=\"st-masked__libelle\">{{ texte }}</span>\n    }\n    @if (afficherLeDecompte() && revele()) {\n      <st-timer\n        variante=\"pastille\"\n        nature=\"remasquage\"\n        [secondes]=\"dureeDeRevelationEnSecondes()\"\n      />\n    }\n  </div>\n}\n\n<span class=\"st-masked__valeur\" aria-hidden=\"true\">\n  @if (taille() === 'lg') {\n    @for (groupe of groupes(); track $index) {\n      <span\n        class=\"st-masked__groupe\"\n        [class.st-masked__groupe--points]=\"groupe.points\"\n        [class.st-masked__groupe--extremite]=\"groupe.extremite\"\n        >{{ groupe.texte }}</span\n      >\n    }\n  } @else {\n    <ng-container>{{ valeurAffichee() }}</ng-container>\n  }\n</span>\n@if (revele()) {\n  <!-- Sur papier, la valeur est TOUJOURS masquee : une impression ne se remasque pas. -->\n  <span class=\"st-masked__imprime\" aria-hidden=\"true\">{{ valeurMasquee() }}</span>\n}\n<span class=\"st-vh\">{{ nomAccessible() }}</span>\n\n<div class=\"st-masked__fin\">\n  <ng-content select=\"[fin]\" />\n  @if (revelationPossible()) {\n    <button\n      stIconButton\n      type=\"button\"\n      variante=\"secondaire\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      [taille]=\"taille() === 'lg' ? 'md' : 'xs'\"\n      [tailleDuGlyphe]=\"taille() === 'lg' ? '20' : null\"\n      [etiquette]=\"libelleDuBouton()\"\n      [enfonce]=\"revele()\"\n      [chargement]=\"enChargement()\"\n      (click)=\"basculer()\"\n    ></button>\n  }\n</div>\n\n<div class=\"st-masked__suite\"><ng-content /></div>\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:inline-flex;gap:var(--st-espacement-2);align-items:center}.st-masked__valeur{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references);color:var(--st-couleur-texte);letter-spacing:var(--st-interlettrage-capitales);unicode-bidi:isolate;direction:ltr}:host([data-taille=sm]) .st-masked__valeur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}:host([data-taille=lg]) .st-masked__valeur{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1-5);align-items:center;font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-lg)}:host([data-taille=lg]:is([data-type=carte],[data-type=telephone])) .st-masked__valeur{gap:var(--st-espacement-2)}:host([data-taille=lg][data-type=carte]) .st-masked__valeur{letter-spacing:var(--st-interlettrage-surtitre)}.st-masked__groupe{white-space:nowrap}.st-masked__groupe--points{color:var(--st-couleur-texte-attenue)}.st-masked__groupe--extremite{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-masked__fin{display:flex;gap:var(--st-espacement-1);align-items:center}.st-masked__fin:empty,.st-masked__suite:empty{display:none}.st-masked__imprime{display:none}:host([data-variante=tuile]){display:grid;gap:0 var(--st-espacement-2);grid-template-areas:\"entete fin\" \"valeur fin\" \"suite suite\";grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-variante=tuile]) .st-masked__entete{grid-area:entete}:host([data-variante=tuile]) .st-masked__valeur{grid-area:valeur}:host([data-variante=tuile]) .st-masked__entete+.st-masked__valeur{margin-block-start:var(--st-espacement-1)}:host([data-variante=tuile]) .st-masked__fin{grid-area:fin}:host([data-variante=tuile]) .st-masked__suite{grid-area:suite;margin-block-start:var(--st-espacement-2)}:host([data-variante=tuile][data-revele]){grid-template-areas:\"entete fin\" \"valeur valeur\" \"suite suite\";background:color-mix(in srgb,var(--st-couleur-primaire-attenue) 30%,transparent)}:host([data-variante=tuile][data-revele]) .st-masked__entete+.st-masked__valeur{margin-block-start:var(--st-espacement-2)}.st-masked__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-masked__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}:host([data-revele]) .st-masked__libelle{color:var(--st-couleur-texte-primaire)}@media print{:host([data-revele]) .st-masked__valeur,.st-masked__fin{display:none}:host([data-revele]) .st-masked__imprime{display:inline;font-family:var(--st-police-mono)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: false
+			}]
+		}],
+		charger: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "charger",
+				required: false
+			}]
+		}],
+		dureeDeRevelationEnSecondes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dureeDeRevelationEnSecondes",
+				required: false
+			}]
+		}],
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		afficherLeDecompte: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "afficherLeDecompte",
+				required: false
+			}]
+		}],
+		libelleAfficher: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelleAfficher",
+				required: false
+			}]
+		}],
+		revelation: [{
+			type: i0.Output,
+			args: ["revelation"]
+		}],
+		reveleChange: [{
+			type: i0.Output,
+			args: ["reveleChange"]
+		}]
+	}
+});
+function masquerReference(valeur) {
+	const moitie = Math.ceil(valeur.length / 2);
+	return POINT$1.repeat(4) + valeur.slice(moitie);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMoney, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-money', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'st-money',
-                        '[attr.data-taille]': 'taille()',
-                        '[attr.data-signe]': 'signe()',
-                    }, template: "{{ texte() }}\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{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);white-space:nowrap}:host([data-signe=negatif]){color:var(--st-couleur-danger)}:host([data-taille=sm]){font-size:var(--st-taille-sm)}:host([data-taille=lg]){font-size:var(--st-taille-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl)}\n"] }]
-        }], propDecorators: { valeur: [{ type: i0.Input, args: [{ isSignal: true, alias: "valeur", required: true }] }], signeExplicite: [{ type: i0.Input, args: [{ isSignal: true, alias: "signeExplicite", required: false }] }], sansDevise: [{ type: i0.Input, args: [{ isSignal: true, alias: "sansDevise", required: false }] }], taille: [{ type: i0.Input, args: [{ isSignal: true, alias: "taille", required: false }] }] } });
-
+const POINT = "•";
+var StMoney = class StMoney {
+	locale = inject(ST_LOCALE);
+	libelles = inject(ST_LIBELLES);
+	montantsMasques = inject(ST_MONTANTS_MASQUES);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	signeExplicite = input(false, {
+		...ngDevMode ? { debugName: "signeExplicite" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	sansDevise = input(false, {
+		...ngDevMode ? { debugName: "sansDevise" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	taille = input(null, ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	variation = input(false, {
+		...ngDevMode ? { debugName: "variation" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	police = input("base", ...ngDevMode ? [{ debugName: "police" }] : 	/* istanbul ignore next */ []);
+	alignement = input(null, ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
+	masque = input(false, {
+		...ngDevMode ? { debugName: "masque" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	masqueLu = computed(() => this.masque() || this.montantsMasques(), ...ngDevMode ? [{ debugName: "masqueLu" }] : 	/* istanbul ignore next */ []);
+	signe = computed(() => {
+		const unites = this.valeur().unitesMineures;
+		if (unites < 0n) return "negatif";
+		if (unites > 0n) return "positif";
+		return "nul";
+	}, ...ngDevMode ? [{ debugName: "signe" }] : 	/* istanbul ignore next */ []);
+	options = computed(() => ({
+		locale: this.locale(),
+		signeExplicite: this.signeExplicite(),
+		sansDevise: this.sansDevise()
+	}), ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => partiesDuMontant(this.valeur(), this.options()).map((partie) => partie.value).join(""), ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	valeurMachine = computed(() => {
+		const { unitesMineures, devise } = this.valeur();
+		return `${unitesMineures.toString()} ${devise}`;
+	}, ...ngDevMode ? [{ debugName: "valeurMachine" }] : 	/* istanbul ignore next */ []);
+	texteLu = computed(() => {
+		const { unitesMineures, devise } = this.valeur();
+		const absolu = partiesDuMontant({
+			unitesMineures: unitesMineures < 0n ? -unitesMineures : unitesMineures,
+			devise
+		}, {
+			...this.options(),
+			signeExplicite: false
+		}).map((partie) => partie.value).join("");
+		return this.libelles().montantNegatif(absolu);
+	}, ...ngDevMode ? [{ debugName: "texteLu" }] : 	/* istanbul ignore next */ []);
+	texteMasque = computed(() => {
+		let entierRendu = false;
+		return partiesDuMontant(this.valeur(), {
+			...this.options(),
+			signeExplicite: false
+		}).filter((partie) => partie.type !== "minusSign" && partie.type !== "group").map((partie) => {
+			if (partie.type === "fraction") return POINT.repeat(partie.value.length);
+			if (partie.type !== "integer") return partie.value;
+			if (entierRendu) return "";
+			entierRendu = true;
+			return POINT.repeat(4);
+		}).join("");
+	}, ...ngDevMode ? [{ debugName: "texteMasque" }] : 	/* istanbul ignore next */ []);
+	libelleMasque = computed(() => this.libelles().montantMasque, ...ngDevMode ? [{ debugName: "libelleMasque" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StMoney,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StMoney,
+		isStandalone: true,
+		selector: "st-money",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			signeExplicite: {
+				classPropertyName: "signeExplicite",
+				publicName: "signeExplicite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sansDevise: {
+				classPropertyName: "sansDevise",
+				publicName: "sansDevise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variation: {
+				classPropertyName: "variation",
+				publicName: "variation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			police: {
+				classPropertyName: "police",
+				publicName: "police",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			alignement: {
+				classPropertyName: "alignement",
+				publicName: "alignement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			masque: {
+				classPropertyName: "masque",
+				publicName: "masque",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-taille": "taille()",
+				"attr.data-signe": "masqueLu() ? null : signe()",
+				"attr.data-variation": "variation() && !masqueLu() ? \"\" : null",
+				"attr.data-ton": "ton()",
+				"attr.data-police": "police()",
+				"attr.data-alignement": "alignement()",
+				"attr.data-masque": "masqueLu() ? \"\" : null"
+			},
+			classAttribute: "st-money"
+		},
+		ngImport: i0,
+		template: "@if (masqueLu()) {\n  <span class=\"st-money__valeur\" aria-hidden=\"true\">{{ texteMasque() }}</span>\n  <span class=\"st-vh\">{{ libelleMasque() }}</span>\n} @else if (signe() === 'negatif') {\n  <!-- Le signe moins U+2212 n'est pas lu partout : le texte visible se tait, le mot se dit. -->\n  <data class=\"st-money__valeur\" [attr.value]=\"valeurMachine()\" aria-hidden=\"true\">{{\n    texte()\n  }}</data>\n  <span class=\"st-vh\">{{ texteLu() }}</span>\n} @else {\n  <data class=\"st-money__valeur\" [attr.value]=\"valeurMachine()\">{{ texte() }}</data>\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{color:var(--st-couleur-texte);unicode-bidi:isolate;white-space:nowrap}:host(:not([data-masque])){font-variant-numeric:var(--st-chiffres-alignes)}:host([data-alignement=fin]){text-align:end}:host([data-alignement=debut]){text-align:start}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}:host([data-taille=md]){font-weight:var(--st-graisse-moyenne)}:host([data-taille=lg]){font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=hero]){display:block;font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}@media(min-width:30rem){:host([data-taille=hero]){font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl);font-variant-numeric:var(--st-chiffres-alignes)}}:host([data-police=mono]){font-family:var(--st-police-mono);letter-spacing:var(--st-interlettrage-normal)}:host([data-variation][data-signe=positif]:not([data-ton])){color:var(--st-couleur-positif)}:host([data-variation][data-signe=negatif]:not([data-ton])){color:var(--st-couleur-negatif)}:host([data-masque]){color:var(--st-couleur-texte)}:host([data-ton=neutre]){color:var(--st-couleur-texte)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-masque]){font-family:var(--st-police-mono);letter-spacing:var(--st-interlettrage-surtitre)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StMoney,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-money",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-money",
+				"[attr.data-taille]": "taille()",
+				"[attr.data-signe]": "masqueLu() ? null : signe()",
+				"[attr.data-variation]": "variation() && !masqueLu() ? \"\" : null",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-police]": "police()",
+				"[attr.data-alignement]": "alignement()",
+				"[attr.data-masque]": "masqueLu() ? \"\" : null"
+			},
+			template: "@if (masqueLu()) {\n  <span class=\"st-money__valeur\" aria-hidden=\"true\">{{ texteMasque() }}</span>\n  <span class=\"st-vh\">{{ libelleMasque() }}</span>\n} @else if (signe() === 'negatif') {\n  <!-- Le signe moins U+2212 n'est pas lu partout : le texte visible se tait, le mot se dit. -->\n  <data class=\"st-money__valeur\" [attr.value]=\"valeurMachine()\" aria-hidden=\"true\">{{\n    texte()\n  }}</data>\n  <span class=\"st-vh\">{{ texteLu() }}</span>\n} @else {\n  <data class=\"st-money__valeur\" [attr.value]=\"valeurMachine()\">{{ texte() }}</data>\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{color:var(--st-couleur-texte);unicode-bidi:isolate;white-space:nowrap}:host(:not([data-masque])){font-variant-numeric:var(--st-chiffres-alignes)}:host([data-alignement=fin]){text-align:end}:host([data-alignement=debut]){text-align:start}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}:host([data-taille=md]){font-weight:var(--st-graisse-moyenne)}:host([data-taille=lg]){font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=hero]){display:block;font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}@media(min-width:30rem){:host([data-taille=hero]){font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl);font-variant-numeric:var(--st-chiffres-alignes)}}:host([data-police=mono]){font-family:var(--st-police-mono);letter-spacing:var(--st-interlettrage-normal)}:host([data-variation][data-signe=positif]:not([data-ton])){color:var(--st-couleur-positif)}:host([data-variation][data-signe=negatif]:not([data-ton])){color:var(--st-couleur-negatif)}:host([data-masque]){color:var(--st-couleur-texte)}:host([data-ton=neutre]){color:var(--st-couleur-texte)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-masque]){font-family:var(--st-police-mono);letter-spacing:var(--st-interlettrage-surtitre)}\n"]
+		}]
+	}],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		signeExplicite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "signeExplicite",
+				required: false
+			}]
+		}],
+		sansDevise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sansDevise",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		variation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variation",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		police: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "police",
+				required: false
+			}]
+		}],
+		alignement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "alignement",
+				required: false
+			}]
+		}],
+		masque: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "masque",
+				required: false
+			}]
+		}]
+	}
+});
 const OPTIONS = {
-    court: { day: '2-digit', month: '2-digit', year: 'numeric' },
-    long: { day: 'numeric', month: 'long', year: 'numeric' },
-    'date-heure': {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-    },
-    heure: { hour: '2-digit', minute: '2-digit' },
+	court: {
+		day: "2-digit",
+		month: "2-digit",
+		year: "numeric"
+	},
+	long: {
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	},
+	moyen: {
+		dateStyle: "medium",
+		timeStyle: "short"
+	},
+	"date-heure": {
+		day: "2-digit",
+		month: "2-digit",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	},
+	heure: {
+		hour: "2-digit",
+		minute: "2-digit"
+	}
+};
+const AVEC_HEURE = /* @__PURE__ */ new Set([
+	"moyen",
+	"date-heure",
+	"heure"
+]);
+const DATE_DE_CALENDRIER = /^\d{4}-\d{2}-\d{2}$/;
+var StDate = class StDate {
+	locale = inject(ST_LOCALE);
+	libelles = inject(ST_LIBELLES);
+	fuseauParDefaut = inject(FUSEAU_PAR_DEFAUT);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	format = input("court", ...ngDevMode ? [{ debugName: "format" }] : 	/* istanbul ignore next */ []);
+	fuseau = input(null, ...ngDevMode ? [{ debugName: "fuseau" }] : 	/* istanbul ignore next */ []);
+	afficherLeFuseau = input(false, {
+		...ngDevMode ? { debugName: "afficherLeFuseau" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	variante = input("valeur", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	estDateDeCalendrier = computed(() => {
+		const valeur = this.valeur();
+		return typeof valeur === "string" && DATE_DE_CALENDRIER.test(valeur);
+	}, ...ngDevMode ? [{ debugName: "estDateDeCalendrier" }] : 	/* istanbul ignore next */ []);
+	fuseauDeRendu = computed(() => this.estDateDeCalendrier() ? "UTC" : this.fuseau() ?? this.fuseauParDefaut, ...ngDevMode ? [{ debugName: "fuseauDeRendu" }] : 	/* istanbul ignore next */ []);
+	date = computed(() => {
+		const valeur = this.valeur();
+		if (valeur === null || valeur === "") return null;
+		if (valeur instanceof Date) return Number.isNaN(valeur.getTime()) ? null : valeur;
+		const instant = lireInstant(valeur, this.fuseauDeRendu());
+		return instant === null ? null : new Date(instant);
+	}, ...ngDevMode ? [{ debugName: "date" }] : 	/* istanbul ignore next */ []);
+	estValide = computed(() => this.date() !== null, ...ngDevMode ? [{ debugName: "estValide" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const valeur = this.valeur();
+			if (!isDevMode() || this.estValide() || valeur === null || valeur === "") return;
+			console.warn(`[st-date] Valeur illisible ("${String(valeur)}") : le tiret "\u2014" est rendu. Transmettre une date ISO 8601 ou un objet Date.`);
+		});
+		effect(() => {
+			if (isDevMode() && this.format() === "heure" && this.estDateDeCalendrier()) console.warn("[st-date] Format \"heure\" sur une date de calendrier : la date est rendue.");
+		});
+	}
+	iso = computed(() => {
+		const date = this.date();
+		if (date === null) return null;
+		if (this.estDateDeCalendrier()) return date.toISOString().slice(0, 10);
+		return date.toISOString();
+	}, ...ngDevMode ? [{ debugName: "iso" }] : 	/* istanbul ignore next */ []);
+	optionsDeFormat = computed(() => {
+		const format = this.format();
+		if (!this.estDateDeCalendrier()) return OPTIONS[format];
+		if (format === "heure") return OPTIONS.court;
+		if (format === "moyen") return { dateStyle: "medium" };
+		const sansHeure = { ...OPTIONS[format] };
+		delete sansHeure.hour;
+		delete sansHeure.minute;
+		return sansHeure;
+	}, ...ngDevMode ? [{ debugName: "optionsDeFormat" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => {
+		const date = this.date();
+		if (date === null) return "";
+		return new Intl.DateTimeFormat(this.locale(), {
+			...this.optionsDeFormat(),
+			timeZone: this.fuseauDeRendu()
+		}).format(date);
+	}, ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	fuseauAffiche = computed(() => this.afficherLeFuseau() && AVEC_HEURE.has(this.format()) && !this.estDateDeCalendrier() ? this.fuseauDeRendu() : null, ...ngDevMode ? [{ debugName: "fuseauAffiche" }] : 	/* istanbul ignore next */ []);
+	texteAccessible = computed(() => {
+		const date = this.date();
+		if (date === null || this.format() !== "court") return null;
+		return new Intl.DateTimeFormat(this.locale(), {
+			...OPTIONS.long,
+			timeZone: this.fuseauDeRendu()
+		}).format(date);
+	}, ...ngDevMode ? [{ debugName: "texteAccessible" }] : 	/* istanbul ignore next */ []);
+	dateInconnue = computed(() => this.libelles().dateInconnue, ...ngDevMode ? [{ debugName: "dateInconnue" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDate,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StDate,
+		isStandalone: true,
+		selector: "st-date",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			format: {
+				classPropertyName: "format",
+				publicName: "format",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fuseau: {
+				classPropertyName: "fuseau",
+				publicName: "fuseau",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			afficherLeFuseau: {
+				classPropertyName: "afficherLeFuseau",
+				publicName: "afficherLeFuseau",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-format": "format()",
+				"attr.data-variante": "variante()",
+				"attr.data-inconnue": "estValide() ? null : \"\""
+			},
+			classAttribute: "st-date"
+		},
+		ngImport: i0,
+		template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" [attr.aria-hidden]=\"texteAccessible() === null ? null : 'true'\"\n    ><span class=\"st-date__texte\">{{ texte() }}</span>\n    @if (fuseauAffiche(); as fuseau) {\n      <!-- L'espace dans le corps de la date : c'est lui qui coupe la ligne avant le fuseau. -->\n      {{ ' ' }}<span class=\"st-date__fuseau\">({{ fuseau }})</span>\n    }\n  </time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n} @else {\n  <span class=\"st-date__inconnue\" aria-hidden=\"true\">&mdash;</span>\n  <span class=\"st-vh\">{{ dateInconnue() }}</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{color:var(--st-couleur-texte);unicode-bidi:isolate}:host([data-variante=valeur][data-format=court]:not([data-inconnue])),:host([data-variante=valeur][data-format=date-heure]:not([data-inconnue])),:host([data-variante=valeur][data-format=heure]:not([data-inconnue])){font-variant-numeric:var(--st-chiffres-alignes)}:host([data-variante=meta]){font-weight:var(--st-graisse-semi)}.st-date__texte{white-space:nowrap}.st-date__fuseau{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-date__inconnue{font-family:var(--st-police-mono);color:var(--st-couleur-texte-discret)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDate,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-date",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-date",
+				"[attr.data-format]": "format()",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-inconnue]": "estValide() ? null : \"\""
+			},
+			template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" [attr.aria-hidden]=\"texteAccessible() === null ? null : 'true'\"\n    ><span class=\"st-date__texte\">{{ texte() }}</span>\n    @if (fuseauAffiche(); as fuseau) {\n      <!-- L'espace dans le corps de la date : c'est lui qui coupe la ligne avant le fuseau. -->\n      {{ ' ' }}<span class=\"st-date__fuseau\">({{ fuseau }})</span>\n    }\n  </time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n} @else {\n  <span class=\"st-date__inconnue\" aria-hidden=\"true\">&mdash;</span>\n  <span class=\"st-vh\">{{ dateInconnue() }}</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{color:var(--st-couleur-texte);unicode-bidi:isolate}:host([data-variante=valeur][data-format=court]:not([data-inconnue])),:host([data-variante=valeur][data-format=date-heure]:not([data-inconnue])),:host([data-variante=valeur][data-format=heure]:not([data-inconnue])){font-variant-numeric:var(--st-chiffres-alignes)}:host([data-variante=meta]){font-weight:var(--st-graisse-semi)}.st-date__texte{white-space:nowrap}.st-date__fuseau{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-date__inconnue{font-family:var(--st-police-mono);color:var(--st-couleur-texte-discret)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		format: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "format",
+				required: false
+			}]
+		}],
+		fuseau: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fuseau",
+				required: false
+			}]
+		}],
+		afficherLeFuseau: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "afficherLeFuseau",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}]
+	}
+});
+const MINUTE$1 = 6e4;
+const JOUR = 1440 * MINUTE$1;
+const ABSOLU_VISIBLE = {
+	dateStyle: "medium",
+	timeStyle: "short"
 };
-/**
- * Date rendue dans la locale et le fuseau de l'application.
- *
- * ⚠️ La locale et le fuseau sont EXPLICITES, jamais deduits de l'environnement
- * d'execution. Un rendu serveur et un rendu navigateur qui ne s'accordent pas
- * produisent deux textes differents, et l'hydratation casse. Le rendu serveur
- * est ecarte en version 1, mais la compatibilite reste gardee a cout nul.
- *
- * Le format court garde un nom accessible en toutes lettres : « 12/09/26 » est
- * ambigu a l'oral, et l'ordre jour-mois n'est pas universel.
- */
-class StDate {
-    locale = inject(ST_LOCALE);
-    fuseauParDefaut = inject(FUSEAU_PAR_DEFAUT);
-    valeur = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []));
-    format = input('court', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
-    fuseau = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fuseau" }] : /* istanbul ignore next */ []));
-    /**
-     * Une DATE DE CALENDRIER (`2026-09-12`) n'est pas un instant : une date de
-     * naissance, une echeance ou un jour de valeur n'ont pas d'heure, et ne
-     * doivent pas changer de jour selon le fuseau de qui les regarde.
-     *
-     * ⚠️ Le piege est dans la norme : `new Date('2026-09-12')` vaut minuit UTC,
-     * donc le 11 septembre partout a l'ouest de Greenwich. Une echeance affichee
-     * la veille est un defaut que personne ne voit depuis l'Europe.
-     */
-    estDateDeCalendrier = computed(() => {
-        const valeur = this.valeur();
-        return typeof valeur === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(valeur);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "estDateDeCalendrier" }] : /* istanbul ignore next */ []));
-    date = computed(() => {
-        const valeur = this.valeur();
-        return valeur instanceof Date ? valeur : new Date(valeur);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
-    estValide = computed(() => !Number.isNaN(this.date().getTime()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "estValide" }] : /* istanbul ignore next */ []));
-    /**
-     * Le fuseau de rendu. Pour une date de calendrier, c'est UTC : la valeur a
-     * ete construite a minuit UTC, la relire en UTC rend donc le jour ecrit.
-     */
-    fuseauDeRendu = computed(() => this.estDateDeCalendrier() ? 'UTC' : (this.fuseau() ?? this.fuseauParDefaut), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fuseauDeRendu" }] : /* istanbul ignore next */ []));
-    /**
-     * Une date de calendrier porte `2026-09-12`, sans heure ni decalage : c'est
-     * la forme que la norme HTML attend, et la seule qui ne mente pas.
-     */
-    iso = computed(() => {
-        if (!this.estValide())
-            return null;
-        if (this.estDateDeCalendrier())
-            return this.date().toISOString().slice(0, 10);
-        return this.date().toISOString();
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iso" }] : /* istanbul ignore next */ []));
-    /** Une date sans heure ne peut pas en afficher une. */
-    optionsDeFormat = computed(() => {
-        const options = OPTIONS[this.format()];
-        if (!this.estDateDeCalendrier())
-            return options;
-        // Le format « heure » n'a aucun sens ici : il ne resterait rien a afficher.
-        if (this.format() === 'heure')
-            return OPTIONS.court;
-        const sansHeure = { ...options };
-        delete sansHeure.hour;
-        delete sansHeure.minute;
-        return sansHeure;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "optionsDeFormat" }] : /* istanbul ignore next */ []));
-    texte = computed(() => {
-        if (!this.estValide())
-            return '';
-        return new Intl.DateTimeFormat(this.locale(), {
-            ...this.optionsDeFormat(),
-            timeZone: this.fuseauDeRendu(),
-        }).format(this.date());
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texte" }] : /* istanbul ignore next */ []));
-    /** Forme longue, lue par les technologies d'assistance. */
-    texteAccessible = computed(() => {
-        if (!this.estValide())
-            return '';
-        if (this.format() === 'court') {
-            return new Intl.DateTimeFormat(this.locale(), {
-                ...OPTIONS.long,
-                timeZone: this.fuseauDeRendu(),
-            }).format(this.date());
-        }
-        return null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texteAccessible" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StDate, isStandalone: true, selector: "st-date", inputs: { valeur: { classPropertyName: "valeur", publicName: "valeur", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, fuseau: { classPropertyName: "fuseau", publicName: "fuseau", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-date" }, ngImport: i0, template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" aria-hidden=\"true\">{{ texte() }}</time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n}\n", styles: [":host([hidden]){display:none!important}:host{font-variant-numeric:tabular-nums;color:var(--st-couleur-texte);white-space:nowrap}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+var StRelativeTime = class StRelativeTime {
+	locale = inject(ST_LOCALE);
+	libelles = inject(ST_LIBELLES);
+	fuseau = inject(FUSEAU_PAR_DEFAUT);
+	document = inject(DOCUMENT);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	rafraichir = input(true, {
+		...ngDevMode ? { debugName: "rafraichir" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	avecAbsolu = input(false, {
+		...ngDevMode ? { debugName: "avecAbsolu" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	seuilAbsoluEnJours = input(7, {
+		...ngDevMode ? { debugName: "seuilAbsoluEnJours" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	destruction = inject(DestroyRef);
+	maintenant = signal(Date.now(), ...ngDevMode ? [{ debugName: "maintenant" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		afterNextRender(() => {
+			if (!this.rafraichir()) return;
+			let minuterie = null;
+			const arreter = () => {
+				if (minuterie !== null) clearTimeout(minuterie);
+				minuterie = null;
+			};
+			const planifier = () => {
+				arreter();
+				if (this.document.hidden) return;
+				const cadence = Math.abs(Date.now() - this.dateEnMillisecondes()) < MINUTE$1 ? 1e4 : MINUTE$1;
+				minuterie = setTimeout(() => {
+					this.maintenant.set(Date.now());
+					planifier();
+				}, cadence);
+			};
+			const auChangementDeVisibilite = () => {
+				if (this.document.hidden) {
+					arreter();
+					return;
+				}
+				this.maintenant.set(Date.now());
+				planifier();
+			};
+			this.document.addEventListener("visibilitychange", auChangementDeVisibilite);
+			planifier();
+			this.destruction.onDestroy(() => {
+				arreter();
+				this.document.removeEventListener("visibilitychange", auChangementDeVisibilite);
+			});
+		});
+	}
+	dateEnMillisecondes() {
+		const valeur = this.valeur();
+		if (valeur instanceof Date) return valeur.getTime();
+		return lireInstant(valeur, this.fuseau) ?? NaN;
+	}
+	estValide = computed(() => !Number.isNaN(this.dateEnMillisecondes()), ...ngDevMode ? [{ debugName: "estValide" }] : 	/* istanbul ignore next */ []);
+	iso = computed(() => this.estValide() ? new Date(this.dateEnMillisecondes()).toISOString() : null, ...ngDevMode ? [{ debugName: "iso" }] : 	/* istanbul ignore next */ []);
+	depasseLeSeuil = computed(() => {
+		return Math.abs(this.maintenant() - this.dateEnMillisecondes()) > this.seuilAbsoluEnJours() * JOUR;
+	}, ...ngDevMode ? [{ debugName: "depasseLeSeuil" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => {
+		if (!this.estValide()) return "";
+		const cible = this.dateEnMillisecondes();
+		if (this.depasseLeSeuil()) return new Intl.DateTimeFormat(this.locale(), {
+			day: "numeric",
+			month: "long",
+			year: "numeric",
+			timeZone: this.fuseau
+		}).format(new Date(cible));
+		if (Math.abs(cible - this.maintenant()) < 1e4) return this.libelles().aLInstant;
+		const style = this.avecAbsolu() ? "short" : "long";
+		return ecartRelatif(cible, this.maintenant(), this.locale(), style);
+	}, ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	absoluVisible = computed(() => {
+		if (!this.avecAbsolu() || !this.estValide() || this.depasseLeSeuil()) return null;
+		return new Intl.DateTimeFormat(this.locale(), {
+			...ABSOLU_VISIBLE,
+			timeZone: this.fuseau
+		}).format(new Date(this.dateEnMillisecondes()));
+	}, ...ngDevMode ? [{ debugName: "absoluVisible" }] : 	/* istanbul ignore next */ []);
+	texteAccessible = computed(() => {
+		if (!this.estValide() || this.avecAbsolu()) return null;
+		return new Intl.DateTimeFormat(this.locale(), {
+			day: "numeric",
+			month: "long",
+			year: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			timeZone: this.fuseau
+		}).format(new Date(this.dateEnMillisecondes()));
+	}, ...ngDevMode ? [{ debugName: "texteAccessible" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StRelativeTime,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StRelativeTime,
+		isStandalone: true,
+		selector: "st-relative-time",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			rafraichir: {
+				classPropertyName: "rafraichir",
+				publicName: "rafraichir",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			avecAbsolu: {
+				classPropertyName: "avecAbsolu",
+				publicName: "avecAbsolu",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			seuilAbsoluEnJours: {
+				classPropertyName: "seuilAbsoluEnJours",
+				publicName: "seuilAbsoluEnJours",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-ton": "ton()" },
+			classAttribute: "st-relative-time"
+		},
+		ngImport: i0,
+		template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" [attr.aria-hidden]=\"texteAccessible() === null ? null : 'true'\">{{\n    texte()\n  }}</time>\n  @if (absoluVisible(); as absolu) {\n    {{ ' ' }}<span class=\"st-relative-time__absolu\">({{ absolu }})</span>\n  }\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand l'absolu est a l'ecran : il se lit deja. -->\n    <span class=\"st-vh\">{{ lu }}</span>\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{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}.st-relative-time__absolu{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);white-space:nowrap;unicode-bidi:isolate}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StRelativeTime,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-relative-time",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-relative-time",
+				"[attr.data-ton]": "ton()"
+			},
+			template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" [attr.aria-hidden]=\"texteAccessible() === null ? null : 'true'\">{{\n    texte()\n  }}</time>\n  @if (absoluVisible(); as absolu) {\n    {{ ' ' }}<span class=\"st-relative-time__absolu\">({{ absolu }})</span>\n  }\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand l'absolu est a l'ecran : il se lit deja. -->\n    <span class=\"st-vh\">{{ lu }}</span>\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{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}.st-relative-time__absolu{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);white-space:nowrap;unicode-bidi:isolate}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		rafraichir: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rafraichir",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		avecAbsolu: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "avecAbsolu",
+				required: false
+			}]
+		}],
+		seuilAbsoluEnJours: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "seuilAbsoluEnJours",
+				required: false
+			}]
+		}]
+	}
+});
+function seuilDAbreviation(valeur) {
+	if (valeur === null || valeur === void 0 || valeur === "null") return null;
+	const nombre = Number(valeur);
+	return Number.isFinite(nombre) ? nombre : null;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDate, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-date', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'st-date' }, template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" aria-hidden=\"true\">{{ texte() }}</time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n}\n", styles: [":host([hidden]){display:none!important}:host{font-variant-numeric:tabular-nums;color:var(--st-couleur-texte);white-space:nowrap}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"] }]
-        }], propDecorators: { valeur: [{ type: i0.Input, args: [{ isSignal: true, alias: "valeur", required: true }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], fuseau: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuseau", required: false }] }] } });
-
-const MINUTE = 60_000;
-const HEURE = 60 * MINUTE;
-const JOUR = 24 * HEURE;
-/**
- * Temps ecoule, exprime relativement (« il y a 5 minutes »).
- *
- * ⚠️ Ce composant ne doit JAMAIS etre place dans une region vivante : son texte
- * se reecrit tout seul, et une region vivante le ferait annoncer en boucle.
- * Son nom accessible porte la date absolue, qui elle ne bouge pas.
- *
- * La cadence de rafraichissement s'adapte : rafraichir chaque seconde une date
- * vieille de trois jours reveille l'onglet pour rien.
- */
-class StRelativeTime {
-    locale = inject(ST_LOCALE);
-    libelles = inject(ST_LIBELLES);
-    fuseau = inject(FUSEAU_PAR_DEFAUT);
-    valeur = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []));
-    rafraichir = input(true, { ...(ngDevMode ? { debugName: "rafraichir" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Au-dela de ce nombre de jours, la date absolue est plus parlante. */
-    seuilAbsoluEnJours = input(7, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "seuilAbsoluEnJours" }] : /* istanbul ignore next */ []));
-    destruction = inject(DestroyRef);
-    maintenant = signal(Date.now(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maintenant" }] : /* istanbul ignore next */ []));
-    constructor() {
-        // `afterNextRender` : aucune minuterie ne demarre a la construction, ce qui
-        // garde le composant compatible avec un rendu serveur.
-        afterNextRender(() => {
-            if (!this.rafraichir())
-                return;
-            let minuterie;
-            const planifier = () => {
-                const ecart = Math.abs(Date.now() - this.dateEnMillisecondes());
-                // Sous une minute, la valeur bouge vite ; au-dela, une fois par minute
-                // suffit et l'onglet se rendort.
-                const cadence = ecart < MINUTE ? 10_000 : MINUTE;
-                minuterie = setTimeout(() => {
-                    this.maintenant.set(Date.now());
-                    planifier();
-                }, cadence);
-            };
-            planifier();
-            this.destruction.onDestroy(() => {
-                clearTimeout(minuterie);
-            });
-        });
-    }
-    dateEnMillisecondes() {
-        const valeur = this.valeur();
-        return (valeur instanceof Date ? valeur : new Date(valeur)).getTime();
-    }
-    estValide = computed(() => !Number.isNaN(this.dateEnMillisecondes()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "estValide" }] : /* istanbul ignore next */ []));
-    iso = computed(() => this.estValide() ? new Date(this.dateEnMillisecondes()).toISOString() : null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iso" }] : /* istanbul ignore next */ []));
-    depasseLeSeuil = computed(() => {
-        const ecart = Math.abs(this.maintenant() - this.dateEnMillisecondes());
-        return ecart > this.seuilAbsoluEnJours() * JOUR;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "depasseLeSeuil" }] : /* istanbul ignore next */ []));
-    texte = computed(() => {
-        if (!this.estValide())
-            return '';
-        const cible = this.dateEnMillisecondes();
-        if (this.depasseLeSeuil()) {
-            return new Intl.DateTimeFormat(this.locale(), {
-                day: 'numeric',
-                month: 'long',
-                year: 'numeric',
-                timeZone: this.fuseau,
-            }).format(new Date(cible));
-        }
-        const ecart = cible - this.maintenant();
-        const absolu = Math.abs(ecart);
-        // Sous dix secondes, « il y a 0 seconde » est plus deroutant qu'utile.
-        if (absolu < 10_000)
-            return this.libelles().aLInstant;
-        const format = new Intl.RelativeTimeFormat(this.locale(), { numeric: 'auto' });
-        if (absolu < MINUTE)
-            return format.format(Math.round(ecart / 1000), 'second');
-        if (absolu < HEURE)
-            return format.format(Math.round(ecart / MINUTE), 'minute');
-        if (absolu < JOUR)
-            return format.format(Math.round(ecart / HEURE), 'hour');
-        return format.format(Math.round(ecart / JOUR), 'day');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texte" }] : /* istanbul ignore next */ []));
-    texteAccessible = computed(() => {
-        if (!this.estValide())
-            return '';
-        return new Intl.DateTimeFormat(this.locale(), {
-            day: 'numeric',
-            month: 'long',
-            year: 'numeric',
-            hour: '2-digit',
-            minute: '2-digit',
-            timeZone: this.fuseau,
-        }).format(new Date(this.dateEnMillisecondes()));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texteAccessible" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StRelativeTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StRelativeTime, isStandalone: true, selector: "st-relative-time", inputs: { valeur: { classPropertyName: "valeur", publicName: "valeur", isSignal: true, isRequired: true, transformFunction: null }, rafraichir: { classPropertyName: "rafraichir", publicName: "rafraichir", isSignal: true, isRequired: false, transformFunction: null }, seuilAbsoluEnJours: { classPropertyName: "seuilAbsoluEnJours", publicName: "seuilAbsoluEnJours", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-relative-time" }, ngImport: i0, template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" aria-hidden=\"true\">{{ texte() }}</time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n}\n", styles: [":host([hidden]){display:none!important}:host{font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+var StCount = class StCount {
+	locale = inject(ST_LOCALE);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : 	/* istanbul ignore next */ []);
+	abregerAuDela = input(1e3, {
+		...ngDevMode ? { debugName: "abregerAuDela" } : 		/* istanbul ignore next */ {},
+		transform: seuilDAbreviation
+	});
+	absolu = computed(() => {
+		const valeur = this.valeur();
+		return typeof valeur === "bigint" ? valeur < 0n ? -valeur : valeur : Math.abs(valeur);
+	}, ...ngDevMode ? [{ debugName: "absolu" }] : 	/* istanbul ignore next */ []);
+	estAbrege = computed(() => {
+		const seuil = this.abregerAuDela();
+		return seuil !== null && this.absolu() >= seuil;
+	}, ...ngDevMode ? [{ debugName: "estAbrege" }] : 	/* istanbul ignore next */ []);
+	optionsDUnite = computed(() => {
+		const unite = this.unite();
+		return unite === null ? {} : {
+			style: "unit",
+			unit: unite,
+			unitDisplay: "short"
+		};
+	}, ...ngDevMode ? [{ debugName: "optionsDUnite" }] : 	/* istanbul ignore next */ []);
+	texteComplet = computed(() => new Intl.NumberFormat(this.locale(), this.optionsDUnite()).format(this.valeur()), ...ngDevMode ? [{ debugName: "texteComplet" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => {
+		if (!this.estAbrege()) return this.texteComplet();
+		return new Intl.NumberFormat(this.locale(), {
+			...this.optionsDUnite(),
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(this.valeur());
+	}, ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StCount,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StCount,
+		isStandalone: true,
+		selector: "st-count",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unite: {
+				classPropertyName: "unite",
+				publicName: "unite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			abregerAuDela: {
+				classPropertyName: "abregerAuDela",
+				publicName: "abregerAuDela",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-ton": "ton()" },
+			classAttribute: "st-count"
+		},
+		ngImport: i0,
+		template: "@if (estAbrege()) {\n  <span aria-hidden=\"true\">{{ texte() }}</span>\n  <!-- Abrege a l'ecran, entier a l'oral : « 1,2 k » ne se lit pas. -->\n  <span class=\"st-vh\">{{ texteComplet() }}</span>\n} @else {\n  <span>{{ 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{font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte);white-space:nowrap;unicode-bidi:isolate}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StCount,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-count",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-count",
+				"[attr.data-ton]": "ton()"
+			},
+			template: "@if (estAbrege()) {\n  <span aria-hidden=\"true\">{{ texte() }}</span>\n  <!-- Abrege a l'ecran, entier a l'oral : « 1,2 k » ne se lit pas. -->\n  <span class=\"st-vh\">{{ texteComplet() }}</span>\n} @else {\n  <span>{{ 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{font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte);white-space:nowrap;unicode-bidi:isolate}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}\n"]
+		}]
+	}],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		unite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unite",
+				required: false
+			}]
+		}],
+		abregerAuDela: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "abregerAuDela",
+				required: false
+			}]
+		}]
+	}
+});
+const SIGNE_MOINS = "−";
+var StNumber = class StNumber {
+	locale = inject(ST_LOCALE);
+	libelles = inject(ST_LIBELLES);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	format = input("decimal", ...ngDevMode ? [{ debugName: "format" }] : 	/* istanbul ignore next */ []);
+	decimales = input({
+		min: 0,
+		max: 2
+	}, ...ngDevMode ? [{ debugName: "decimales" }] : 	/* istanbul ignore next */ []);
+	unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : 	/* istanbul ignore next */ []);
+	signeExplicite = input(false, {
+		...ngDevMode ? { debugName: "signeExplicite" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	variation = input(false, {
+		...ngDevMode ? { debugName: "variation" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	lue = computed(() => {
+		const valeur = this.valeur();
+		return valeur === 0 ? 0 : valeur;
+	}, ...ngDevMode ? [{ debugName: "lue" }] : 	/* istanbul ignore next */ []);
+	signe = computed(() => {
+		const valeur = this.lue();
+		if (valeur < 0) return "negatif";
+		return valeur > 0 ? "positif" : "nul";
+	}, ...ngDevMode ? [{ debugName: "signe" }] : 	/* istanbul ignore next */ []);
+	options = computed(() => {
+		const decimales = this.decimales();
+		const min = borner(typeof decimales === "number" ? decimales : decimales.min);
+		const base = {
+			minimumFractionDigits: min,
+			maximumFractionDigits: Math.max(min, borner(typeof decimales === "number" ? decimales : decimales.max)),
+			signDisplay: this.signeExplicite() ? "exceptZero" : "negative"
+		};
+		const format = this.format();
+		const unite = this.unite();
+		if (format === "pourcentage") return {
+			...base,
+			style: "unit",
+			unit: "percent"
+		};
+		if (format === "unite" && unite !== null) return {
+			...base,
+			style: "unit",
+			unit: unite,
+			unitDisplay: "short"
+		};
+		return base;
+	}, ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => this.formater(this.lue(), this.options()), ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	texteLu = computed(() => {
+		const options = this.options();
+		const abrege = options.unitDisplay === "short";
+		const negatif = this.signe() === "negatif";
+		if (!abrege && !negatif) return null;
+		const valeur = this.lue();
+		const absolu = typeof valeur === "bigint" ? valeur < 0n ? -valeur : valeur : Math.abs(valeur);
+		const lu = this.formater(absolu, {
+			...options,
+			...abrege ? { unitDisplay: "long" } : {},
+			signDisplay: negatif ? "never" : options.signDisplay
+		});
+		if (negatif) return this.libelles().montantNegatif(lu);
+		return lu === this.texte() ? null : lu;
+	}, ...ngDevMode ? [{ debugName: "texteLu" }] : 	/* istanbul ignore next */ []);
+	valeurMachine = computed(() => String(this.lue()), ...ngDevMode ? [{ debugName: "valeurMachine" }] : 	/* istanbul ignore next */ []);
+	formater(valeur, options) {
+		return new Intl.NumberFormat(this.locale(), options).formatToParts(valeur).map((partie) => partie.type === "minusSign" ? SIGNE_MOINS : partie.value).join("");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StNumber,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StNumber,
+		isStandalone: true,
+		selector: "st-number",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			format: {
+				classPropertyName: "format",
+				publicName: "format",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decimales: {
+				classPropertyName: "decimales",
+				publicName: "decimales",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unite: {
+				classPropertyName: "unite",
+				publicName: "unite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			signeExplicite: {
+				classPropertyName: "signeExplicite",
+				publicName: "signeExplicite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variation: {
+				classPropertyName: "variation",
+				publicName: "variation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "dir": "auto" },
+			properties: {
+				"attr.data-ton": "ton()",
+				"attr.data-signe": "signe()",
+				"attr.data-variation": "variation() ? \"\" : null"
+			},
+			classAttribute: "st-number"
+		},
+		ngImport: i0,
+		template: "@if (texteLu(); as lu) {\n  <!-- « 250 ko » a l'ecran, « 250 kilooctets » a l'oral : l'abreviation ne se prononce pas. -->\n  <data class=\"st-number__valeur\" [attr.value]=\"valeurMachine()\" aria-hidden=\"true\">{{\n    texte()\n  }}</data>\n  <span class=\"st-vh\">{{ lu }}</span>\n} @else {\n  <data class=\"st-number__valeur\" [attr.value]=\"valeurMachine()\">{{ texte() }}</data>\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{font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte);white-space:nowrap;unicode-bidi:isolate}:host([data-variation][data-signe=positif]:not([data-ton])){color:var(--st-couleur-positif)}:host([data-variation][data-signe=negatif]:not([data-ton])){color:var(--st-couleur-negatif)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=danger]){color:var(--st-couleur-danger)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StNumber,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-number",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-number",
+				dir: "auto",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-signe]": "signe()",
+				"[attr.data-variation]": "variation() ? \"\" : null"
+			},
+			template: "@if (texteLu(); as lu) {\n  <!-- « 250 ko » a l'ecran, « 250 kilooctets » a l'oral : l'abreviation ne se prononce pas. -->\n  <data class=\"st-number__valeur\" [attr.value]=\"valeurMachine()\" aria-hidden=\"true\">{{\n    texte()\n  }}</data>\n  <span class=\"st-vh\">{{ lu }}</span>\n} @else {\n  <data class=\"st-number__valeur\" [attr.value]=\"valeurMachine()\">{{ texte() }}</data>\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{font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte);white-space:nowrap;unicode-bidi:isolate}:host([data-variation][data-signe=positif]:not([data-ton])){color:var(--st-couleur-positif)}:host([data-variation][data-signe=negatif]:not([data-ton])){color:var(--st-couleur-negatif)}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-texte-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=danger]){color:var(--st-couleur-danger)}\n"]
+		}]
+	}],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		format: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "format",
+				required: false
+			}]
+		}],
+		decimales: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decimales",
+				required: false
+			}]
+		}],
+		unite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unite",
+				required: false
+			}]
+		}],
+		signeExplicite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "signeExplicite",
+				required: false
+			}]
+		}],
+		variation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variation",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}]
+	}
+});
+function borner(decimales) {
+	return Number.isFinite(decimales) ? Math.min(100, Math.max(0, Math.trunc(decimales))) : 0;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StRelativeTime, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-relative-time', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'st-relative-time' }, template: "@if (estValide()) {\n  <time [attr.datetime]=\"iso()\" aria-hidden=\"true\">{{ texte() }}</time>\n  @if (texteAccessible(); as lu) {\n    <!-- Rien quand le format affiche se lit deja : un noeud vide ferait\n         croire a un texte de remplacement absent. -->\n    <span class=\"st-vh\">{{ lu }}</span>\n  }\n}\n", styles: [":host([hidden]){display:none!important}:host{font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { valeur: [{ type: i0.Input, args: [{ isSignal: true, alias: "valeur", required: true }] }], rafraichir: [{ type: i0.Input, args: [{ isSignal: true, alias: "rafraichir", required: false }] }], seuilAbsoluEnJours: [{ type: i0.Input, args: [{ isSignal: true, alias: "seuilAbsoluEnJours", required: false }] }] } });
-
-/**
- * Nombre dans le flux du texte.
- *
- * Distinct de `st-badge`, qui est une pastille superposee a un autre element.
- *
- * ⚠️ Quand la valeur est abregee (« 1,2 k »), le nom accessible porte le nombre
- * COMPLET : l'abreviation est une commodite visuelle, pas une perte
- * d'information pour qui ecoute la page.
- */
-class StCount {
-    locale = inject(ST_LOCALE);
-    valeur = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []));
-    ton = input('neutre', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []));
-    /** `null` : jamais d'abreviation. */
-    abregerAuDela = input(1000, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "abregerAuDela" }] : /* istanbul ignore next */ []));
-    estAbrege = computed(() => {
-        const seuil = this.abregerAuDela();
-        return seuil !== null && Math.abs(this.valeur()) >= seuil;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "estAbrege" }] : /* istanbul ignore next */ []));
-    texteComplet = computed(() => new Intl.NumberFormat(this.locale()).format(this.valeur()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texteComplet" }] : /* istanbul ignore next */ []));
-    texte = computed(() => {
-        if (!this.estAbrege())
-            return this.texteComplet();
-        return new Intl.NumberFormat(this.locale(), {
-            notation: 'compact',
-            maximumFractionDigits: 1,
-        }).format(this.valeur());
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texte" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCount, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StCount, isStandalone: true, selector: "st-count", inputs: { valeur: { classPropertyName: "valeur", publicName: "valeur", isSignal: true, isRequired: true, transformFunction: null }, ton: { classPropertyName: "ton", publicName: "ton", isSignal: true, isRequired: false, transformFunction: null }, abregerAuDela: { classPropertyName: "abregerAuDela", publicName: "abregerAuDela", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ton": "ton()" }, classAttribute: "st-count" }, ngImport: i0, template: "<span aria-hidden=\"true\">{{ texte() }}</span>\n\n@if (estAbrege()) {\n  <!-- Abrege a l'ecran, entier a l'oral : \u00AB 1,2 k \u00BB ne se lit pas. -->\n  <span class=\"st-vh\">{{ texteComplet() }}</span>\n}\n", styles: [":host([hidden]){display:none!important}:host{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);white-space:nowrap}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+const PARTIES = [
+	[
+		"annees",
+		"years",
+		"year"
+	],
+	[
+		"mois",
+		"months",
+		"month"
+	],
+	[
+		"semaines",
+		"weeks",
+		"week"
+	],
+	[
+		"jours",
+		"days",
+		"day"
+	],
+	[
+		"heures",
+		"hours",
+		"hour"
+	],
+	[
+		"minutes",
+		"minutes",
+		"minute"
+	],
+	[
+		"secondes",
+		"seconds",
+		"second"
+	]
+];
+var StDuration = class StDuration {
+	locale = inject(ST_LOCALE);
+	secondes = input(null, ...ngDevMode ? [{ debugName: "secondes" }] : 	/* istanbul ignore next */ []);
+	parties = input(null, ...ngDevMode ? [{ debugName: "parties" }] : 	/* istanbul ignore next */ []);
+	format = input("court", ...ngDevMode ? [{ debugName: "format" }] : 	/* istanbul ignore next */ []);
+	totalEnSecondes = computed(() => {
+		const secondes = this.secondes();
+		return secondes === null || !Number.isFinite(secondes) ? null : Math.max(0, Math.round(secondes));
+	}, ...ngDevMode ? [{ debugName: "totalEnSecondes" }] : 	/* istanbul ignore next */ []);
+	partiesLues = computed(() => {
+		const total = this.totalEnSecondes();
+		if (total === null) return this.parties() ?? {};
+		return {
+			jours: Math.floor(total / 86400),
+			heures: Math.floor(total % 86400 / 3600),
+			minutes: Math.floor(total % 3600 / 60),
+			secondes: total % 60
+		};
+	}, ...ngDevMode ? [{ debugName: "partiesLues" }] : 	/* istanbul ignore next */ []);
+	texte = computed(() => formater(this.partiesLues(), this.locale(), this.format() === "long" ? "long" : "short"), ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	texteLu = computed(() => {
+		if (this.format() === "long") return null;
+		const long = formater(this.partiesLues(), this.locale(), "long");
+		return long === this.texte() ? null : long;
+	}, ...ngDevMode ? [{ debugName: "texteLu" }] : 	/* istanbul ignore next */ []);
+	valeurMachine = computed(() => {
+		const total = this.totalEnSecondes();
+		return total === null ? null : `PT${String(total)}S`;
+	}, ...ngDevMode ? [{ debugName: "valeurMachine" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDuration,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StDuration,
+		isStandalone: true,
+		selector: "st-duration",
+		inputs: {
+			secondes: {
+				classPropertyName: "secondes",
+				publicName: "secondes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parties: {
+				classPropertyName: "parties",
+				publicName: "parties",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			format: {
+				classPropertyName: "format",
+				publicName: "format",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "dir": "auto" },
+			classAttribute: "st-duration"
+		},
+		ngImport: i0,
+		template: "@if (valeurMachine(); as machine) {\n  <time\n    class=\"st-duration__valeur\"\n    [attr.datetime]=\"machine\"\n    [attr.aria-hidden]=\"texteLu() === null ? null : 'true'\"\n    >{{ texte() }}</time\n  >\n} @else {\n  <span class=\"st-duration__valeur\" [attr.aria-hidden]=\"texteLu() === null ? null : 'true'\">{{\n    texte()\n  }}</span>\n}\n@if (texteLu(); as lu) {\n  <!-- « 1 h et 30 min » a l'ecran, « 1 heure et 30 minutes » a l'oral. -->\n  <span class=\"st-vh\">{{ lu }}</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{font-variant-numeric:var(--st-chiffres-alignes);white-space:nowrap;unicode-bidi:isolate}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDuration,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-duration",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-duration",
+				dir: "auto"
+			},
+			template: "@if (valeurMachine(); as machine) {\n  <time\n    class=\"st-duration__valeur\"\n    [attr.datetime]=\"machine\"\n    [attr.aria-hidden]=\"texteLu() === null ? null : 'true'\"\n    >{{ texte() }}</time\n  >\n} @else {\n  <span class=\"st-duration__valeur\" [attr.aria-hidden]=\"texteLu() === null ? null : 'true'\">{{\n    texte()\n  }}</span>\n}\n@if (texteLu(); as lu) {\n  <!-- « 1 h et 30 min » a l'ecran, « 1 heure et 30 minutes » a l'oral. -->\n  <span class=\"st-vh\">{{ lu }}</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{font-variant-numeric:var(--st-chiffres-alignes);white-space:nowrap;unicode-bidi:isolate}\n"]
+		}]
+	}],
+	propDecorators: {
+		secondes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondes",
+				required: false
+			}]
+		}],
+		parties: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parties",
+				required: false
+			}]
+		}],
+		format: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "format",
+				required: false
+			}]
+		}]
+	}
+});
+function formater(parties, locale, style) {
+	const presentes = PARTIES.flatMap(([cle, cleIntl, unite]) => {
+		const valeur = parties[cle];
+		return valeur === void 0 || valeur === 0 || !Number.isFinite(valeur) ? [] : [{
+			cleIntl,
+			unite,
+			valeur
+		}];
+	});
+	if (presentes.length === 0) presentes.push({
+		cleIntl: "seconds",
+		unite: "second",
+		valeur: 0
+	});
+	const Format = Intl.DurationFormat;
+	if (Format !== void 0 && presentes.some(({ valeur }) => valeur !== 0)) return new Format(locale, { style }).format(Object.fromEntries(presentes.map(({ cleIntl, valeur }) => [cleIntl, valeur])));
+	return new Intl.ListFormat(locale, {
+		type: "unit",
+		style
+	}).format(presentes.map(({ unite, valeur }) => new Intl.NumberFormat(locale, {
+		style: "unit",
+		unit: unite,
+		unitDisplay: style
+	}).format(valeur)));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCount, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-count', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'st-count',
-                        '[attr.data-ton]': 'ton()',
-                    }, template: "<span aria-hidden=\"true\">{{ texte() }}</span>\n\n@if (estAbrege()) {\n  <!-- Abrege a l'ecran, entier a l'oral : \u00AB 1,2 k \u00BB ne se lit pas. -->\n  <span class=\"st-vh\">{{ texteComplet() }}</span>\n}\n", styles: [":host([hidden]){display:none!important}:host{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);white-space:nowrap}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"] }]
-        }], propDecorators: { valeur: [{ type: i0.Input, args: [{ isSignal: true, alias: "valeur", required: true }] }], ton: [{ type: i0.Input, args: [{ isSignal: true, alias: "ton", required: false }] }], abregerAuDela: [{ type: i0.Input, args: [{ isSignal: true, alias: "abregerAuDela", required: false }] }] } });
-
-/**
- * ⚠️ Une forme par sens, et non une couleur : un chevron vers le haut, un vers
- * le bas, un point pour ce qui ne bouge pas. Sous contraste force ou a
- * l'impression, il ne reste que la forme et le texte.
- */
 const ICONE_DE_TENDANCE = {
-    hausse: 'chevron-haut',
-    baisse: 'chevron-bas',
-    stable: 'cercle',
+	hausse: "triangle-haut",
+	baisse: "triangle-bas",
+	stable: "moins"
 };
-/**
- * Indicateur chiffre : un libelle, une valeur, et sa tendance.
- *
- * ```html
- * <st-stat libelle="Solde disponible" [tendance]="{ sens: 'hausse', texte: '+2,4 % sur un mois', ton: 'succes' }">
- *   <st-money [valeur]="solde" />
- * </st-stat>
- * ```
- *
- * La valeur est PROJETEE : c'est `st-money`, `st-count` ou `st-date` qui la
- * formate dans la langue courante, et le socle n'a pas a redire comment.
- *
- * ⚠️ **La tendance se lit par un texte ET une icone, jamais par la couleur
- * seule.** Le texte de l'appelant porte deja le signe ; l'icone porte le sens ;
- * et un mot lisible par lecteur seulement — « en hausse », « en baisse »,
- * « stable » — precede le texte, parce qu'un lecteur d'ecran ne lit pas un
- * chevron.
- *
- * Le libelle vient AVANT la valeur dans le document, comme dans une phrase :
- * « Solde disponible, 1 234,50 € ». A l'ecran, il se pose au-dessus, en petit.
- */
-class StStat {
-    libelles = inject(ST_LIBELLES);
-    /** Texte visible, deja traduit. */
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    tendance = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tendance" }] : /* istanbul ignore next */ []));
-    /** Precision sous la valeur : la periode, la source. Jamais une information critique. */
-    precision = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []));
-    icone = computed(() => {
-        const tendance = this.tendance();
-        return tendance === null ? null : ICONE_DE_TENDANCE[tendance.sens];
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []));
-    tonDeTendance = computed(() => this.tendance()?.ton ?? 'neutre', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tonDeTendance" }] : /* istanbul ignore next */ []));
-    sensLu = computed(() => {
-        const tendance = this.tendance();
-        if (tendance === null)
-            return '';
-        const libelles = this.libelles();
-        if (tendance.sens === 'hausse')
-            return libelles.tendanceEnHausse;
-        if (tendance.sens === 'baisse')
-            return libelles.tendanceEnBaisse;
-        return libelles.tendanceStable;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sensLu" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StStat, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StStat, isStandalone: true, selector: "st-stat", inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null }, tendance: { classPropertyName: "tendance", publicName: "tendance", isSignal: true, isRequired: false, transformFunction: null }, precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-stat" }, ngImport: i0, template: "<span class=\"st-stat__libelle\">{{ libelle() }}</span>\n<span class=\"st-stat__valeur\"><ng-content /></span>\n@if (tendance(); as tendance) {\n  <span class=\"st-stat__tendance\" [attr.data-ton]=\"tonDeTendance()\">\n    @if (icone(); as nom) {\n      <st-icon [nom]=\"nom\" taille=\"sm\" />\n    }\n    <span class=\"st-vh\">{{ sensLu() }}, </span>{{ tendance.texte }}\n  </span>\n}\n@if (precision(); as texte) {\n  <span class=\"st-stat__precision\">{{ texte }}</span>\n}\n", styles: [":host([hidden]){display:none!important}:host{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-stat__libelle{font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-stat__valeur{font-size:var(--st-taille-2xl);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-serre);color:var(--st-couleur-texte);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.st-stat__tendance{display:inline-flex;gap:var(--st-espacement-1);align-items:center;font-size:var(--st-taille-sm);color:var(--st-couleur-texte)}.st-stat__tendance[data-ton=discret]{color:var(--st-couleur-texte-discret)}.st-stat__tendance[data-ton=primaire]{color:var(--st-couleur-primaire)}.st-stat__tendance[data-ton=succes]{color:var(--st-couleur-succes)}.st-stat__tendance[data-ton=avertissement]{color:var(--st-couleur-avertissement)}.st-stat__tendance[data-ton=danger]{color:var(--st-couleur-danger)}.st-stat__precision{font-size:var(--st-taille-xs);color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+var StStat = class StStat {
+	libelles = inject(ST_LIBELLES);
+	element = inject(ElementRef).nativeElement;
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	tendance = input(null, ...ngDevMode ? [{ debugName: "tendance" }] : 	/* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
+	identifiantDuLibelle = inject(StIdentifiants).prochain("st-stat-libelle");
+	role = partagerLaValeur(this.element, "role", () => this.role.deLAppelant() === null ? "group" : null);
+	nommePar = partagerLaValeur(this.element, "aria-labelledby", () => this.nommePar.deLAppelant() === null ? this.identifiantDuLibelle : null);
+	constructor() {
+		const destruction = inject(DestroyRef);
+		destruction.onDestroy(this.role.liberer);
+		destruction.onDestroy(this.nommePar.liberer);
+	}
+	iconeDeTendance = computed(() => {
+		const tendance = this.tendance();
+		if (tendance === null) return null;
+		return tendance.icone ?? (tendance.sens === void 0 ? null : ICONE_DE_TENDANCE[tendance.sens]);
+	}, ...ngDevMode ? [{ debugName: "iconeDeTendance" }] : 	/* istanbul ignore next */ []);
+	tailleDeLIcone = computed(() => {
+		const tendance = this.tendance();
+		return tendance?.icone === void 0 && (tendance?.sens === "hausse" || tendance?.sens === "baisse") ? "16" : "14";
+	}, ...ngDevMode ? [{ debugName: "tailleDeLIcone" }] : 	/* istanbul ignore next */ []);
+	tonDeTendance = computed(() => this.tendance()?.ton ?? "neutre", ...ngDevMode ? [{ debugName: "tonDeTendance" }] : 	/* istanbul ignore next */ []);
+	sensLu = computed(() => {
+		const sens = this.tendance()?.sens;
+		if (sens === void 0) return null;
+		const libelles = this.libelles();
+		if (sens === "hausse") return libelles.tendanceEnHausse;
+		if (sens === "baisse") return libelles.tendanceEnBaisse;
+		return libelles.tendanceStable;
+	}, ...ngDevMode ? [{ debugName: "sensLu" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StStat,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StStat,
+		isStandalone: true,
+		selector: "st-stat",
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tendance: {
+				classPropertyName: "tendance",
+				publicName: "tendance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			precision: {
+				classPropertyName: "precision",
+				publicName: "precision",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "st-stat" },
+		ngImport: i0,
+		template: "<div class=\"st-stat__entete\">\n  <span class=\"st-stat__libelle\" [id]=\"identifiantDuLibelle\">{{ libelle() }}</span>\n  <ng-content select=\"[aide]\" />\n  @if (icone(); as nom) {\n    <st-icon class=\"st-stat__icone\" [icone]=\"nom\" taille=\"18\" />\n  }\n</div>\n<div class=\"st-stat__valeur\"><ng-content /></div>\n@if (tendance() !== null || precision() !== null) {\n  <div class=\"st-stat__pied\">\n    @if (tendance(); as tendance) {\n      <div class=\"st-stat__tendance\">\n        <span\n          class=\"st-stat__pastille\"\n          [attr.data-ton]=\"tonDeTendance()\"\n          [attr.data-icone]=\"tailleDeLIcone()\"\n        >\n          @if (iconeDeTendance(); as icone) {\n            <st-icon [icone]=\"icone\" [taille]=\"tailleDeLIcone()\" />\n          }\n          @if (sensLu(); as sens) {\n            <span class=\"st-vh\">{{ sens }}, </span>\n          }\n          @if (tendance.montant; as montant) {\n            <st-money [valeur]=\"montant\" signeExplicite />\n          } @else {\n            <!-- `dir=\"auto\"` : le texte de l'appelant garde son sens (« +2,4 % »), en ecriture\n                 inverse aussi, comme la part de st-repartition (audit UI du 2026-09-27, D-2). -->\n            <span dir=\"auto\">{{ tendance.texte }}</span>\n          }\n        </span>\n        @if (tendance.contexte; as contexte) {\n          <span class=\"st-stat__contexte\">{{ contexte }}</span>\n        }\n      </div>\n    }\n    @if (precision(); as texte) {\n      <div class=\"st-stat__precision\">{{ texte }}</div>\n    }\n  </div>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;block-size:100%;min-inline-size:0}.st-stat__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-stat__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-stat__icone{color:var(--st-couleur-texte-attenue)}.st-stat__valeur{margin-block-start:var(--st-espacement-2);font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);font-variant-numeric:var(--st-chiffres-alignes);letter-spacing:var(--st-approche-4xl);color:var(--st-couleur-texte);overflow-wrap:anywhere}.st-stat__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:auto;padding-block-start:var(--st-espacement-6)}.st-stat__tendance{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-stat__pastille{display:inline-flex;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);white-space:nowrap;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-stat__pastille[data-icone=\"16\"]{gap:var(--st-espacement-demi)}.st-stat__pastille[data-ton=neutre]{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}.st-stat__pastille[data-ton=primaire]{color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas)}.st-stat__pastille[data-ton=information]{color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}.st-stat__pastille[data-ton=succes]{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret)}.st-stat__pastille[data-ton=avertissement]{color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}.st-stat__pastille[data-ton=danger]{color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}.st-stat__pastille[data-ton=danger] st-icon{color:var(--st-couleur-danger)}.st-stat__contexte{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-stat__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-attenue)}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}, {
+			kind: "component",
+			type: StMoney,
+			selector: "st-money",
+			inputs: [
+				"valeur",
+				"signeExplicite",
+				"sansDevise",
+				"taille",
+				"variation",
+				"ton",
+				"police",
+				"alignement",
+				"masque"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StStat,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-stat",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon, StMoney],
+			host: { class: "st-stat" },
+			template: "<div class=\"st-stat__entete\">\n  <span class=\"st-stat__libelle\" [id]=\"identifiantDuLibelle\">{{ libelle() }}</span>\n  <ng-content select=\"[aide]\" />\n  @if (icone(); as nom) {\n    <st-icon class=\"st-stat__icone\" [icone]=\"nom\" taille=\"18\" />\n  }\n</div>\n<div class=\"st-stat__valeur\"><ng-content /></div>\n@if (tendance() !== null || precision() !== null) {\n  <div class=\"st-stat__pied\">\n    @if (tendance(); as tendance) {\n      <div class=\"st-stat__tendance\">\n        <span\n          class=\"st-stat__pastille\"\n          [attr.data-ton]=\"tonDeTendance()\"\n          [attr.data-icone]=\"tailleDeLIcone()\"\n        >\n          @if (iconeDeTendance(); as icone) {\n            <st-icon [icone]=\"icone\" [taille]=\"tailleDeLIcone()\" />\n          }\n          @if (sensLu(); as sens) {\n            <span class=\"st-vh\">{{ sens }}, </span>\n          }\n          @if (tendance.montant; as montant) {\n            <st-money [valeur]=\"montant\" signeExplicite />\n          } @else {\n            <!-- `dir=\"auto\"` : le texte de l'appelant garde son sens (« +2,4 % »), en ecriture\n                 inverse aussi, comme la part de st-repartition (audit UI du 2026-09-27, D-2). -->\n            <span dir=\"auto\">{{ tendance.texte }}</span>\n          }\n        </span>\n        @if (tendance.contexte; as contexte) {\n          <span class=\"st-stat__contexte\">{{ contexte }}</span>\n        }\n      </div>\n    }\n    @if (precision(); as texte) {\n      <div class=\"st-stat__precision\">{{ texte }}</div>\n    }\n  </div>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;block-size:100%;min-inline-size:0}.st-stat__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-stat__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-stat__icone{color:var(--st-couleur-texte-attenue)}.st-stat__valeur{margin-block-start:var(--st-espacement-2);font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);font-variant-numeric:var(--st-chiffres-alignes);letter-spacing:var(--st-approche-4xl);color:var(--st-couleur-texte);overflow-wrap:anywhere}.st-stat__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:auto;padding-block-start:var(--st-espacement-6)}.st-stat__tendance{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-stat__pastille{display:inline-flex;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);white-space:nowrap;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-stat__pastille[data-icone=\"16\"]{gap:var(--st-espacement-demi)}.st-stat__pastille[data-ton=neutre]{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}.st-stat__pastille[data-ton=primaire]{color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas)}.st-stat__pastille[data-ton=information]{color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}.st-stat__pastille[data-ton=succes]{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret)}.st-stat__pastille[data-ton=avertissement]{color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}.st-stat__pastille[data-ton=danger]{color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}.st-stat__pastille[data-ton=danger] st-icon{color:var(--st-couleur-danger)}.st-stat__contexte{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-stat__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-attenue)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
+		}],
+		tendance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tendance",
+				required: false
+			}]
+		}],
+		precision: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "precision",
+				required: false
+			}]
+		}]
+	}
+});
+var StAmountSummary = class StAmountSummary {
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	legendeMasquee = input(false, {
+		...ngDevMode ? { debugName: "legendeMasquee" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	sansDevise = input(false, {
+		...ngDevMode ? { debugName: "sansDevise" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	lignesLues = computed(() => this.lignes().map((ligne) => {
+		const type = ligne.type ?? "ligne";
+		const montant = ligne.montant ?? null;
+		const retranche = montant !== null && type === "deduction" && montant.unitesMineures > 0n ? {
+			...montant,
+			unitesMineures: -montant.unitesMineures
+		} : montant;
+		const ton = type === "total" ? "primaire" : type === "solde" ? "discret" : null;
+		return {
+			...ligne,
+			type,
+			montantLu: retranche,
+			ton
+		};
+	}), ...ngDevMode ? [{ debugName: "lignesLues" }] : 	/* istanbul ignore next */ []);
+	corps = computed(() => this.lignesLues().filter((ligne) => ligne.type !== "total" && ligne.type !== "solde"), ...ngDevMode ? [{ debugName: "corps" }] : 	/* istanbul ignore next */ []);
+	pied = computed(() => this.lignesLues().filter((ligne) => ligne.type === "total" || ligne.type === "solde"), ...ngDevMode ? [{ debugName: "pied" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StAmountSummary,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StAmountSummary,
+		isStandalone: true,
+		selector: "st-amount-summary",
+		inputs: {
+			legende: {
+				classPropertyName: "legende",
+				publicName: "legende",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			legendeMasquee: {
+				classPropertyName: "legendeMasquee",
+				publicName: "legendeMasquee",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lignes: {
+				classPropertyName: "lignes",
+				publicName: "lignes",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			sansDevise: {
+				classPropertyName: "sansDevise",
+				publicName: "sansDevise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "st-amount-summary" },
+		ngImport: i0,
+		template: "<table class=\"st-amount-summary__tableau\">\n  <caption class=\"st-amount-summary__legende\" [class.st-vh]=\"legendeMasquee()\">\n    {{\n      legende()\n    }}\n  </caption>\n  <tbody>\n    @for (ligne of corps(); track ligne.cle) {\n      <ng-container [ngTemplateOutlet]=\"rangee\" [ngTemplateOutletContext]=\"{ $implicit: ligne }\" />\n    }\n  </tbody>\n  @if (pied().length > 0) {\n    <tfoot>\n      @for (ligne of pied(); track ligne.cle) {\n        <ng-container\n          [ngTemplateOutlet]=\"rangee\"\n          [ngTemplateOutletContext]=\"{ $implicit: ligne }\"\n        />\n      }\n    </tfoot>\n  }\n</table>\n\n<ng-template #rangee let-ligne>\n  <tr class=\"st-amount-summary__ligne\" [attr.data-type]=\"ligne.type\">\n    <th class=\"st-amount-summary__libelle\" scope=\"row\">\n      {{ ligne.libelle }}\n      @if (ligne.precision; as precision) {\n        <span class=\"st-amount-summary__precision\">{{ precision }}</span>\n      }\n    </th>\n    <td class=\"st-amount-summary__valeur\">\n      @if (ligne.montantLu; as montant) {\n        <st-money [valeur]=\"montant\" [sansDevise]=\"sansDevise()\" police=\"mono\" [ton]=\"ligne.ton\" />\n      } @else {\n        <span dir=\"auto\">{{ ligne.texte }}</span>\n      }\n    </td>\n  </tr>\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;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-amount-summary__tableau{inline-size:100%;border-collapse:collapse}.st-amount-summary__legende{padding-block-end:var(--st-espacement-2);font-weight:var(--st-graisse-semi);text-align:start}.st-amount-summary__libelle,.st-amount-summary__valeur{padding-block:var(--st-espacement-2);vertical-align:baseline;border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-amount-summary__libelle{padding-inline-end:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);text-align:start}.st-amount-summary__valeur{font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);text-align:end}.st-amount-summary__precision{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-amount-summary__ligne[data-type=taux]>.st-amount-summary__valeur{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm)}.st-amount-summary__ligne[data-type=total]>*{border-block-start:var(--st-epaisseur-moyenne) solid var(--st-couleur-bordure-forte)}.st-amount-summary__ligne[data-type=total]>.st-amount-summary__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-amount-summary__ligne:last-child>*{border-block-end:0}@media(forced-colors:active){.st-amount-summary__ligne[data-type=total]>*{border-block-start-color:CanvasText}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}, {
+			kind: "component",
+			type: StMoney,
+			selector: "st-money",
+			inputs: [
+				"valeur",
+				"signeExplicite",
+				"sansDevise",
+				"taille",
+				"variation",
+				"ton",
+				"police",
+				"alignement",
+				"masque"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StAmountSummary,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-amount-summary",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [NgTemplateOutlet, StMoney],
+			host: { class: "st-amount-summary" },
+			template: "<table class=\"st-amount-summary__tableau\">\n  <caption class=\"st-amount-summary__legende\" [class.st-vh]=\"legendeMasquee()\">\n    {{\n      legende()\n    }}\n  </caption>\n  <tbody>\n    @for (ligne of corps(); track ligne.cle) {\n      <ng-container [ngTemplateOutlet]=\"rangee\" [ngTemplateOutletContext]=\"{ $implicit: ligne }\" />\n    }\n  </tbody>\n  @if (pied().length > 0) {\n    <tfoot>\n      @for (ligne of pied(); track ligne.cle) {\n        <ng-container\n          [ngTemplateOutlet]=\"rangee\"\n          [ngTemplateOutletContext]=\"{ $implicit: ligne }\"\n        />\n      }\n    </tfoot>\n  }\n</table>\n\n<ng-template #rangee let-ligne>\n  <tr class=\"st-amount-summary__ligne\" [attr.data-type]=\"ligne.type\">\n    <th class=\"st-amount-summary__libelle\" scope=\"row\">\n      {{ ligne.libelle }}\n      @if (ligne.precision; as precision) {\n        <span class=\"st-amount-summary__precision\">{{ precision }}</span>\n      }\n    </th>\n    <td class=\"st-amount-summary__valeur\">\n      @if (ligne.montantLu; as montant) {\n        <st-money [valeur]=\"montant\" [sansDevise]=\"sansDevise()\" police=\"mono\" [ton]=\"ligne.ton\" />\n      } @else {\n        <span dir=\"auto\">{{ ligne.texte }}</span>\n      }\n    </td>\n  </tr>\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;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-amount-summary__tableau{inline-size:100%;border-collapse:collapse}.st-amount-summary__legende{padding-block-end:var(--st-espacement-2);font-weight:var(--st-graisse-semi);text-align:start}.st-amount-summary__libelle,.st-amount-summary__valeur{padding-block:var(--st-espacement-2);vertical-align:baseline;border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-amount-summary__libelle{padding-inline-end:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);text-align:start}.st-amount-summary__valeur{font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);text-align:end}.st-amount-summary__precision{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-amount-summary__ligne[data-type=taux]>.st-amount-summary__valeur{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm)}.st-amount-summary__ligne[data-type=total]>*{border-block-start:var(--st-epaisseur-moyenne) solid var(--st-couleur-bordure-forte)}.st-amount-summary__ligne[data-type=total]>.st-amount-summary__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-amount-summary__ligne:last-child>*{border-block-end:0}@media(forced-colors:active){.st-amount-summary__ligne[data-type=total]>*{border-block-start-color:CanvasText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		legende: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legende",
+				required: true
+			}]
+		}],
+		legendeMasquee: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legendeMasquee",
+				required: false
+			}]
+		}],
+		lignes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lignes",
+				required: true
+			}]
+		}],
+		sansDevise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sansDevise",
+				required: false
+			}]
+		}]
+	}
+});
+const TON_DE_QUALITE = {
+	optimale: "primaire",
+	"sous-optimale": "avertissement",
+	pire: "danger"
+};
+const TROU_VALEUR = "{valeur}";
+const TROU_TOTAL = "{total}";
+const enNombre = (valeur) => valeur === null ? null : Number(valeur);
+const enEntier = (valeur) => typeof valeur === "bigint" ? valeur : BigInt(Math.round(valeur));
+function morceauxDe(phrase) {
+	return phrase.split(/(\{valeur\}|\{total\})/).filter((texte) => texte !== "").map((texte) => ({
+		nature: texte === TROU_VALEUR ? "valeur" : texte === TROU_TOTAL ? "total" : "texte",
+		texte
+	}));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StStat, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-stat', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], host: { class: 'st-stat' }, template: "<span class=\"st-stat__libelle\">{{ libelle() }}</span>\n<span class=\"st-stat__valeur\"><ng-content /></span>\n@if (tendance(); as tendance) {\n  <span class=\"st-stat__tendance\" [attr.data-ton]=\"tonDeTendance()\">\n    @if (icone(); as nom) {\n      <st-icon [nom]=\"nom\" taille=\"sm\" />\n    }\n    <span class=\"st-vh\">{{ sensLu() }}, </span>{{ tendance.texte }}\n  </span>\n}\n@if (precision(); as texte) {\n  <span class=\"st-stat__precision\">{{ texte }}</span>\n}\n", styles: [":host([hidden]){display:none!important}:host{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-stat__libelle{font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-stat__valeur{font-size:var(--st-taille-2xl);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-serre);color:var(--st-couleur-texte);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.st-stat__tendance{display:inline-flex;gap:var(--st-espacement-1);align-items:center;font-size:var(--st-taille-sm);color:var(--st-couleur-texte)}.st-stat__tendance[data-ton=discret]{color:var(--st-couleur-texte-discret)}.st-stat__tendance[data-ton=primaire]{color:var(--st-couleur-primaire)}.st-stat__tendance[data-ton=succes]{color:var(--st-couleur-succes)}.st-stat__tendance[data-ton=avertissement]{color:var(--st-couleur-avertissement)}.st-stat__tendance[data-ton=danger]{color:var(--st-couleur-danger)}.st-stat__precision{font-size:var(--st-taille-xs);color:var(--st-couleur-texte-discret)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"] }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }], tendance: [{ type: i0.Input, args: [{ isSignal: true, alias: "tendance", required: false }] }], precision: [{ type: i0.Input, args: [{ isSignal: true, alias: "precision", required: false }] }] } });
-
-/**
- * @starterlib/ui/donnees — les valeurs TYPEES rendues a l'ecran : montant,
- * date, date relative, nombre, valeur masquee, indicateur chiffre.
- *
- * ⚠️ Un point d'entree separe pour une raison de MOMENT, et non de dependance
- * (ADR 0031, decision 2) : ces composants portent chacun un formateur
- * `Intl.*` et leur part des libelles, et la coquille de l'hote n'en peint
- * aucun.
- *
- * ⚠️ `st-code` N'EST PAS ici : il reste au tronc parce que
- * `etats/st-error.ts` l'importe pour afficher un identifiant de trace, et
- * qu'un tronc qui importerait un point d'entree secondaire serait refuse par
- * ng-packagr (dependance circulaire entre points d'entree). La frontiere de
- * rangement cede devant la frontiere de construction.
- *
- * ⚠️ En federation, ce point d'entree se partage SEPAREMENT de
- * `@starterlib/ui` : c'est un specificateur de module distinct.
- *
- * ```ts
- * import { StMoney, StDate } from '@starterlib/ui/donnees';
- * ```
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
+function zonesDeJauge(min, max, bas, haut, optimum) {
+	if (bas === null && haut === null) return [];
+	const etendue = max - min || 1;
+	const b = Math.min(Math.max(bas ?? min, min), max);
+	const h = Math.min(Math.max(haut ?? max, b), max);
+	const o = optimum ?? (min + max) / 2;
+	const part = (valeur) => (valeur - min) / etendue;
+	const qualites = o < b ? [
+		"optimale",
+		"sous-optimale",
+		"pire"
+	] : o > h ? [
+		"pire",
+		"sous-optimale",
+		"optimale"
+	] : [
+		"sous-optimale",
+		"optimale",
+		"sous-optimale"
+	];
+	return [
+		{
+			debut: 0,
+			fin: part(b),
+			qualite: qualites[0]
+		},
+		{
+			debut: part(b),
+			fin: part(h),
+			qualite: qualites[1]
+		},
+		{
+			debut: part(h),
+			fin: 1,
+			qualite: qualites[2]
+		}
+	].filter((zone) => zone.fin > zone.debut);
+}
+var StMeter = class StMeter {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	masques = inject(ST_MONTANTS_MASQUES);
+	identifiants = inject(StIdentifiants);
+	idDuLibelle = this.identifiants.prochain("st-jauge");
+	idDeLaValeur = this.identifiants.prochain("st-jauge-valeur");
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	max = input.required(...ngDevMode ? [{ debugName: "max" }] : 	/* istanbul ignore next */ []);
+	min = input(0, ...ngDevMode ? [{ debugName: "min" }] : 	/* istanbul ignore next */ []);
+	bas = input(null, ...ngDevMode ? [{ debugName: "bas" }] : 	/* istanbul ignore next */ []);
+	haut = input(null, ...ngDevMode ? [{ debugName: "haut" }] : 	/* istanbul ignore next */ []);
+	optimum = input(null, ...ngDevMode ? [{ debugName: "optimum" }] : 	/* istanbul ignore next */ []);
+	seuil = input(null, ...ngDevMode ? [{ debugName: "seuil" }] : 	/* istanbul ignore next */ []);
+	devise = input(null, ...ngDevMode ? [{ debugName: "devise" }] : 	/* istanbul ignore next */ []);
+	affichage = input("consomme", ...ngDevMode ? [{ debugName: "affichage" }] : 	/* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
+	variante = input("barre", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	partVisible = input(false, {
+		...ngDevMode ? { debugName: "partVisible" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	nombres = computed(() => {
+		const min = Number(this.min());
+		const max = Number(this.max());
+		const valeur = Number(this.valeur());
+		return {
+			min,
+			max,
+			valeur: Math.min(Math.max(valeur, min), max)
+		};
+	}, ...ngDevMode ? [{ debugName: "nombres" }] : 	/* istanbul ignore next */ []);
+	part = computed(() => {
+		const { min, max, valeur } = this.nombres();
+		return max > min ? (valeur - min) / (max - min) : 0;
+	}, ...ngDevMode ? [{ debugName: "part" }] : 	/* istanbul ignore next */ []);
+	zones = computed(() => {
+		const { min, max } = this.nombres();
+		return zonesDeJauge(min, max, enNombre(this.bas()), enNombre(this.haut()), enNombre(this.optimum()));
+	}, ...ngDevMode ? [{ debugName: "zones" }] : 	/* istanbul ignore next */ []);
+	tonLu = computed(() => {
+		const impose = this.ton();
+		if (impose !== null) return impose;
+		const part = this.part();
+		const zone = this.zones().find((candidate) => part >= candidate.debut && part <= candidate.fin);
+		return zone === void 0 ? "primaire" : TON_DE_QUALITE[zone.qualite];
+	}, ...ngDevMode ? [{ debugName: "tonLu" }] : 	/* istanbul ignore next */ []);
+	partDuSeuil = computed(() => {
+		const seuil = enNombre(this.seuil());
+		const { min, max } = this.nombres();
+		if (seuil === null || max <= min) return null;
+		return (Math.min(Math.max(seuil, min), max) - min) / (max - min);
+	}, ...ngDevMode ? [{ debugName: "partDuSeuil" }] : 	/* istanbul ignore next */ []);
+	pourcentage = computed(() => new Intl.NumberFormat(this.locale(), {
+		style: "percent",
+		maximumFractionDigits: 1
+	}).format(this.part()), ...ngDevMode ? [{ debugName: "pourcentage" }] : 	/* istanbul ignore next */ []);
+	montant = computed(() => this.enMontant(this.valeur()), ...ngDevMode ? [{ debugName: "montant" }] : 	/* istanbul ignore next */ []);
+	total = computed(() => this.enMontant(this.max()), ...ngDevMode ? [{ debugName: "total" }] : 	/* istanbul ignore next */ []);
+	reste = computed(() => {
+		const devise = this.devise();
+		if (devise === null) return null;
+		return {
+			unitesMineures: enEntier(this.max()) - enEntier(this.valeur()),
+			devise
+		};
+	}, ...ngDevMode ? [{ debugName: "reste" }] : 	/* istanbul ignore next */ []);
+	nombreDuReste = computed(() => this.nombres().max - this.nombres().valeur, ...ngDevMode ? [{ debugName: "nombreDuReste" }] : 	/* istanbul ignore next */ []);
+	texteMasque = computed(() => this.devise() !== null && this.masques() ? this.libelles().montantMasque : null, ...ngDevMode ? [{ debugName: "texteMasque" }] : 	/* istanbul ignore next */ []);
+	morceauxDuConsomme = computed(() => morceauxDe(this.libelles().valeurSurTotal(TROU_VALEUR, TROU_TOTAL)), ...ngDevMode ? [{ debugName: "morceauxDuConsomme" }] : 	/* istanbul ignore next */ []);
+	morceauxDuReste = computed(() => morceauxDe(this.libelles().resteDisponible(TROU_VALEUR)), ...ngDevMode ? [{ debugName: "morceauxDuReste" }] : 	/* istanbul ignore next */ []);
+	enMontant(valeur) {
+		const devise = this.devise();
+		return devise === null ? null : {
+			unitesMineures: enEntier(valeur),
+			devise
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StMeter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StMeter,
+		isStandalone: true,
+		selector: "st-meter",
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			bas: {
+				classPropertyName: "bas",
+				publicName: "bas",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			haut: {
+				classPropertyName: "haut",
+				publicName: "haut",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			optimum: {
+				classPropertyName: "optimum",
+				publicName: "optimum",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			seuil: {
+				classPropertyName: "seuil",
+				publicName: "seuil",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			affichage: {
+				classPropertyName: "affichage",
+				publicName: "affichage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			precision: {
+				classPropertyName: "precision",
+				publicName: "precision",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			partVisible: {
+				classPropertyName: "partVisible",
+				publicName: "partVisible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-variante": "variante()",
+				"attr.data-ton": "tonLu()"
+			},
+			classAttribute: "st-meter"
+		},
+		ngImport: i0,
+		template: "<div class=\"st-meter__entete\">\n  <span class=\"st-meter__libelle\" [id]=\"idDuLibelle\">{{ libelle() }}</span>\n  @if (partVisible()) {\n    <!-- La part se lit deja par le compteur : ici, pour les yeux. -->\n    <span class=\"st-meter__part\" aria-hidden=\"true\" dir=\"auto\">{{ pourcentage() }}</span>\n  }\n</div>\n\n<p class=\"st-meter__valeur\" [id]=\"idDeLaValeur\">\n  <!-- `[texte]` : la phrase de l'application (« Ratio post-choc : 128,4 % / minimum legal : 100 % »)\n       remplace celle du dictionnaire ; elle decrit le compteur de la meme facon. -->\n  <ng-content select=\"[texte]\">\n    @switch (affichage()) {\n      @case ('pourcentage') {\n        <span class=\"st-meter__nombre\" dir=\"auto\">{{ pourcentage() }}</span>\n      }\n      @case ('reste') {\n        @for (morceau of morceauxDuReste(); track $index) {\n          @if (morceau.nature === 'texte') {\n            <span class=\"st-meter__mot\">{{ morceau.texte }}</span>\n          } @else if (reste(); as montant) {\n            <st-money class=\"st-meter__nombre\" [valeur]=\"montant\" />\n          } @else {\n            <st-number class=\"st-meter__nombre\" [valeur]=\"nombreDuReste()\" />\n          }\n        }\n      }\n      @default {\n        @for (morceau of morceauxDuConsomme(); track $index) {\n          @switch (morceau.nature) {\n            @case ('valeur') {\n              @if (montant(); as valeur) {\n                <st-money class=\"st-meter__nombre\" [valeur]=\"valeur\" />\n              } @else {\n                <st-number class=\"st-meter__nombre\" [valeur]=\"nombres().valeur\" />\n              }\n            }\n            @case ('total') {\n              @if (total(); as valeur) {\n                <st-money class=\"st-meter__total\" [valeur]=\"valeur\" />\n              } @else {\n                <st-number class=\"st-meter__total\" [valeur]=\"nombres().max\" />\n              }\n            }\n            @default {\n              <span class=\"st-meter__mot\">{{ morceau.texte }}</span>\n            }\n          }\n        }\n      }\n    }\n  </ng-content>\n</p>\n\n<!-- La semantique : un compteur natif, nomme par le libelle, decrit par la valeur dite. -->\n<meter\n  class=\"st-meter__natif\"\n  [attr.aria-labelledby]=\"idDuLibelle\"\n  [attr.aria-describedby]=\"idDeLaValeur\"\n  [attr.aria-valuetext]=\"texteMasque()\"\n  [attr.min]=\"nombres().min\"\n  [attr.max]=\"nombres().max\"\n  [attr.value]=\"nombres().valeur\"\n  [attr.low]=\"bas()\"\n  [attr.high]=\"haut()\"\n  [attr.optimum]=\"optimum()\"\n></meter>\n\n<!-- Le dessin : muet, la valeur est deja dite. -->\n<div class=\"st-meter__piste\" aria-hidden=\"true\">\n  @if (variante() === 'puce') {\n    @for (zone of zones(); track $index) {\n      <span\n        class=\"st-meter__zone\"\n        [attr.data-qualite]=\"zone.qualite\"\n        [style.inset-inline-start.%]=\"zone.debut * 100\"\n        [style.inline-size.%]=\"(zone.fin - zone.debut) * 100\"\n      ></span>\n    }\n    @if (partDuSeuil(); as seuil) {\n      <span class=\"st-meter__seuil\" [style.inset-inline-start.%]=\"seuil * 100\"></span>\n    }\n    <span class=\"st-meter__marqueur\" [style.inset-inline-start.%]=\"part() * 100\"></span>\n  } @else {\n    <span class=\"st-meter__remplissage\" [style.inline-size.%]=\"part() * 100\"></span>\n  }\n</div>\n\n@if (precision(); as texte) {\n  <p class=\"st-meter__precision\">{{ texte }}</p>\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{--st-meter-encre: var(--st-couleur-primaire);display:grid;gap:var(--st-espacement-2);min-inline-size:0}:host([data-ton=succes]){--st-meter-encre: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-meter-encre: var(--st-couleur-avertissement)}:host([data-ton=danger]){--st-meter-encre: var(--st-couleur-danger)}.st-meter__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:baseline;justify-content:space-between}.st-meter__libelle{font-weight:var(--st-graisse-semi)}.st-meter__part{padding:var(--st-espacement-0) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-sm)}.st-meter__valeur,.st-meter__precision{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-meter__nombre,.st-meter__total{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes)}.st-meter__nombre{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-meter__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-meter__piste{position:relative;display:block;block-size:var(--st-espacement-2);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-meter__remplissage{display:block;block-size:100%;background:var(--st-meter-encre);border-radius:inherit}:host([data-variante=cellule]){gap:var(--st-espacement-1)}:host([data-variante=cellule]) .st-meter__entete{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([data-variante=cellule]) .st-meter__piste{block-size:var(--st-espacement-1-5)}:host([data-variante=puce]){grid-template-columns:minmax(0,1fr) auto;column-gap:var(--st-espacement-3);align-items:baseline}:host([data-variante=puce]) .st-meter__piste,:host([data-variante=puce]) .st-meter__precision{grid-column:1/-1}:host([data-variante=puce]) .st-meter__valeur{font-family:var(--st-police-mono)}:host([data-variante=puce]) .st-meter__piste{block-size:var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-sm)}.st-meter__zone{position:absolute;inset-block:0}.st-meter__zone[data-qualite=optimale]{background:var(--st-couleur-succes-discret)}.st-meter__zone[data-qualite=sous-optimale]{background:var(--st-couleur-avertissement-discret)}.st-meter__zone[data-qualite=pire]{background:var(--st-couleur-danger-discret)}.st-meter__marqueur{position:absolute;inset-block:var(--st-espacement-1);inline-size:var(--st-espacement-1-5);background:var(--st-meter-encre);border-radius:var(--st-rayon-xs);translate:-50% 0}.st-meter__seuil{position:absolute;inset-block:0;inline-size:var(--st-espacement-1);background:var(--st-couleur-danger);translate:-50% 0}:host(:dir(rtl)) .st-meter__marqueur,:host(:dir(rtl)) .st-meter__seuil{translate:50% 0}@media(forced-colors:active){.st-meter__piste{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-meter__remplissage,.st-meter__marqueur{background:Highlight}.st-meter__zone{background:Canvas;border-inline-end:var(--st-epaisseur-fine) dashed CanvasText}.st-meter__seuil{background:CanvasText}}@media print{.st-meter__piste{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StMoney,
+			selector: "st-money",
+			inputs: [
+				"valeur",
+				"signeExplicite",
+				"sansDevise",
+				"taille",
+				"variation",
+				"ton",
+				"police",
+				"alignement",
+				"masque"
+			]
+		}, {
+			kind: "component",
+			type: StNumber,
+			selector: "st-number",
+			inputs: [
+				"valeur",
+				"format",
+				"decimales",
+				"unite",
+				"signeExplicite",
+				"variation",
+				"ton"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StMeter,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-meter",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StMoney, StNumber],
+			host: {
+				class: "st-meter",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-ton]": "tonLu()"
+			},
+			template: "<div class=\"st-meter__entete\">\n  <span class=\"st-meter__libelle\" [id]=\"idDuLibelle\">{{ libelle() }}</span>\n  @if (partVisible()) {\n    <!-- La part se lit deja par le compteur : ici, pour les yeux. -->\n    <span class=\"st-meter__part\" aria-hidden=\"true\" dir=\"auto\">{{ pourcentage() }}</span>\n  }\n</div>\n\n<p class=\"st-meter__valeur\" [id]=\"idDeLaValeur\">\n  <!-- `[texte]` : la phrase de l'application (« Ratio post-choc : 128,4 % / minimum legal : 100 % »)\n       remplace celle du dictionnaire ; elle decrit le compteur de la meme facon. -->\n  <ng-content select=\"[texte]\">\n    @switch (affichage()) {\n      @case ('pourcentage') {\n        <span class=\"st-meter__nombre\" dir=\"auto\">{{ pourcentage() }}</span>\n      }\n      @case ('reste') {\n        @for (morceau of morceauxDuReste(); track $index) {\n          @if (morceau.nature === 'texte') {\n            <span class=\"st-meter__mot\">{{ morceau.texte }}</span>\n          } @else if (reste(); as montant) {\n            <st-money class=\"st-meter__nombre\" [valeur]=\"montant\" />\n          } @else {\n            <st-number class=\"st-meter__nombre\" [valeur]=\"nombreDuReste()\" />\n          }\n        }\n      }\n      @default {\n        @for (morceau of morceauxDuConsomme(); track $index) {\n          @switch (morceau.nature) {\n            @case ('valeur') {\n              @if (montant(); as valeur) {\n                <st-money class=\"st-meter__nombre\" [valeur]=\"valeur\" />\n              } @else {\n                <st-number class=\"st-meter__nombre\" [valeur]=\"nombres().valeur\" />\n              }\n            }\n            @case ('total') {\n              @if (total(); as valeur) {\n                <st-money class=\"st-meter__total\" [valeur]=\"valeur\" />\n              } @else {\n                <st-number class=\"st-meter__total\" [valeur]=\"nombres().max\" />\n              }\n            }\n            @default {\n              <span class=\"st-meter__mot\">{{ morceau.texte }}</span>\n            }\n          }\n        }\n      }\n    }\n  </ng-content>\n</p>\n\n<!-- La semantique : un compteur natif, nomme par le libelle, decrit par la valeur dite. -->\n<meter\n  class=\"st-meter__natif\"\n  [attr.aria-labelledby]=\"idDuLibelle\"\n  [attr.aria-describedby]=\"idDeLaValeur\"\n  [attr.aria-valuetext]=\"texteMasque()\"\n  [attr.min]=\"nombres().min\"\n  [attr.max]=\"nombres().max\"\n  [attr.value]=\"nombres().valeur\"\n  [attr.low]=\"bas()\"\n  [attr.high]=\"haut()\"\n  [attr.optimum]=\"optimum()\"\n></meter>\n\n<!-- Le dessin : muet, la valeur est deja dite. -->\n<div class=\"st-meter__piste\" aria-hidden=\"true\">\n  @if (variante() === 'puce') {\n    @for (zone of zones(); track $index) {\n      <span\n        class=\"st-meter__zone\"\n        [attr.data-qualite]=\"zone.qualite\"\n        [style.inset-inline-start.%]=\"zone.debut * 100\"\n        [style.inline-size.%]=\"(zone.fin - zone.debut) * 100\"\n      ></span>\n    }\n    @if (partDuSeuil(); as seuil) {\n      <span class=\"st-meter__seuil\" [style.inset-inline-start.%]=\"seuil * 100\"></span>\n    }\n    <span class=\"st-meter__marqueur\" [style.inset-inline-start.%]=\"part() * 100\"></span>\n  } @else {\n    <span class=\"st-meter__remplissage\" [style.inline-size.%]=\"part() * 100\"></span>\n  }\n</div>\n\n@if (precision(); as texte) {\n  <p class=\"st-meter__precision\">{{ texte }}</p>\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{--st-meter-encre: var(--st-couleur-primaire);display:grid;gap:var(--st-espacement-2);min-inline-size:0}:host([data-ton=succes]){--st-meter-encre: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-meter-encre: var(--st-couleur-avertissement)}:host([data-ton=danger]){--st-meter-encre: var(--st-couleur-danger)}.st-meter__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:baseline;justify-content:space-between}.st-meter__libelle{font-weight:var(--st-graisse-semi)}.st-meter__part{padding:var(--st-espacement-0) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-sm)}.st-meter__valeur,.st-meter__precision{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-meter__nombre,.st-meter__total{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes)}.st-meter__nombre{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-meter__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-meter__piste{position:relative;display:block;block-size:var(--st-espacement-2);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-meter__remplissage{display:block;block-size:100%;background:var(--st-meter-encre);border-radius:inherit}:host([data-variante=cellule]){gap:var(--st-espacement-1)}:host([data-variante=cellule]) .st-meter__entete{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([data-variante=cellule]) .st-meter__piste{block-size:var(--st-espacement-1-5)}:host([data-variante=puce]){grid-template-columns:minmax(0,1fr) auto;column-gap:var(--st-espacement-3);align-items:baseline}:host([data-variante=puce]) .st-meter__piste,:host([data-variante=puce]) .st-meter__precision{grid-column:1/-1}:host([data-variante=puce]) .st-meter__valeur{font-family:var(--st-police-mono)}:host([data-variante=puce]) .st-meter__piste{block-size:var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-sm)}.st-meter__zone{position:absolute;inset-block:0}.st-meter__zone[data-qualite=optimale]{background:var(--st-couleur-succes-discret)}.st-meter__zone[data-qualite=sous-optimale]{background:var(--st-couleur-avertissement-discret)}.st-meter__zone[data-qualite=pire]{background:var(--st-couleur-danger-discret)}.st-meter__marqueur{position:absolute;inset-block:var(--st-espacement-1);inline-size:var(--st-espacement-1-5);background:var(--st-meter-encre);border-radius:var(--st-rayon-xs);translate:-50% 0}.st-meter__seuil{position:absolute;inset-block:0;inline-size:var(--st-espacement-1);background:var(--st-couleur-danger);translate:-50% 0}:host(:dir(rtl)) .st-meter__marqueur,:host(:dir(rtl)) .st-meter__seuil{translate:50% 0}@media(forced-colors:active){.st-meter__piste{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-meter__remplissage,.st-meter__marqueur{background:Highlight}.st-meter__zone{background:Canvas;border-inline-end:var(--st-epaisseur-fine) dashed CanvasText}.st-meter__seuil{background:CanvasText}}@media print{.st-meter__piste{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"]
+		}]
+	}],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: true
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: true
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		bas: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bas",
+				required: false
+			}]
+		}],
+		haut: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "haut",
+				required: false
+			}]
+		}],
+		optimum: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "optimum",
+				required: false
+			}]
+		}],
+		seuil: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "seuil",
+				required: false
+			}]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: false
+			}]
+		}],
+		affichage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "affichage",
+				required: false
+			}]
+		}],
+		precision: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "precision",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		partVisible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "partVisible",
+				required: false
+			}]
+		}]
+	}
+});
+const ICONE_D_ECHEANCE = {
+	"a-temps": "horloge",
+	urgente: "cercle-alerte",
+	depassee: "cercle-croix"
+};
+const MINUTE = 6e4;
+var StDeadline = class StDeadline {
+	document = inject(DOCUMENT);
+	fuseau = inject(FUSEAU_PAR_DEFAUT);
+	libelles = inject(ST_LIBELLES);
+	echeance = input.required(...ngDevMode ? [{ debugName: "echeance" }] : 	/* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	seuilUrgentEnMinutes = input(null, {
+		...ngDevMode ? { debugName: "seuilUrgentEnMinutes" } : 		/* istanbul ignore next */ {},
+		transform: (valeur) => valeur === null || valeur === void 0 ? null : numberAttribute(valeur)
+	});
+	absoluVisible = input(false, {
+		...ngDevMode ? { debugName: "absoluVisible" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	depassee = output();
+	maintenant = signal(Date.now(), ...ngDevMode ? [{ debugName: "maintenant" }] : 	/* istanbul ignore next */ []);
+	instant = computed(() => {
+		const valeur = this.echeance();
+		return valeur instanceof Date ? valeur.getTime() : lireInstant(valeur, this.fuseau) ?? NaN;
+	}, ...ngDevMode ? [{ debugName: "instant" }] : 	/* istanbul ignore next */ []);
+	dateDeLEcheance = computed(() => new Date(this.instant()), ...ngDevMode ? [{ debugName: "dateDeLEcheance" }] : 	/* istanbul ignore next */ []);
+	etat = computed(() => {
+		const reste = this.instant() - this.maintenant();
+		if (reste <= 0) return "depassee";
+		const seuil = this.seuilUrgentEnMinutes();
+		return seuil !== null && reste <= seuil * MINUTE ? "urgente" : "a-temps";
+	}, ...ngDevMode ? [{ debugName: "etat" }] : 	/* istanbul ignore next */ []);
+	icone = computed(() => ICONE_D_ECHEANCE[this.etat()], ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	mot = computed(() => {
+		const libelles = this.libelles();
+		switch (this.etat()) {
+			case "depassee": return libelles.echeanceDepassee;
+			case "urgente": return libelles.echeanceUrgente;
+			default: return libelles.echeanceATemps;
+		}
+	}, ...ngDevMode ? [{ debugName: "mot" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const vue = this.document.defaultView;
+		let minuterie = null;
+		const relire = () => {
+			this.maintenant.set(Date.now());
+		};
+		const demarrer = () => {
+			if (minuterie !== null || this.document.visibilityState === "hidden") return;
+			minuterie = setInterval(relire, MINUTE);
+		};
+		const arreter = () => {
+			if (minuterie !== null) clearInterval(minuterie);
+			minuterie = null;
+		};
+		const auChangementDeVisibilite = () => {
+			if (this.document.visibilityState === "hidden") {
+				arreter();
+				return;
+			}
+			relire();
+			demarrer();
+		};
+		if (vue !== null) {
+			demarrer();
+			this.document.addEventListener("visibilitychange", auChangementDeVisibilite);
+		}
+		inject(DestroyRef).onDestroy(() => {
+			arreter();
+			this.document.removeEventListener("visibilitychange", auChangementDeVisibilite);
+		});
+		let precedent = null;
+		effect(() => {
+			const etat = this.etat();
+			untracked(() => {
+				if (precedent !== null && precedent !== "depassee" && etat === "depassee") this.depassee.emit();
+				precedent = etat;
+			});
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDeadline,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StDeadline,
+		isStandalone: true,
+		selector: "st-deadline",
+		inputs: {
+			echeance: {
+				classPropertyName: "echeance",
+				publicName: "echeance",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			seuilUrgentEnMinutes: {
+				classPropertyName: "seuilUrgentEnMinutes",
+				publicName: "seuilUrgentEnMinutes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			absoluVisible: {
+				classPropertyName: "absoluVisible",
+				publicName: "absoluVisible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { depassee: "depassee" },
+		host: {
+			properties: { "attr.data-etat": "etat()" },
+			classAttribute: "st-deadline"
+		},
+		ngImport: i0,
+		template: "<st-icon class=\"st-deadline__icone\" [icone]=\"icone()\" taille=\"sm\" />\n@if (libelle(); as texte) {\n  <span class=\"st-deadline__libelle\">{{ texte }}</span>\n}\n<!-- Le delai, qui se reecrit seul ; son nom porte la date absolue, qui ne bouge pas. -->\n<st-relative-time\n  class=\"st-deadline__delai\"\n  [valeur]=\"dateDeLEcheance()\"\n  [avecAbsolu]=\"absoluVisible()\"\n/>\n<!-- L'etat en MOT, jamais par la seule couleur. -->\n<span class=\"st-deadline__etat\">{{ mot() }}</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{--st-deadline-encre: var(--st-couleur-texte-discret);--st-deadline-fond: var(--st-couleur-surface-enfoncee);display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}:host([data-etat=urgente]){--st-deadline-encre: var(--st-couleur-avertissement);--st-deadline-fond: var(--st-couleur-avertissement-discret)}:host([data-etat=depassee]){--st-deadline-encre: var(--st-couleur-danger);--st-deadline-fond: var(--st-couleur-danger-discret)}.st-deadline__icone{flex:none;color:var(--st-deadline-encre)}.st-deadline__libelle{font-weight:var(--st-graisse-semi)}.st-deadline__delai{font-variant-numeric:var(--st-chiffres-alignes)}.st-deadline__etat{padding:var(--st-espacement-0) var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-deadline-encre);background:var(--st-deadline-fond);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-deadline__etat{border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}, {
+			kind: "component",
+			type: StRelativeTime,
+			selector: "st-relative-time",
+			inputs: [
+				"valeur",
+				"rafraichir",
+				"ton",
+				"avecAbsolu",
+				"seuilAbsoluEnJours"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDeadline,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-deadline",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon, StRelativeTime],
+			host: {
+				class: "st-deadline",
+				"[attr.data-etat]": "etat()"
+			},
+			template: "<st-icon class=\"st-deadline__icone\" [icone]=\"icone()\" taille=\"sm\" />\n@if (libelle(); as texte) {\n  <span class=\"st-deadline__libelle\">{{ texte }}</span>\n}\n<!-- Le delai, qui se reecrit seul ; son nom porte la date absolue, qui ne bouge pas. -->\n<st-relative-time\n  class=\"st-deadline__delai\"\n  [valeur]=\"dateDeLEcheance()\"\n  [avecAbsolu]=\"absoluVisible()\"\n/>\n<!-- L'etat en MOT, jamais par la seule couleur. -->\n<span class=\"st-deadline__etat\">{{ mot() }}</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{--st-deadline-encre: var(--st-couleur-texte-discret);--st-deadline-fond: var(--st-couleur-surface-enfoncee);display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}:host([data-etat=urgente]){--st-deadline-encre: var(--st-couleur-avertissement);--st-deadline-fond: var(--st-couleur-avertissement-discret)}:host([data-etat=depassee]){--st-deadline-encre: var(--st-couleur-danger);--st-deadline-fond: var(--st-couleur-danger-discret)}.st-deadline__icone{flex:none;color:var(--st-deadline-encre)}.st-deadline__libelle{font-weight:var(--st-graisse-semi)}.st-deadline__delai{font-variant-numeric:var(--st-chiffres-alignes)}.st-deadline__etat{padding:var(--st-espacement-0) var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-deadline-encre);background:var(--st-deadline-fond);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-deadline__etat{border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		echeance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "echeance",
+				required: true
+			}]
+		}],
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: false
+			}]
+		}],
+		seuilUrgentEnMinutes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "seuilUrgentEnMinutes",
+				required: false
+			}]
+		}],
+		absoluVisible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "absoluVisible",
+				required: false
+			}]
+		}],
+		depassee: [{
+			type: i0.Output,
+			args: ["depassee"]
+		}]
+	}
+});
+var StPerson = class StPerson {
+	libelles = inject(ST_LIBELLES);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
+	nomAffiche = computed(() => sansCommandesDeDirection(this.nom()), ...ngDevMode ? [{ debugName: "nomAffiche" }] : 	/* istanbul ignore next */ []);
+	precisionAffichee = computed(() => {
+		const precision = this.precision();
+		return precision === null ? null : sansCommandesDeDirection(precision);
+	}, ...ngDevMode ? [{ debugName: "precisionAffichee" }] : 	/* istanbul ignore next */ []);
+	sourceImage = input(null, ...ngDevMode ? [{ debugName: "sourceImage" }] : 	/* istanbul ignore next */ []);
+	lien = input(null, ...ngDevMode ? [{ debugName: "lien" }] : 	/* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	disposition = input("ligne", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
+	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	soi = input(false, {
+		...ngDevMode ? { debugName: "soi" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tailleDeLAvatar = computed(() => this.taille() === "sm" ? "xs" : "sm", ...ngDevMode ? [{ debugName: "tailleDeLAvatar" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StPerson,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StPerson,
+		isStandalone: true,
+		selector: "st-person",
+		inputs: {
+			nom: {
+				classPropertyName: "nom",
+				publicName: "nom",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			precision: {
+				classPropertyName: "precision",
+				publicName: "precision",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sourceImage: {
+				classPropertyName: "sourceImage",
+				publicName: "sourceImage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lien: {
+				classPropertyName: "lien",
+				publicName: "lien",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disposition: {
+				classPropertyName: "disposition",
+				publicName: "disposition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			soi: {
+				classPropertyName: "soi",
+				publicName: "soi",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-taille": "taille()",
+				"attr.data-disposition": "disposition()"
+			},
+			classAttribute: "st-person"
+		},
+		ngImport: i0,
+		template: "<!-- Decoratif : le nom est a cote, en texte. -->\n<st-avatar\n  class=\"st-person__avatar\"\n  variante=\"pleine\"\n  nomAdjacent\n  [nom]=\"nomAffiche()\"\n  [sourceImage]=\"sourceImage()\"\n  [taille]=\"tailleDeLAvatar()\"\n  [ton]=\"ton()\"\n/>\n<span class=\"st-person__textes\">\n  <span class=\"st-person__ligne\">\n    @if (lien(); as route) {\n      <a stLink class=\"st-person__nom\" dir=\"auto\" [routerLink]=\"route\">{{ nomAffiche() }}</a>\n    } @else {\n      <span class=\"st-person__nom\" dir=\"auto\">{{ nomAffiche() }}</span>\n    }\n    @if (soi()) {\n      <span class=\"st-person__soi\">{{ libelles().vous }}</span>\n    }\n  </span>\n  @if (precisionAffichee(); as texte) {\n    <span class=\"st-person__precision\" dir=\"auto\">{{ texte }}</span>\n  }\n</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:inline-flex;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}:host([data-taille=sm]){gap:var(--st-espacement-2)}:host([data-disposition=colonne]){flex-direction:column;text-align:center}.st-person__avatar{flex:none}.st-person__textes{display:grid;min-inline-size:0}.st-person__ligne{display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:baseline}.st-person__nom{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);overflow-wrap:anywhere}a.st-person__nom{color:var(--st-couleur-texte-primaire)}.st-person__soi,.st-person__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-taille=sm]) .st-person__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: StAvatar,
+				selector: "st-avatar",
+				inputs: [
+					"nom",
+					"sourceImage",
+					"taille",
+					"forme",
+					"ton",
+					"variante",
+					"nomAdjacent"
+				]
+			},
+			{
+				kind: "component",
+				type: StLink,
+				selector: "a[stLink]",
+				inputs: [
+					"variante",
+					"externe",
+					"mentionExterne",
+					"iconeAvant",
+					"iconeApres"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StPerson,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-person",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				RouterLink,
+				StAvatar,
+				StLink
+			],
+			host: {
+				class: "st-person",
+				"[attr.data-taille]": "taille()",
+				"[attr.data-disposition]": "disposition()"
+			},
+			template: "<!-- Decoratif : le nom est a cote, en texte. -->\n<st-avatar\n  class=\"st-person__avatar\"\n  variante=\"pleine\"\n  nomAdjacent\n  [nom]=\"nomAffiche()\"\n  [sourceImage]=\"sourceImage()\"\n  [taille]=\"tailleDeLAvatar()\"\n  [ton]=\"ton()\"\n/>\n<span class=\"st-person__textes\">\n  <span class=\"st-person__ligne\">\n    @if (lien(); as route) {\n      <a stLink class=\"st-person__nom\" dir=\"auto\" [routerLink]=\"route\">{{ nomAffiche() }}</a>\n    } @else {\n      <span class=\"st-person__nom\" dir=\"auto\">{{ nomAffiche() }}</span>\n    }\n    @if (soi()) {\n      <span class=\"st-person__soi\">{{ libelles().vous }}</span>\n    }\n  </span>\n  @if (precisionAffichee(); as texte) {\n    <span class=\"st-person__precision\" dir=\"auto\">{{ texte }}</span>\n  }\n</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:inline-flex;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}:host([data-taille=sm]){gap:var(--st-espacement-2)}:host([data-disposition=colonne]){flex-direction:column;text-align:center}.st-person__avatar{flex:none}.st-person__textes{display:grid;min-inline-size:0}.st-person__ligne{display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:baseline}.st-person__nom{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);overflow-wrap:anywhere}a.st-person__nom{color:var(--st-couleur-texte-primaire)}.st-person__soi,.st-person__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-taille=sm]) .st-person__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}\n"]
+		}]
+	}],
+	propDecorators: {
+		nom: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nom",
+				required: true
+			}]
+		}],
+		precision: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "precision",
+				required: false
+			}]
+		}],
+		sourceImage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sourceImage",
+				required: false
+			}]
+		}],
+		lien: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lien",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		disposition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disposition",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		soi: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "soi",
+				required: false
+			}]
+		}]
+	}
+});
+var StAvatarGroup = class StAvatarGroup {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	personnes = input.required(...ngDevMode ? [{ debugName: "personnes" }] : 	/* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	max = input(4, {
+		...ngDevMode ? { debugName: "max" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	reste = output();
+	montrees = computed(() => {
+		const personnes = this.personnes();
+		const max = Math.max(1, this.max());
+		return personnes.length <= max ? personnes : personnes.slice(0, max - 1);
+	}, ...ngDevMode ? [{ debugName: "montrees" }] : 	/* istanbul ignore next */ []);
+	surplus = computed(() => this.personnes().length - this.montrees().length, ...ngDevMode ? [{ debugName: "surplus" }] : 	/* istanbul ignore next */ []);
+	surplusAffiche = computed(() => new Intl.NumberFormat(this.locale(), { signDisplay: "always" }).format(this.surplus()), ...ngDevMode ? [{ debugName: "surplusAffiche" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StAvatarGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StAvatarGroup,
+		isStandalone: true,
+		selector: "st-avatar-group",
+		inputs: {
+			personnes: {
+				classPropertyName: "personnes",
+				publicName: "personnes",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { reste: "reste" },
+		host: {
+			properties: { "attr.data-taille": "taille()" },
+			classAttribute: "st-avatar-group"
+		},
+		ngImport: i0,
+		template: "<ul class=\"st-avatar-group__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  @for (personne of montrees(); track $index) {\n    <li class=\"st-avatar-group__membre\">\n      <st-avatar\n        [nom]=\"personne.nom\"\n        [sourceImage]=\"personne.sourceImage ?? null\"\n        [taille]=\"taille()\"\n        [nomAdjacent]=\"false\"\n      />\n    </li>\n  }\n  @if (surplus() > 0) {\n    <li class=\"st-avatar-group__membre\">\n      <!-- « +3 » a l'ecran, « 3 autres personnes » a l'oreille : le nombre est dans les deux. -->\n      <button type=\"button\" class=\"st-avatar-group__reste\" (click)=\"reste.emit()\">\n        <span aria-hidden=\"true\">{{ surplusAffiche() }}</span>\n        <span class=\"st-vh\">{{ libelles().autresPersonnes(surplus()) }}</span>\n      </button>\n    </li>\n  }\n</ul>\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{--st-avatar-group-taille: var(--st-espacement-8);display:inline-block}:host([data-taille=xs]){--st-avatar-group-taille: var(--st-espacement-6)}:host([data-taille=md]){--st-avatar-group-taille: var(--st-espacement-10)}.st-avatar-group__liste{display:flex;align-items:center;padding:0;padding-inline-start:calc(var(--st-avatar-group-taille) / 4);margin:0;list-style:none}.st-avatar-group__membre{display:inline-flex;margin-inline-start:calc(var(--st-avatar-group-taille) / -4);border-radius:var(--st-rayon-pleine);box-shadow:0 0 0 var(--st-epaisseur-moyenne) var(--st-couleur-surface)}.st-avatar-group__reste: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-avatar-group__reste{position:relative;display:inline-grid;place-items:center;inline-size:var(--st-avatar-group-taille);block-size:var(--st-avatar-group-taille);padding:0;font:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:0;border-radius:var(--st-rayon-pleine)}.st-avatar-group__reste:before{position:absolute;inset:calc((var(--st-avatar-group-taille) - var(--st-cible-tactile-min)) / 2);content:\"\"}@media(hover:hover){.st-avatar-group__reste:hover{background:var(--st-couleur-surface-survol)}}@media(forced-colors:active){.st-avatar-group__reste{border:var(--st-epaisseur-fine) solid ButtonText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StAvatar,
+			selector: "st-avatar",
+			inputs: [
+				"nom",
+				"sourceImage",
+				"taille",
+				"forme",
+				"ton",
+				"variante",
+				"nomAdjacent"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StAvatarGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-avatar-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StAvatar],
+			host: {
+				class: "st-avatar-group",
+				"[attr.data-taille]": "taille()"
+			},
+			template: "<ul class=\"st-avatar-group__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  @for (personne of montrees(); track $index) {\n    <li class=\"st-avatar-group__membre\">\n      <st-avatar\n        [nom]=\"personne.nom\"\n        [sourceImage]=\"personne.sourceImage ?? null\"\n        [taille]=\"taille()\"\n        [nomAdjacent]=\"false\"\n      />\n    </li>\n  }\n  @if (surplus() > 0) {\n    <li class=\"st-avatar-group__membre\">\n      <!-- « +3 » a l'ecran, « 3 autres personnes » a l'oreille : le nombre est dans les deux. -->\n      <button type=\"button\" class=\"st-avatar-group__reste\" (click)=\"reste.emit()\">\n        <span aria-hidden=\"true\">{{ surplusAffiche() }}</span>\n        <span class=\"st-vh\">{{ libelles().autresPersonnes(surplus()) }}</span>\n      </button>\n    </li>\n  }\n</ul>\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{--st-avatar-group-taille: var(--st-espacement-8);display:inline-block}:host([data-taille=xs]){--st-avatar-group-taille: var(--st-espacement-6)}:host([data-taille=md]){--st-avatar-group-taille: var(--st-espacement-10)}.st-avatar-group__liste{display:flex;align-items:center;padding:0;padding-inline-start:calc(var(--st-avatar-group-taille) / 4);margin:0;list-style:none}.st-avatar-group__membre{display:inline-flex;margin-inline-start:calc(var(--st-avatar-group-taille) / -4);border-radius:var(--st-rayon-pleine);box-shadow:0 0 0 var(--st-epaisseur-moyenne) var(--st-couleur-surface)}.st-avatar-group__reste: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-avatar-group__reste{position:relative;display:inline-grid;place-items:center;inline-size:var(--st-avatar-group-taille);block-size:var(--st-avatar-group-taille);padding:0;font:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:0;border-radius:var(--st-rayon-pleine)}.st-avatar-group__reste:before{position:absolute;inset:calc((var(--st-avatar-group-taille) - var(--st-cible-tactile-min)) / 2);content:\"\"}@media(hover:hover){.st-avatar-group__reste:hover{background:var(--st-couleur-surface-survol)}}@media(forced-colors:active){.st-avatar-group__reste{border:var(--st-epaisseur-fine) solid ButtonText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		personnes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "personnes",
+				required: true
+			}]
+		}],
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		reste: [{
+			type: i0.Output,
+			args: ["reste"]
+		}]
+	}
+});
+var StStatGroup = class StStatGroup {
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StStatGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StStatGroup,
+		isStandalone: true,
+		selector: "st-stat-group",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			colonnes: {
+				classPropertyName: "colonnes",
+				publicName: "colonnes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-colonnes": "colonnes()" },
+			classAttribute: "st-stat-group"
+		},
+		ngImport: i0,
+		template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste. -->\n<ul class=\"st-stat-group__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  <ng-content />\n</ul>\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;container-type:inline-size}.st-stat-group__liste{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4);padding:0;margin:0;list-style:none}:host([data-colonnes=auto]) .st-stat-group__liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}@container (min-width: 30rem){:host(:not([data-colonnes=auto])) .st-stat-group__liste{grid-template-columns:repeat(2,minmax(0,1fr))}:host([data-colonnes=\"6\"]) .st-stat-group__liste{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 64rem){:host([data-colonnes=\"3\"]) .st-stat-group__liste{grid-template-columns:repeat(3,minmax(0,1fr))}:host([data-colonnes=\"4\"]) .st-stat-group__liste{grid-template-columns:repeat(4,minmax(0,1fr))}:host([data-colonnes=\"6\"]) .st-stat-group__liste{grid-template-columns:repeat(6,minmax(0,1fr))}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StStatGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-stat-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-stat-group",
+				"[attr.data-colonnes]": "colonnes()"
+			},
+			template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste. -->\n<ul class=\"st-stat-group__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  <ng-content />\n</ul>\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;container-type:inline-size}.st-stat-group__liste{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-4);padding:0;margin:0;list-style:none}:host([data-colonnes=auto]) .st-stat-group__liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}@container (min-width: 30rem){:host(:not([data-colonnes=auto])) .st-stat-group__liste{grid-template-columns:repeat(2,minmax(0,1fr))}:host([data-colonnes=\"6\"]) .st-stat-group__liste{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 64rem){:host([data-colonnes=\"3\"]) .st-stat-group__liste{grid-template-columns:repeat(3,minmax(0,1fr))}:host([data-colonnes=\"4\"]) .st-stat-group__liste{grid-template-columns:repeat(4,minmax(0,1fr))}:host([data-colonnes=\"6\"]) .st-stat-group__liste{grid-template-columns:repeat(6,minmax(0,1fr))}}\n"]
+		}]
+	}],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		colonnes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "colonnes",
+				required: false
+			}]
+		}]
+	}
+});
+const CLE_DES_AUTRES = "__autres__";
+function somme(lignes) {
+	if (lignes.every((ligne) => typeof ligne.valeur === "bigint")) return lignes.reduce((total, ligne) => total + ligne.valeur, 0n);
+	return lignes.reduce((total, ligne) => total + ligne.nombre, 0);
+}
+var StBarList = class StBarList {
+	libelles = inject(ST_LIBELLES);
+	locale = inject(ST_LOCALE);
+	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	legendeMasquee = input(false, {
+		...ngDevMode ? { debugName: "legendeMasquee" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	devise = input(null, ...ngDevMode ? [{ debugName: "devise" }] : 	/* istanbul ignore next */ []);
+	affichage = input("les-deux", ...ngDevMode ? [{ debugName: "affichage" }] : 	/* istanbul ignore next */ []);
+	limite = input(null, ...ngDevMode ? [{ debugName: "limite" }] : 	/* istanbul ignore next */ []);
+	lues = computed(() => {
+		const limite = this.limite();
+		const comptees = this.lignes().map((ligne) => ({
+			...ligne,
+			nombre: Number(ligne.valeur)
+		}));
+		let retenues = comptees;
+		if (limite !== null && comptees.length > limite) {
+			const triees = [...comptees].sort((a, b) => b.nombre - a.nombre);
+			const valeur = somme(triees.slice(limite));
+			retenues = [...triees.slice(0, limite), {
+				cle: CLE_DES_AUTRES,
+				libelle: this.libelles().autres,
+				valeur,
+				nombre: Number(valeur)
+			}];
+		}
+		const total = retenues.reduce((cumul, ligne) => cumul + ligne.nombre, 0);
+		const plusGrande = Math.max(0, ...retenues.map((ligne) => ligne.nombre));
+		const pourcentage = new Intl.NumberFormat(this.locale(), {
+			style: "percent",
+			maximumFractionDigits: 1
+		});
+		const devise = this.devise();
+		return retenues.map((ligne) => ({
+			cle: ligne.cle,
+			libelle: ligne.libelle,
+			nombre: ligne.nombre,
+			montant: devise === null ? null : {
+				unitesMineures: typeof ligne.valeur === "bigint" ? ligne.valeur : BigInt(Math.round(ligne.nombre)),
+				devise
+			},
+			part: pourcentage.format(total > 0 ? ligne.nombre / total : 0),
+			longueur: plusGrande > 0 ? Math.max(0, ligne.nombre) / plusGrande : 0
+		}));
+	}, ...ngDevMode ? [{ debugName: "lues" }] : 	/* istanbul ignore next */ []);
+	avecValeur = computed(() => this.affichage() !== "part", ...ngDevMode ? [{ debugName: "avecValeur" }] : 	/* istanbul ignore next */ []);
+	avecPart = computed(() => this.affichage() !== "valeur", ...ngDevMode ? [{ debugName: "avecPart" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StBarList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StBarList,
+		isStandalone: true,
+		selector: "st-bar-list",
+		inputs: {
+			lignes: {
+				classPropertyName: "lignes",
+				publicName: "lignes",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			legende: {
+				classPropertyName: "legende",
+				publicName: "legende",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			legendeMasquee: {
+				classPropertyName: "legendeMasquee",
+				publicName: "legendeMasquee",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			affichage: {
+				classPropertyName: "affichage",
+				publicName: "affichage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			limite: {
+				classPropertyName: "limite",
+				publicName: "limite",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-affichage": "affichage()" },
+			classAttribute: "st-bar-list"
+		},
+		ngImport: i0,
+		template: "<!-- Roles explicites : empile en largeur etroite (affichage change), le tableau reste un tableau\n     pour les technologies d'assistance. -->\n<table class=\"st-bar-list__tableau\" role=\"table\">\n  <caption class=\"st-bar-list__legende\" [class.st-vh]=\"legendeMasquee()\">\n    {{\n      legende()\n    }}\n  </caption>\n  <!-- Les en-tetes se lisent ; la disposition, elle, se voit. -->\n  <thead class=\"st-vh\" role=\"rowgroup\">\n    <tr role=\"row\">\n      <th scope=\"col\" role=\"columnheader\">{{ libelles().libelleDeLigne }}</th>\n      @if (avecValeur()) {\n        <th scope=\"col\" role=\"columnheader\">{{ libelles().valeurDeLigne }}</th>\n      }\n      @if (avecPart()) {\n        <th scope=\"col\" role=\"columnheader\">{{ libelles().partDeLigne }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody role=\"rowgroup\">\n    @for (ligne of lues(); track ligne.cle) {\n      <tr class=\"st-bar-list__ligne\" role=\"row\">\n        <th scope=\"row\" class=\"st-bar-list__libelle\" role=\"rowheader\">\n          <span class=\"st-bar-list__nom\">{{ ligne.libelle }}</span>\n          <span class=\"st-bar-list__piste\" aria-hidden=\"true\">\n            <span class=\"st-bar-list__barre\" [style.inline-size.%]=\"ligne.longueur * 100\"></span>\n          </span>\n        </th>\n        @if (avecValeur()) {\n          <td class=\"st-bar-list__valeur\" role=\"cell\">\n            @if (ligne.montant; as montant) {\n              <st-money [valeur]=\"montant\" />\n            } @else {\n              <st-number [valeur]=\"ligne.nombre\" />\n            }\n          </td>\n        }\n        @if (avecPart()) {\n          <td class=\"st-bar-list__part\" role=\"cell\">\n            <span dir=\"auto\">{{ ligne.part }}</span>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\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-bar-list__tableau{inline-size:100%;border-collapse:collapse}.st-bar-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-bar-list__tableau,.st-bar-list__tableau>tbody,.st-bar-list__legende{display:block}.st-bar-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:baseline;padding-block:var(--st-espacement-2)}.st-bar-list__ligne>*{padding:0}.st-bar-list__libelle{flex:1 0 100%;font-weight:var(--st-graisse-normale);text-align:start}.st-bar-list__nom{display:block;margin-block-end:var(--st-espacement-1-5)}.st-bar-list__valeur{flex:1 1 auto;text-align:start}@container (min-width: 30rem){.st-bar-list__tableau{display:table}.st-bar-list__legende{display:table-caption}.st-bar-list__tableau>tbody{display:table-row-group}.st-bar-list__ligne{display:table-row}.st-bar-list__ligne>*{display:table-cell;padding-block:var(--st-espacement-2);vertical-align:top}.st-bar-list__libelle{inline-size:100%;padding-inline-end:var(--st-espacement-4)}.st-bar-list__valeur{padding-inline-start:var(--st-espacement-3);text-align:end}.st-bar-list__part{padding-inline-start:var(--st-espacement-3)}}.st-bar-list__piste{display:block;block-size:var(--st-espacement-1-5);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-bar-list__barre{display:block;block-size:100%;background:var(--st-couleur-primaire);border-radius:inherit}.st-bar-list__valeur,.st-bar-list__part{font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);white-space:nowrap}.st-bar-list__part{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-bar-list__valeur{color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-bar-list__piste{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-bar-list__barre{background:Highlight}}@media print{.st-bar-list__piste{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StMoney,
+			selector: "st-money",
+			inputs: [
+				"valeur",
+				"signeExplicite",
+				"sansDevise",
+				"taille",
+				"variation",
+				"ton",
+				"police",
+				"alignement",
+				"masque"
+			]
+		}, {
+			kind: "component",
+			type: StNumber,
+			selector: "st-number",
+			inputs: [
+				"valeur",
+				"format",
+				"decimales",
+				"unite",
+				"signeExplicite",
+				"variation",
+				"ton"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StBarList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-bar-list",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StMoney, StNumber],
+			host: {
+				class: "st-bar-list",
+				"[attr.data-affichage]": "affichage()"
+			},
+			template: "<!-- Roles explicites : empile en largeur etroite (affichage change), le tableau reste un tableau\n     pour les technologies d'assistance. -->\n<table class=\"st-bar-list__tableau\" role=\"table\">\n  <caption class=\"st-bar-list__legende\" [class.st-vh]=\"legendeMasquee()\">\n    {{\n      legende()\n    }}\n  </caption>\n  <!-- Les en-tetes se lisent ; la disposition, elle, se voit. -->\n  <thead class=\"st-vh\" role=\"rowgroup\">\n    <tr role=\"row\">\n      <th scope=\"col\" role=\"columnheader\">{{ libelles().libelleDeLigne }}</th>\n      @if (avecValeur()) {\n        <th scope=\"col\" role=\"columnheader\">{{ libelles().valeurDeLigne }}</th>\n      }\n      @if (avecPart()) {\n        <th scope=\"col\" role=\"columnheader\">{{ libelles().partDeLigne }}</th>\n      }\n    </tr>\n  </thead>\n  <tbody role=\"rowgroup\">\n    @for (ligne of lues(); track ligne.cle) {\n      <tr class=\"st-bar-list__ligne\" role=\"row\">\n        <th scope=\"row\" class=\"st-bar-list__libelle\" role=\"rowheader\">\n          <span class=\"st-bar-list__nom\">{{ ligne.libelle }}</span>\n          <span class=\"st-bar-list__piste\" aria-hidden=\"true\">\n            <span class=\"st-bar-list__barre\" [style.inline-size.%]=\"ligne.longueur * 100\"></span>\n          </span>\n        </th>\n        @if (avecValeur()) {\n          <td class=\"st-bar-list__valeur\" role=\"cell\">\n            @if (ligne.montant; as montant) {\n              <st-money [valeur]=\"montant\" />\n            } @else {\n              <st-number [valeur]=\"ligne.nombre\" />\n            }\n          </td>\n        }\n        @if (avecPart()) {\n          <td class=\"st-bar-list__part\" role=\"cell\">\n            <span dir=\"auto\">{{ ligne.part }}</span>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\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-bar-list__tableau{inline-size:100%;border-collapse:collapse}.st-bar-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-bar-list__tableau,.st-bar-list__tableau>tbody,.st-bar-list__legende{display:block}.st-bar-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:baseline;padding-block:var(--st-espacement-2)}.st-bar-list__ligne>*{padding:0}.st-bar-list__libelle{flex:1 0 100%;font-weight:var(--st-graisse-normale);text-align:start}.st-bar-list__nom{display:block;margin-block-end:var(--st-espacement-1-5)}.st-bar-list__valeur{flex:1 1 auto;text-align:start}@container (min-width: 30rem){.st-bar-list__tableau{display:table}.st-bar-list__legende{display:table-caption}.st-bar-list__tableau>tbody{display:table-row-group}.st-bar-list__ligne{display:table-row}.st-bar-list__ligne>*{display:table-cell;padding-block:var(--st-espacement-2);vertical-align:top}.st-bar-list__libelle{inline-size:100%;padding-inline-end:var(--st-espacement-4)}.st-bar-list__valeur{padding-inline-start:var(--st-espacement-3);text-align:end}.st-bar-list__part{padding-inline-start:var(--st-espacement-3)}}.st-bar-list__piste{display:block;block-size:var(--st-espacement-1-5);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-bar-list__barre{display:block;block-size:100%;background:var(--st-couleur-primaire);border-radius:inherit}.st-bar-list__valeur,.st-bar-list__part{font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-variant-numeric:var(--st-chiffres-alignes);line-height:var(--st-interligne-sm);white-space:nowrap}.st-bar-list__part{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-bar-list__valeur{color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-bar-list__piste{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-bar-list__barre{background:Highlight}}@media print{.st-bar-list__piste{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"]
+		}]
+	}],
+	propDecorators: {
+		lignes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lignes",
+				required: true
+			}]
+		}],
+		legende: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legende",
+				required: true
+			}]
+		}],
+		legendeMasquee: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legendeMasquee",
+				required: false
+			}]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: false
+			}]
+		}],
+		affichage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "affichage",
+				required: false
+			}]
+		}],
+		limite: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "limite",
+				required: false
+			}]
+		}]
+	}
+});
+const SERIES = 6;
+var StRepartition = class StRepartition {
+	locale = inject(ST_LOCALE);
+	parts = input.required(...ngDevMode ? [{ debugName: "parts" }] : 	/* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	devise = input(null, ...ngDevMode ? [{ debugName: "devise" }] : 	/* istanbul ignore next */ []);
+	legende = input("sous", ...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	epaisseur = input("fine", ...ngDevMode ? [{ debugName: "epaisseur" }] : 	/* istanbul ignore next */ []);
+	lues = computed(() => {
+		const parts = this.parts();
+		const nombres = parts.map((part) => Math.max(0, Number(part.valeur)));
+		const total = nombres.reduce((cumul, nombre) => cumul + nombre, 0);
+		const pourcentage = new Intl.NumberFormat(this.locale(), {
+			style: "percent",
+			maximumFractionDigits: 1
+		});
+		const devise = this.devise();
+		return parts.map((part, rang) => {
+			const nombre = nombres[rang] ?? 0;
+			const proportion = total > 0 ? nombre / total : 0;
+			return {
+				cle: part.cle,
+				libelle: part.libelle,
+				nombre,
+				montant: devise === null ? null : {
+					unitesMineures: typeof part.valeur === "bigint" ? part.valeur : BigInt(Math.round(nombre)),
+					devise
+				},
+				proportion,
+				part: pourcentage.format(proportion),
+				serie: Math.min(rang, SERIES - 1) + 1
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "lues" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StRepartition,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StRepartition,
+		isStandalone: true,
+		selector: "st-repartition",
+		inputs: {
+			parts: {
+				classPropertyName: "parts",
+				publicName: "parts",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			legende: {
+				classPropertyName: "legende",
+				publicName: "legende",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			epaisseur: {
+				classPropertyName: "epaisseur",
+				publicName: "epaisseur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-epaisseur": "epaisseur()" },
+			classAttribute: "st-repartition"
+		},
+		ngImport: i0,
+		template: "<!-- La barre : muette, la legende dit tout. -->\n<div class=\"st-repartition__barre\" aria-hidden=\"true\">\n  @for (part of lues(); track part.cle) {\n    @if (part.proportion > 0) {\n      <span\n        class=\"st-repartition__segment\"\n        [attr.data-serie]=\"part.serie\"\n        [style.flex-grow]=\"part.proportion\"\n      ></span>\n    }\n  }\n</div>\n\n<!-- La legende EST la donnee : chaque part, sa valeur, son pourcentage. -->\n<ol\n  class=\"st-repartition__legende\"\n  role=\"list\"\n  [class.st-vh]=\"legende() === 'masquee'\"\n  [attr.aria-label]=\"etiquette()\"\n>\n  @for (part of lues(); track part.cle) {\n    <li class=\"st-repartition__part\">\n      <span\n        class=\"st-repartition__pastille\"\n        [attr.data-serie]=\"part.serie\"\n        aria-hidden=\"true\"\n      ></span>\n      <span class=\"st-repartition__libelle\">{{ part.libelle }}</span>\n      <span class=\"st-repartition__valeur\">\n        @if (part.montant; as montant) {\n          <st-money [valeur]=\"montant\" />\n        } @else {\n          <st-number [valeur]=\"part.nombre\" />\n        }\n      </span>\n      <!-- `dir=\"auto\"` : la part d'Intl garde son sens (« 50,8 % »), en ecriture inverse aussi. -->\n      <span class=\"st-repartition__proportion\" dir=\"auto\">{{ part.part }}</span>\n    </li>\n  }\n</ol>\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{--st-repartition-hauteur: var(--st-espacement-1-5);display:grid;gap:var(--st-espacement-3);min-inline-size:0;container-type:inline-size}:host([data-epaisseur=epaisse]){--st-repartition-hauteur: var(--st-espacement-4)}.st-repartition__barre{display:flex;gap:var(--st-epaisseur-moyenne);block-size:var(--st-repartition-hauteur);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-repartition__segment{flex-basis:0;min-inline-size:var(--st-epaisseur-moyenne)}[data-serie=\"1\"]{background:var(--st-couleur-primaire)}[data-serie=\"2\"]{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--st-couleur-primaire) 60%,var(--st-couleur-surface)) 0 3px,color-mix(in oklab,var(--st-couleur-primaire) 40%,var(--st-couleur-surface)) 3px 6px)}[data-serie=\"3\"]{background:radial-gradient(circle,color-mix(in oklab,var(--st-couleur-primaire) 70%,var(--st-couleur-surface)) 1px,transparent 1.5px) 0 0/4px 4px,color-mix(in oklab,var(--st-couleur-primaire) 35%,var(--st-couleur-surface))}[data-serie=\"4\"]{background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--st-couleur-primaire) 45%,var(--st-couleur-surface)) 0 2px,color-mix(in oklab,var(--st-couleur-primaire) 20%,var(--st-couleur-surface)) 2px 5px)}[data-serie=\"5\"]{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--st-couleur-primaire) 30%,var(--st-couleur-surface)) 0 2px,color-mix(in oklab,var(--st-couleur-primaire) 12%,var(--st-couleur-surface)) 2px 4px)}[data-serie=\"6\"]{background:color-mix(in oklab,var(--st-couleur-primaire) 15%,var(--st-couleur-surface))}.st-repartition__legende{display:grid;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none}.st-repartition__part{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"pastille libelle libelle\" \". valeur proportion\";gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-repartition__pastille{grid-area:pastille}.st-repartition__libelle{grid-area:libelle}.st-repartition__valeur{grid-area:valeur}.st-repartition__proportion{grid-area:proportion}@container (min-width: 30rem){.st-repartition__part{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:\"pastille libelle valeur proportion\"}}.st-repartition__pastille{inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);border-radius:var(--st-rayon-xs)}.st-repartition__libelle{min-inline-size:0}.st-repartition__valeur,.st-repartition__proportion{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes);text-align:end;white-space:nowrap}.st-repartition__valeur{color:var(--st-couleur-texte-discret)}.st-repartition__proportion{font-weight:var(--st-graisse-semi)}@media(forced-colors:active){.st-repartition__barre{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText}.st-repartition__segment,.st-repartition__pastille{forced-color-adjust:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}@media print{.st-repartition__barre,.st-repartition__pastille{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StMoney,
+			selector: "st-money",
+			inputs: [
+				"valeur",
+				"signeExplicite",
+				"sansDevise",
+				"taille",
+				"variation",
+				"ton",
+				"police",
+				"alignement",
+				"masque"
+			]
+		}, {
+			kind: "component",
+			type: StNumber,
+			selector: "st-number",
+			inputs: [
+				"valeur",
+				"format",
+				"decimales",
+				"unite",
+				"signeExplicite",
+				"variation",
+				"ton"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StRepartition,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-repartition",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StMoney, StNumber],
+			host: {
+				class: "st-repartition",
+				"[attr.data-epaisseur]": "epaisseur()"
+			},
+			template: "<!-- La barre : muette, la legende dit tout. -->\n<div class=\"st-repartition__barre\" aria-hidden=\"true\">\n  @for (part of lues(); track part.cle) {\n    @if (part.proportion > 0) {\n      <span\n        class=\"st-repartition__segment\"\n        [attr.data-serie]=\"part.serie\"\n        [style.flex-grow]=\"part.proportion\"\n      ></span>\n    }\n  }\n</div>\n\n<!-- La legende EST la donnee : chaque part, sa valeur, son pourcentage. -->\n<ol\n  class=\"st-repartition__legende\"\n  role=\"list\"\n  [class.st-vh]=\"legende() === 'masquee'\"\n  [attr.aria-label]=\"etiquette()\"\n>\n  @for (part of lues(); track part.cle) {\n    <li class=\"st-repartition__part\">\n      <span\n        class=\"st-repartition__pastille\"\n        [attr.data-serie]=\"part.serie\"\n        aria-hidden=\"true\"\n      ></span>\n      <span class=\"st-repartition__libelle\">{{ part.libelle }}</span>\n      <span class=\"st-repartition__valeur\">\n        @if (part.montant; as montant) {\n          <st-money [valeur]=\"montant\" />\n        } @else {\n          <st-number [valeur]=\"part.nombre\" />\n        }\n      </span>\n      <!-- `dir=\"auto\"` : la part d'Intl garde son sens (« 50,8 % »), en ecriture inverse aussi. -->\n      <span class=\"st-repartition__proportion\" dir=\"auto\">{{ part.part }}</span>\n    </li>\n  }\n</ol>\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{--st-repartition-hauteur: var(--st-espacement-1-5);display:grid;gap:var(--st-espacement-3);min-inline-size:0;container-type:inline-size}:host([data-epaisseur=epaisse]){--st-repartition-hauteur: var(--st-espacement-4)}.st-repartition__barre{display:flex;gap:var(--st-epaisseur-moyenne);block-size:var(--st-repartition-hauteur);overflow:hidden;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-repartition__segment{flex-basis:0;min-inline-size:var(--st-epaisseur-moyenne)}[data-serie=\"1\"]{background:var(--st-couleur-primaire)}[data-serie=\"2\"]{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--st-couleur-primaire) 60%,var(--st-couleur-surface)) 0 3px,color-mix(in oklab,var(--st-couleur-primaire) 40%,var(--st-couleur-surface)) 3px 6px)}[data-serie=\"3\"]{background:radial-gradient(circle,color-mix(in oklab,var(--st-couleur-primaire) 70%,var(--st-couleur-surface)) 1px,transparent 1.5px) 0 0/4px 4px,color-mix(in oklab,var(--st-couleur-primaire) 35%,var(--st-couleur-surface))}[data-serie=\"4\"]{background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--st-couleur-primaire) 45%,var(--st-couleur-surface)) 0 2px,color-mix(in oklab,var(--st-couleur-primaire) 20%,var(--st-couleur-surface)) 2px 5px)}[data-serie=\"5\"]{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--st-couleur-primaire) 30%,var(--st-couleur-surface)) 0 2px,color-mix(in oklab,var(--st-couleur-primaire) 12%,var(--st-couleur-surface)) 2px 4px)}[data-serie=\"6\"]{background:color-mix(in oklab,var(--st-couleur-primaire) 15%,var(--st-couleur-surface))}.st-repartition__legende{display:grid;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none}.st-repartition__part{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"pastille libelle libelle\" \". valeur proportion\";gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-repartition__pastille{grid-area:pastille}.st-repartition__libelle{grid-area:libelle}.st-repartition__valeur{grid-area:valeur}.st-repartition__proportion{grid-area:proportion}@container (min-width: 30rem){.st-repartition__part{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:\"pastille libelle valeur proportion\"}}.st-repartition__pastille{inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);border-radius:var(--st-rayon-xs)}.st-repartition__libelle{min-inline-size:0}.st-repartition__valeur,.st-repartition__proportion{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes);text-align:end;white-space:nowrap}.st-repartition__valeur{color:var(--st-couleur-texte-discret)}.st-repartition__proportion{font-weight:var(--st-graisse-semi)}@media(forced-colors:active){.st-repartition__barre{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid CanvasText}.st-repartition__segment,.st-repartition__pastille{forced-color-adjust:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}@media print{.st-repartition__barre,.st-repartition__pastille{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n"]
+		}]
+	}],
+	propDecorators: {
+		parts: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parts",
+				required: true
+			}]
+		}],
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: false
+			}]
+		}],
+		legende: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legende",
+				required: false
+			}]
+		}],
+		epaisseur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "epaisseur",
+				required: false
+			}]
+		}]
+	}
+});
+export { StAmountSummary, StAvatarGroup, StBarList, StCount, StDate, StDeadline, StDuration, StMasked, StMeter, StMoney, StNumber, StPerson, StRelativeTime, StRepartition, StStat, StStatGroup, zonesDeJauge };
 
-export { StCount, StDate, StMasked, StMoney, StRelativeTime, StStat };
-//# sourceMappingURL=starterlib-ui-donnees.mjs.map
+//# sourceMappingURL=starterlib-ui-donnees.mjs.map