@starterlib/ui 0.7.2 → 0.8.0

package/fesm2022/starterlib-ui.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, LOCALE_ID, signal, input, computed, ChangeDetectionStrategy, Component, booleanAttribute, ElementRef, DestroyRef, output, model, afterNextRender, viewChild, effect, Directive, Injector, linkedSignal, TemplateRef, contentChildren, contentChild, isDevMode } from '@angular/core';
-import { masquerIban, masquerTelephone, masquerCarte, quatreDerniers, formaterIban, formaterMontant, formaterTaille, formaterDateLongue, montant, decimalesDe, motifDeDate, formaterDateSaisie, ibanEstValide, normaliserTelephone, typeDeFichierAccepte, normaliserIban, bornerDate, premierJourDeLaSemaine, ajouterJours, semainesDuMois, ajouterMois, jourDeLaSemaine, CHOIX_DE_THEME, LANGUES } from '@starterlib/util';
+import { InjectionToken, inject, LOCALE_ID, signal, input, computed, ChangeDetectionStrategy, Component, booleanAttribute, ElementRef, DestroyRef, output, viewChild, afterNextRender, effect, TemplateRef, Directive, contentChild, linkedSignal, isDevMode } from '@angular/core';
+import { CHOIX_DE_THEME, LANGUES } from '@starterlib/util';
 export { ETATS_DE_BLOC } from '@starterlib/util';
 import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@angular/router';
@@ -158,134 +158,6 @@ const LIBELLES_FR = {
     recopierPourConfirmer: (texte) => `Pour confirmer, recopiez \u00ab\u202f${texte}\u202f\u00bb`,
     aLInstant: "a l'instant",
 };
-/** Traduction anglaise du meme dictionnaire. La paire est obligatoire. */
-const LIBELLES_EN = {
-    chargementEnCours: 'Loading',
-    erreurSurvenue: 'Something went wrong',
-    aucunResultat: 'No results',
-    horsConnexion: 'Offline',
-    reessayer: 'Try again',
-    identifiantDeTrace: 'Trace identifier',
-    codeTechnique: 'Code',
-    copier: 'Copy',
-    copieEffectuee: 'Copied',
-    copieImpossible: 'Could not copy. Select the text to copy it.',
-    afficher: 'Show',
-    masquer: 'Hide',
-    valeurMasqueeANouveau: 'Value hidden again',
-    natureIban: 'IBAN',
-    natureCarte: 'card',
-    natureTelephone: 'number',
-    seTerminantPar: (nature, quatreDerniers) => `${nature} ending in ${quatreDerniers}`,
-    nouvelleFenetre: '(opens in a new window)',
-    retirer: 'Remove',
-    filDAriane: 'Breadcrumb',
-    allerAuContenu: 'Skip to content',
-    navigationPrincipale: 'Main navigation',
-    liensDuPied: 'Footer links',
-    chargement: 'Loading',
-    plus: 'More',
-    plusDActions: 'More actions',
-    etapes: 'Steps',
-    etapeTerminee: 'completed',
-    etapeEnCours: 'current',
-    etapeAVenir: 'upcoming',
-    tendanceEnHausse: 'up',
-    tendanceEnBaisse: 'down',
-    tendanceStable: 'unchanged',
-    theme: 'Theme',
-    themeSysteme: 'System',
-    themeClair: 'Light',
-    themeSombre: 'Dark',
-    langue: 'Language',
-    reessayerDans: (duree) => `You can try again in ${duree}`,
-    reessayerMaintenant: 'You can try again now.',
-    sessionBientotExpiree: 'Your session is about to expire',
-    sessionExpireDans: (duree) => `Without any activity, you will be signed out in ${duree}.`,
-    resterConnecte: 'Stay signed in',
-    seDeconnecter: 'Sign out',
-    obligatoire: '(required)',
-    champObligatoire: 'This field is required.',
-    valeurInvalide: 'This value is not valid.',
-    adresseInvalide: 'Enter an email address, like name@example.com.',
-    formatInvalide: 'The format is not valid.',
-    longueurMinimale: (minimum) => `Enter at least ${String(minimum)} characters.`,
-    longueurMaximale: (maximum) => `Enter no more than ${String(maximum)} characters.`,
-    valeurMinimale: (minimum) => `The value must be at least ${minimum}.`,
-    valeurMaximale: (maximum) => `The value must be at most ${maximum}.`,
-    caracteresRestants: (restants) => restants === 1 ? '1 character remaining' : `${String(restants)} characters remaining`,
-    caracteresEnTrop: (enTrop) => enTrop === 1 ? '1 character too many' : `${String(enTrop)} characters too many`,
-    erreursACorriger: (nombre) => nombre === 1 ? 'There is 1 problem to fix' : `There are ${String(nombre)} problems to fix`,
-    afficherLeMotDePasse: 'Show password',
-    codeAChiffres: (longueur) => `${String(longueur)}-digit code.`,
-    ibanInvalide: 'Enter a valid IBAN.',
-    telephoneInvalide: 'Enter a phone number using digits, with the country code for a number abroad.',
-    exempleDIban: 'For example FR76 3000 6000 0112 3456 7890 189.',
-    rechercher: 'Search',
-    fermerLeMessage: 'Dismiss message',
-    montantIllisible: (exemple) => `Enter an amount in figures, like ${exemple}.`,
-    tropDeDecimales: (decimales) => decimales === 0
-        ? 'Enter an amount without decimals.'
-        : `Enter no more than ${String(decimales)} decimal place${decimales > 1 ? 's' : ''}.`,
-    deviseDuMontant: (devise) => `Currency: ${devise}.`,
-    lettreDuJour: 'dd',
-    lettreDuMois: 'mm',
-    lettreDeLAnnee: 'yyyy',
-    formatDeDate: (motif, exemple) => `Use the format ${motif}, like ${exemple}.`,
-    dateIllisible: (motif, exemple) => `Enter a real date in the format ${motif}, like ${exemple}.`,
-    dateTropTot: (date) => `Enter a date on or after ${date}.`,
-    dateTropTard: (date) => `Enter a date on or before ${date}.`,
-    finAvantDebut: 'The end date cannot be before the start date.',
-    dateDeDebut: 'Start date',
-    dateDeFin: 'End date',
-    choisirDansLeCalendrier: (champ) => `${champ}: choose from calendar`,
-    moisPrecedent: 'Previous month',
-    moisSuivant: 'Next month',
-    aideDuCalendrier: 'Arrow keys to change day, Page Up and Page Down to change month, Escape to close.',
-    choisir: 'Choose\u2026',
-    nombreDeResultats: (nombre) => nombre === 0 ? 'No results' : `${String(nombre)} result${nombre > 1 ? 's' : ''}`,
-    nombreDeSelections: (nombre) => nombre === 0 ? 'Nothing selected' : `${String(nombre)} selected`,
-    retirerLeChoix: (choix) => `Remove ${choix}`,
-    afficherLesChoix: (champ) => `${champ}: show options`,
-    choisirDesFichiers: 'Choose files',
-    choisirUnFichier: 'Choose a file',
-    ouDeposerIci: 'or drop them here',
-    aucunFichier: 'No file chosen.',
-    nombreDeFichiers: (nombre) => nombre === 0 ? 'No file chosen.' : `${String(nombre)} file${nombre > 1 ? 's' : ''} chosen.`,
-    retirerLeFichier: (fichier) => `Remove ${fichier}`,
-    fichierTropVolumineux: (fichier, taille) => `${fichier} is larger than ${taille}.`,
-    typeDeFichierRefuse: (fichier) => `${fichier} is not an accepted file type.`,
-    tropDeFichiers: (nombre) => `Choose no more than ${String(nombre)} file${nombre > 1 ? 's' : ''}.`,
-    typesAcceptes: (types) => `Accepted types: ${types}.`,
-    tailleMaximale: (taille) => `${taille} maximum per file.`,
-    televersementDe: (fichier) => `Uploading ${fichier}`,
-    annulerLeTeleversement: (fichier) => `Cancel upload of ${fichier}`,
-    fichierDepose: (fichier) => `${fichier} uploaded`,
-    fichierRefuse: (fichier) => `${fichier} rejected`,
-    pagination: 'Pagination',
-    pagePrecedente: 'Previous page',
-    pageSuivante: 'Next page',
-    pageNumero: (numero) => `Page ${String(numero)}`,
-    afficherPlus: 'Show more',
-    lignesParPage: 'Rows per page',
-    selectionnerLaPage: (nombre) => `Select the ${String(nombre)} rows on this page`,
-    selectionnerLaLigne: (ligne) => `Select ${ligne}`,
-    lignesSelectionnees: (nombre) => nombre === 0 ? 'No rows selected' : `${String(nombre)} row${nombre > 1 ? 's' : ''} selected`,
-    trieCroissant: (colonne) => `Sorted by ${colonne}, ascending`,
-    trieDecroissant: (colonne) => `Sorted by ${colonne}, descending`,
-    tableauVide: 'No rows to display.',
-    nonRenseigne: 'Not provided',
-    filtres: 'Filters',
-    filtresActifs: 'Active filters',
-    retirerLeFiltre: (filtre) => `Remove filter ${filtre}`,
-    effacerLesFiltres: 'Clear filters',
-    filtreRetire: (filtre) => `Filter ${filtre} removed`,
-    filtresEffaces: 'Filters cleared',
-    confirmer: 'Confirm',
-    annuler: 'Cancel',
-    recopierPourConfirmer: (texte) => `To confirm, type \u201c${texte}\u201d`,
-    aLInstant: 'just now',
-};
 
 /**
  * Locale de formatage des montants, des dates et des nombres, **sous forme de
@@ -1159,504 +1031,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             args: [{ selector: 'st-code', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIconButton], host: { class: 'st-code' }, template: "<code aria-hidden=\"true\">{{ valeur() }}</code>\n<span class=\"st-vh\">{{ etiquetteLue() + ' ' + valeur() }}</span>\n\n@if (copiePossible()) {\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    icone=\"copie\"\n    taille=\"sm\"\n    [etiquette]=\"libelleCopierLu()\"\n    (click)=\"auClicDeCopie()\"\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-1);align-items:center}code{padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:1px solid var(--st-couleur-bordure);border-radius:var(--st-rayon-sm);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.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 }] }], copiable: [{ type: i0.Input, args: [{ isSignal: true, alias: "copiable", required: false }] }], etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }], libelleCopier: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleCopier", required: false }] }], messageDeConfirmation: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageDeConfirmation", required: false }] }], copie: [{ type: i0.Output, args: ["copie"] }] } });
 
-/**
- * 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 });
-}
-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 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' },
-};
-/**
- * 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 });
-}
-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 });
-}
-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 });
-}
-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',
-};
-/**
- * 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 });
-}
-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 }] }] } });
-
 /**
  * Pastille de statut.
  *
@@ -2418,10 +1792,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  * ```
  *
  * **Ou il vit, et pourquoi.** Dans le tronc, a cote de `st-breadcrumb` et non
- * dans `ui/interactions` avec `st-sidenav` : les points d'entree se decoupent
- * par pair lourd, et ce lien n'en traine aucun — `@angular/router` est deja
- * exige par le tronc. Une SPA qui rend sa navigation sans tiroir n'a pas a
- * charger Aria pour un lien.
+ * dans `ui/navigation` avec `st-sidenav` : les points d'entree se decoupent par
+ * pair lourd, et ce lien n'en traine aucun — `@angular/router` est deja exige
+ * par le tronc. Une SPA qui rend sa navigation sans tiroir n'a pas a charger
+ * l'observateur de rupture pour un lien. Et la coquille le PEINT : le second
+ * critere de l'ADR 0031 le garde au tronc pour la meme raison.
  *
  * ⚠️ **L'etat actif est porte par `aria-current="page"`**, pose par le routeur,
  * et c'est sur lui que la feuille se branche — jamais sur la seule couleur : le
@@ -2674,7 +2049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             args: [{ selector: 'st-stepper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], host: { class: 'st-stepper' }, template: "<ol class=\"st-stepper__liste\" [attr.aria-label]=\"etiquetteLue()\">\n  @for (ligne of lignes(); track $index) {\n    <li\n      class=\"st-stepper__etape\"\n      [attr.data-etat]=\"ligne.etat\"\n      [attr.aria-current]=\"ligne.etat === 'courante' ? 'step' : null\"\n    >\n      <span class=\"st-stepper__repere\" aria-hidden=\"true\">\n        @if (ligne.etat === 'faite') {\n          <st-icon nom=\"coche\" taille=\"sm\" />\n        } @else {\n          {{ ligne.numero }}\n        }\n      </span>\n      <span class=\"st-stepper__libelle\">{{ ligne.libelle }}</span>\n      <span class=\"st-vh\">, {{ ligne.texteDEtat }}</span>\n    </li>\n  }\n</ol>\n", styles: [":host([hidden]){display:none!important}:host{display:block}.st-stepper__liste{display:flex;flex-direction:column;gap:var(--st-espacement-3);padding:0;margin:0;list-style:none}.st-stepper__etape{display:flex;gap:var(--st-espacement-3);align-items:center;min-block-size:var(--st-cible-min);color:var(--st-couleur-texte-discret)}.st-stepper__repere{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);font-variant-numeric:tabular-nums;border:var(--st-epaisseur-moyenne) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine)}.st-stepper__etape[data-etat=faite]{color:var(--st-couleur-texte)}.st-stepper__etape[data-etat=faite] .st-stepper__repere{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes);border-color:var(--st-couleur-succes)}.st-stepper__etape[data-etat=courante]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-stepper__etape[data-etat=courante] .st-stepper__repere{color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:48rem){.st-stepper__liste{flex-direction:row;flex-wrap:wrap;gap:var(--st-espacement-6)}}@media(forced-colors:active){.st-stepper__etape[data-etat=courante] .st-stepper__repere,.st-stepper__etape[data-etat=faite] .st-stepper__repere{forced-color-adjust:none;color:HighlightText;background:Highlight;border-color:Highlight}}\n"] }]
         }], propDecorators: { etapes: [{ type: i0.Input, args: [{ isSignal: true, alias: "etapes", required: true }] }], etape: [{ type: i0.Input, args: [{ isSignal: true, alias: "etape", required: true }] }], etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }] } });
 
-let compteur$9 = 0;
+let compteur$2 = 0;
 /**
  * Ligne de reglage : un libelle, une description, et le controle qui les suit.
  *
@@ -2709,7 +2084,7 @@ class StSettingsRow {
     ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     /** Identifiants du libelle et de la description, cibles des attributs ARIA. */
     identifiants = (() => {
-        const base = `st-reglage-${(compteur$9 += 1).toString()}`;
+        const base = `st-reglage-${(compteur$2 += 1).toString()}`;
         return { libelle: `${base}-libelle`, description: `${base}-description` };
     })();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSettingsRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -2882,2315 +2257,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                     }, template: "<st-icon [nom]=\"icone()\" taille=\"xs\" />\n<span class=\"st-inline-message__texte\"><ng-content /></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:flex;gap:var(--st-espacement-2);align-items:flex-start;font-size:var(--st-taille-sm);line-height:var(--st-interligne-normal)}:host([data-ton=neutre]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-danger)}\n"] }]
         }], propDecorators: { ton: [{ type: i0.Input, args: [{ isSignal: true, alias: "ton", required: false }] }], identifiant: [{ type: i0.Input, args: [{ isSignal: true, alias: "identifiant", required: false }] }] } });
 
+let compteur$1 = 0;
 /**
- * Le texte d'une erreur, dans la langue courante.
- *
- * ⚠️ **Un `message` fourni l'emporte toujours.** Un validateur metier, ou une
- * erreur du serveur deja traduite, en sait plus que le genre : « IBAN d'un pays
- * non pris en charge » vaut mieux que « Le format n'est pas valide ».
+ * Choix du theme : systeme, clair, sombre.
  *
- * ⚠️ **Un genre inconnu rend un message generique, jamais le genre brut.**
- * Afficher `ibanChecksum` a une personne qui saisit un IBAN, c'est lui montrer le
- * code source.
+ * ⚠️ **Trois etats, donc PAS un interrupteur.** `role="switch"` et
+ * `aria-pressed` sont binaires : poses sur un choix a trois valeurs, ils
+ * annoncent « active » ou « desactive » sans jamais dire lequel des trois est
+ * retenu. Un groupe de boutons radio dit exactement « Sombre, bouton radio,
+ * coche, 3 sur 3 ».
  *
- * La locale sert aux messages qui citent un format, une date ou une taille : « au
- * format jj/mm/aaaa » n'est pas « mm/dd/yyyy ».
- */
-function messageDErreur(erreur, libelles, locale = 'fr-FR') {
-    const fourni = erreur.message?.trim();
-    if (fourni !== undefined && fourni !== '')
-        return fourni;
-    const propriete = (nom) => erreur[nom];
-    const nombre = (nom) => {
-        const valeur = propriete(nom);
-        return typeof valeur === 'number' ? valeur : undefined;
-    };
-    const texte = (nom) => {
-        const valeur = propriete(nom);
-        return typeof valeur === 'string' ? valeur : undefined;
-    };
-    switch (erreur.kind) {
-        case 'required':
-            return libelles.champObligatoire;
-        case 'email':
-            return libelles.adresseInvalide;
-        case 'pattern':
-            return libelles.formatInvalide;
-        case 'iban':
-            return libelles.ibanInvalide;
-        case 'telephone':
-            return libelles.telephoneInvalide;
-        case 'minLength': {
-            const minimum = nombre('minLength');
-            return minimum === undefined ? libelles.valeurInvalide : libelles.longueurMinimale(minimum);
-        }
-        case 'maxLength': {
-            const maximum = nombre('maxLength');
-            return maximum === undefined ? libelles.valeurInvalide : libelles.longueurMaximale(maximum);
-        }
-        case 'min': {
-            const minimum = nombre('min');
-            return minimum === undefined
-                ? libelles.valeurInvalide
-                : libelles.valeurMinimale(String(minimum));
-        }
-        case 'max': {
-            const maximum = nombre('max');
-            return maximum === undefined
-                ? libelles.valeurInvalide
-                : libelles.valeurMaximale(String(maximum));
-        }
-        case 'montant': {
-            const devise = texte('devise') ?? 'EUR';
-            const exemple = formaterMontant(montant((123456n * 10n ** BigInt(decimalesDe(devise))) / 100n, devise), {
-                locale,
-                sansDevise: true,
-            });
-            return libelles.montantIllisible(exemple);
-        }
-        case 'decimales': {
-            const decimales = nombre('decimales');
-            return decimales === undefined
-                ? libelles.valeurInvalide
-                : libelles.tropDeDecimales(decimales);
-        }
-        case 'date':
-            return libelles.dateIllisible(motifLocal(libelles, locale), exempleDeDate(locale));
-        case 'dateMin': {
-            const minimum = texte('min');
-            return minimum === undefined
-                ? libelles.valeurInvalide
-                : libelles.dateTropTot(formaterDateLongue(minimum, locale));
-        }
-        case 'dateMax': {
-            const maximum = texte('max');
-            return maximum === undefined
-                ? libelles.valeurInvalide
-                : libelles.dateTropTard(formaterDateLongue(maximum, locale));
-        }
-        case 'plageDeDates':
-            return libelles.finAvantDebut;
-        case 'fichierTaille': {
-            const fichier = texte('fichier');
-            const maximum = nombre('max');
-            return fichier === undefined || maximum === undefined
-                ? libelles.valeurInvalide
-                : libelles.fichierTropVolumineux(fichier, formaterTaille(maximum, locale));
-        }
-        case 'fichierType': {
-            const fichier = texte('fichier');
-            return fichier === undefined
-                ? libelles.valeurInvalide
-                : libelles.typeDeFichierRefuse(fichier);
-        }
-        case 'fichiersNombre': {
-            const maximum = nombre('max');
-            return maximum === undefined ? libelles.valeurInvalide : libelles.tropDeFichiers(maximum);
-        }
-        default:
-            return libelles.valeurInvalide;
-    }
-}
-/** Le motif a taper dans la langue courante : `jj/mm/aaaa`. */
-function motifLocal(libelles, locale) {
-    return motifDeDate(locale, {
-        jour: libelles.lettreDuJour,
-        mois: libelles.lettreDuMois,
-        annee: libelles.lettreDeLAnnee,
-    });
-}
-/**
- * Un jour superieur a 12 : « 31/03/2026 » montre sans ambiguite ou va le jour,
- * ce que « 01/02/2026 » ne dit pas.
- */
-function exempleDeDate(locale) {
-    return formaterDateSaisie('2026-03-31', locale);
-}
-/**
- * Erreur d'IBAN, a brancher sur un schema :
+ * ⚠️ **Composant de PRESENTATION.** Il n'injecte pas `StTheme` : `ui` ne depend
+ * pas de `@starterlib/core` (ADR 0003). La coquille le relie au noyau :
  *
- * ```ts
- * validate(chemin.iban, ({ value }) => erreurIban(value()));
+ * ```html
+ * <st-theme-toggle [choix]="theme.choix()" (choisi)="theme.choisir($event)" />
  * ```
- *
- * Une fonction pure plutot qu'une regle toute faite : fournir la regle
- * importerait `validate` d'`@angular/forms` A L'EXECUTION, et le socle ne
- * l'importe que pour ses types (audit de la vague 3, V3-1).
- *
- * ⚠️ Confort de saisie, jamais controle (SEC-5) : le serveur revalide. Un champ
- * vide n'est pas « invalide » ici — c'est `required` qui le dit, avec le bon
- * message.
  */
-function erreurIban(valeur) {
-    if (valeur.trim() === '')
-        return null;
-    return ibanEstValide(valeur) ? null : { kind: 'iban' };
+class StThemeToggle {
+    libelles = inject(ST_LIBELLES);
+    choix = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "choix" }] : /* istanbul ignore next */ []));
+    /** Legende visible. Masquee par defaut, mais toujours lue : elle nomme le groupe. */
+    legendeVisible = input(false, { ...(ngDevMode ? { debugName: "legendeVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    choisi = output();
+    /** Unique par instance : deux bascules sur la meme page partageraient leur groupe radio. */
+    nom = `st-theme-${(compteur$1 += 1).toString()}`;
+    legende = computed(() => this.libelles().theme, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []));
+    options = computed(() => {
+        const libelles = this.libelles();
+        const texte = {
+            systeme: libelles.themeSysteme,
+            clair: libelles.themeClair,
+            sombre: libelles.themeSombre,
+        };
+        return CHOIX_DE_THEME.map((valeur) => ({ valeur, libelle: texte[valeur] }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StThemeToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StThemeToggle, isStandalone: true, selector: "st-theme-toggle", inputs: { choix: { classPropertyName: "choix", publicName: "choix", isSignal: true, isRequired: true, transformFunction: null }, legendeVisible: { classPropertyName: "legendeVisible", publicName: "legendeVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { choisi: "choisi" }, host: { classAttribute: "st-theme-toggle" }, ngImport: i0, template: "<fieldset class=\"st-theme-toggle__groupe\">\n  <legend [class.st-vh]=\"!legendeVisible()\">{{ legende() }}</legend>\n  @for (option of options(); track option.valeur) {\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"nom\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === choix()\"\n        (change)=\"choisi.emit(option.valeur)\"\n      />\n      <span>{{ option.libelle }}</span>\n    </label>\n  }\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}.st-theme-toggle__groupe{display:inline-flex;flex-wrap:wrap;gap:0;padding:0;margin:0;border:0}.st-theme-toggle__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi)}.st-theme-toggle__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-theme-toggle__groupe label{display:inline-flex;align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-1) var(--st-espacement-3);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte)}.st-theme-toggle__groupe label+label{margin-inline-start:-1px}.st-theme-toggle__groupe label:first-of-type{border-start-start-radius:var(--st-rayon-md);border-end-start-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:last-of-type{border-start-end-radius:var(--st-rayon-md);border-end-end-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:has(input:checked){position:relative;font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-theme-toggle__groupe label:has(input:focus-visible){position:relative;z-index:1;outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}@media(forced-colors:active){.st-theme-toggle__groupe label:has(input:checked){forced-color-adjust:none;color:HighlightText;background:Highlight}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StThemeToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'st-theme-toggle' }, template: "<fieldset class=\"st-theme-toggle__groupe\">\n  <legend [class.st-vh]=\"!legendeVisible()\">{{ legende() }}</legend>\n  @for (option of options(); track option.valeur) {\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"nom\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === choix()\"\n        (change)=\"choisi.emit(option.valeur)\"\n      />\n      <span>{{ option.libelle }}</span>\n    </label>\n  }\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}.st-theme-toggle__groupe{display:inline-flex;flex-wrap:wrap;gap:0;padding:0;margin:0;border:0}.st-theme-toggle__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi)}.st-theme-toggle__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-theme-toggle__groupe label{display:inline-flex;align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-1) var(--st-espacement-3);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte)}.st-theme-toggle__groupe label+label{margin-inline-start:-1px}.st-theme-toggle__groupe label:first-of-type{border-start-start-radius:var(--st-rayon-md);border-end-start-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:last-of-type{border-start-end-radius:var(--st-rayon-md);border-end-end-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:has(input:checked){position:relative;font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-theme-toggle__groupe label:has(input:focus-visible){position:relative;z-index:1;outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}@media(forced-colors:active){.st-theme-toggle__groupe label:has(input:checked){forced-color-adjust:none;color:HighlightText;background:Highlight}}\n"] }]
+        }], propDecorators: { choix: [{ type: i0.Input, args: [{ isSignal: true, alias: "choix", required: true }] }], legendeVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendeVisible", required: false }] }], choisi: [{ type: i0.Output, args: ["choisi"] }] } });
+
 /**
- * Erreur de FORME d'un numero de telephone : chiffres, `+` de tete facultatif,
- * de 4 a 15 chiffres — la longueur maximale d'un numero international (E.164).
- *
- * ```ts
- * validate(chemin.telephone, ({ value }) => erreurTelephone(value()));
- * ```
+ * Nom de chaque langue ECRIT DANS CETTE LANGUE, et jamais traduit.
  *
- * ⚠️ Une forme valide ne dit pas que le numero existe : seul le serveur le sait.
- * Un champ vide n'est pas une erreur de forme : l'obligation est une autre regle.
+ * ⚠️ Une personne qui ne lit pas le francais ne cherche pas « Anglais » : elle
+ * cherche « English ». Traduire le nom des langues dans la langue courante rend
+ * le selecteur illisible precisement pour qui en a besoin.
  */
-function erreurTelephone(valeur) {
-    const numero = normaliserTelephone(valeur);
-    if (numero === '')
-        return null;
-    return /^\+?[0-9]{4,15}$/.test(numero) ? null : { kind: 'telephone' };
-}
+const ENDONYMES = {
+    fr: 'Français',
+    en: 'English',
+};
+let compteur = 0;
 /**
- * Erreur de bornes d'une date, a brancher sur un schema :
+ * Choix de la langue de l'interface.
  *
- * ```ts
- * validate(chemin.naissance, ({ value }) => erreurDate(value(), { max: aujourdHui }));
- * ```
+ * ⚠️ **Chaque option porte son propre `lang`.** Sans lui, un lecteur d'ecran
+ * regle en francais lit « English » avec une voix francaise, et le mot devient
+ * incomprehensible pour la personne anglophone qui cherchait justement a
+ * l'entendre.
  *
- * Les bornes du schema et celles passees au calendrier doivent etre les memes :
- * le calendrier grise, le schema refuse une date tapee a la main.
- */
-function erreurDate(valeur, bornes) {
-    if (valeur === null || valeur === '')
-        return null;
-    const { min, max } = bornes;
-    if (min !== undefined && min !== null && valeur < min) {
-        return { kind: 'dateMin', min };
-    }
-    if (max !== undefined && max !== null && valeur > max) {
-        return { kind: 'dateMax', max };
-    }
-    return null;
-}
-/** Une fin anterieure au debut. Une borne manquante n'est pas une erreur de plage. */
-function erreurPlageDeDates(plage) {
-    const { debut, fin } = plage;
-    if (debut === null || fin === null)
-        return null;
-    return fin < debut ? { kind: 'plageDeDates' } : null;
-}
-/**
- * Erreurs d'une liste de fichiers, une par fichier refuse, pour dire LEQUEL :
+ * ⚠️ **Composant de PRESENTATION.** Il n'injecte pas `StLangue` : `ui` ne depend
+ * pas de `@starterlib/core` (ADR 0003). La coquille le relie au noyau :
  *
- * ```ts
- * validate(chemin.pieces, ({ value }) => erreursDeFichiers(value(), regles));
- * ```
- *
- * ⚠️ Confort, jamais securite (SEC-5) : le type se deduit de l'extension, et le
- * serveur relit le contenu.
- */
-function erreursDeFichiers(fichiers, regles) {
-    const erreurs = [];
-    const { accept = '', tailleMax, nombreMax } = regles;
-    if (nombreMax !== undefined && fichiers.length > nombreMax) {
-        erreurs.push({ kind: 'fichiersNombre', max: nombreMax });
-    }
-    for (const fichier of fichiers) {
-        if (!typeDeFichierAccepte(fichier, accept)) {
-            erreurs.push({ kind: 'fichierType', fichier: fichier.name });
-        }
-        else if (tailleMax !== undefined && fichier.size > tailleMax) {
-            erreurs.push({
-                kind: 'fichierTaille',
-                fichier: fichier.name,
-                max: tailleMax,
-            });
-        }
-    }
-    return erreurs;
-}
-/**
- * Erreurs a afficher par un champ qui LIT sa saisie (`transformedValue`) : celles
- * du formulaire, plus les erreurs de lecture qu'il ne connait pas encore.
- *
- * ⚠️ Relie a un formulaire, un champ recoit ses erreurs de lecture DANS `errors`,
- * par Signal Forms. Employe seul, par `[(value)]`, il ne les recoit nulle part :
- * sans cette fusion, « 12,5,3 » s'afficherait sans le moindre message. Une erreur
- * deja presente — meme genre, meme partie — n'est pas repetee.
- */
-function fusionnerErreurs(formulaire, lecture) {
-    const cle = (erreur) => `${erreur.kind}|${erreur.partie ?? ''}`;
-    const connues = new Set(formulaire.map(cle));
-    return [...formulaire, ...lecture.filter((erreur) => !connues.has(cle(erreur)))];
-}
-
-/**
- * Base des champs du socle : le contrat Signal Forms, ecrit une fois — tout sauf
- * `value`, dont le type depend du champ (texte, montant, date).
- *
- * ⚠️ **Une base, et non une copie par champ.** Neuf membres de contrat recopies
- * dans six composants, c'est six occasions d'en oublier un — et l'oubli ne se
- * voit pas : un champ sans `touched` n'affiche jamais ses erreurs, un champ sans
- * reflet de `hidden` ne se masque pas, et rien n'echoue.
- *
- * Les noms restent anglais : voir le glossaire, § 8.
- *
- * Le gabarit du champ doit nommer son element natif `#champ`, et le brancher sur
- * `touch` a la perte du focus.
- */
-class ContratDeChamp {
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    errors = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    touched = input(false, { ...(ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    name = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-    touch = output();
-    champ = viewChild('champ', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []));
-    /** Appele par Signal Forms pour amener le focus sur un champ en erreur. */
-    focus(options) {
-        this.champ()?.nativeElement.focus(options);
-    }
-    texteSaisi(evenement) {
-        return evenement.target.value;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ContratDeChamp, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: ContratDeChamp, isStandalone: true, inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touch: "touch" }, host: { properties: { "attr.hidden": "hidden() ? \"\" : null" } }, viewQueries: [{ propertyName: "champ", first: true, predicate: ["champ"], descendants: true, isSignal: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ContratDeChamp, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        // L'entree `hidden` du contrat n'ecrit pas l'attribut : on le reflete, sans
-                        // quoi la regle `:host([hidden])` du socle ne s'applique pas.
-                        '[attr.hidden]': 'hidden() ? "" : null',
-                    },
-                }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], champ: [{ type: i0.ViewChild, args: ['champ', { isSignal: true }] }] } });
-/** Base des champs dont la valeur est le texte saisi. */
-class ControleDeSaisie extends ContratDeChamp {
-    value = model('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ControleDeSaisie, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ControleDeSaisie, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ControleDeSaisie, decorators: [{
-            type: Directive
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
-
-let compteur$8 = 0;
-/** Elements qu'un `label for` etiquette. */
-const ELEMENTS_ETIQUETABLES = new Set([
-    'INPUT',
-    'SELECT',
-    'TEXTAREA',
-    'BUTTON',
-    'METER',
-    'OUTPUT',
-    'PROGRESS',
-]);
-/**
- * Etiquette, aide, erreur et controle d'un champ de saisie — et le cablage qui
- * les relie.
- *
- * ⚠️ **Le SEUL endroit ou ce cablage existe** (audit de la vague 3, V3-2). Chaque
- * champ du socle l'emploie au lieu de refaire identifiants, `aria-describedby` et
- * `aria-invalid` : c'est precisement le code que l'on croit fini et qui se perd,
- * un champ specialise a la fois.
- *
- * L'ordre visuel suit celui de la lecture : etiquette, aide, erreur, controle.
- * L'erreur est AU-DESSUS du controle, pour etre vue avant de retaper.
- *
- * ⚠️ **L'erreur n'est pas une region vivante.** Annoncee a la perte du focus, elle
- * couperait la lecture du champ suivant, ou la personne est deja passee. Elle est
- * reliee au controle, donc lue quand on y revient ; a l'envoi, c'est le
- * recapitulatif d'erreurs qui prend le focus et les enumere.
- */
-class StFormField {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    /**
-     * ⚠️ OBLIGATOIRE et toujours visible (UX-1). Un texte indicatif ne le remplace
-     * jamais : il disparait a la premiere frappe.
-     */
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    /** Aide permanente : format attendu, exemple. Lue apres l'etiquette. */
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    /** Texte complementaire tenu a jour par le controle, comme un compteur. */
-    complement = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []));
-    erreurs = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []));
-    /**
-     * ⚠️ Faux tant que la personne n'a pas quitte le champ ou tente l'envoi (UX-3) :
-     * un formulaire vierge couvert d'erreurs accuse avant qu'on ait rien fait.
-     */
-    afficherErreurs = input(false, { ...(ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    obligatoire = input(false, { ...(ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * ⚠️ Change l'ordre VISUEL, jamais celui du document : l'etiquette reste
-     * reliee par `for`, et l'ordre de tabulation ne passe que par le controle.
-     */
-    disposition = input('empilee', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []));
-    /**
-     * Etiquette lue mais non affichee.
-     *
-     * ⚠️ Reservee a la RECHERCHE, ou l'icone, le bouton et la position en tete de
-     * page disent deja le but du champ. Partout ailleurs, une etiquette masquee est
-     * l'etiquette qui manque au moment ou l'on tape (UX-1).
-     */
-    libelleMasque = input(false, { ...(ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Identifiants du champ, lus par `stControleDeChamp` et par le gabarit. */
-    identifiants = (() => {
-        const base = `st-champ-${(compteur$8 += 1).toString()}`;
-        return {
-            controle: base,
-            libelle: `${base}-libelle`,
-            aide: `${base}-aide`,
-            complement: `${base}-complement`,
-            erreur: `${base}-erreur`,
-        };
-    })();
-    libelleObligatoire = computed(() => this.libelles().obligatoire, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []));
-    /** Messages a afficher, dans la langue courante. Vide tant qu'ils ne doivent pas l'etre. */
-    messages = computed(() => {
-        if (!this.afficherErreurs())
-            return [];
-        const libelles = this.libelles();
-        const locale = this.locale();
-        return this.erreurs().map((erreur) => messageDErreur(erreur, libelles, locale));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
-    /**
-     * Un clic sur l'etiquette d'un controle non natif n'y mene pas de lui-meme :
-     * on y amene le focus, comme le navigateur le fait pour un champ natif.
-     */
-    focaliserLeControle() {
-        const controle = this.element.nativeElement.querySelector(`#${this.identifiants.controle}`);
-        if (controle !== null && !ELEMENTS_ETIQUETABLES.has(controle.tagName))
-            controle.focus();
-    }
-    /** Lu par le controle pour `aria-invalid`. */
-    enErreur = computed(() => this.messages().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []));
-    /**
-     * ⚠️ Seuls les elements PRESENTS sont references : un `aria-describedby` qui
-     * vise un identifiant absent est ignore par certains lecteurs d'ecran — tout
-     * entier, y compris les references valides qui l'accompagnent.
-     */
-    descriptions = computed(() => {
-        const ids = [];
-        if (this.aide() !== null)
-            ids.push(this.identifiants.aide);
-        if (this.complement() !== null)
-            ids.push(this.identifiants.complement);
-        if (this.enErreur())
-            ids.push(this.identifiants.erreur);
-        return ids.length === 0 ? null : ids.join(' ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StFormField, isStandalone: true, selector: "st-form-field", inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, complement: { classPropertyName: "complement", publicName: "complement", isSignal: true, isRequired: false, transformFunction: null }, erreurs: { classPropertyName: "erreurs", publicName: "erreurs", isSignal: true, isRequired: false, transformFunction: null }, afficherErreurs: { classPropertyName: "afficherErreurs", publicName: "afficherErreurs", isSignal: true, isRequired: false, transformFunction: null }, obligatoire: { classPropertyName: "obligatoire", publicName: "obligatoire", isSignal: true, isRequired: false, transformFunction: null }, disposition: { classPropertyName: "disposition", publicName: "disposition", isSignal: true, isRequired: false, transformFunction: null }, libelleMasque: { classPropertyName: "libelleMasque", publicName: "libelleMasque", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-en-erreur": "enErreur() ? \"\" : null", "attr.data-disposition": "disposition()" }, classAttribute: "st-form-field" }, ngImport: i0, template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus --\n     Le clic sur une etiquette est une commodite de souris, comme pour tout\n     champ natif : au clavier, le controle se rejoint par tabulation, et\n     l'etiquette n'a pas a recevoir le focus. -->\n<label\n  class=\"st-form-field__libelle\"\n  [class.st-vh]=\"libelleMasque()\"\n  [id]=\"identifiants.libelle\"\n  [for]=\"identifiants.controle\"\n  [attr.data-libelle]=\"libelle()\"\n  (click)=\"focaliserLeControle()\"\n>\n  {{ libelle() }}\n  @if (obligatoire()) {\n    <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n  }\n</label>\n\n@if (aide(); as texte) {\n  <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n\n@if (enErreur()) {\n  <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n\n<div class=\"st-form-field__controle\">\n  <ng-content />\n</div>\n\n@if (complement(); as texte) {\n  <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ 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{display:grid;grid-template-areas:\"libelle\" \"aide\" \"erreur\" \"controle\" \"complement\";grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-1);margin-block-end:var(--st-espacement-5)}:host([data-disposition=case]){grid-template-areas:\"erreur erreur\" \"controle libelle\" \". aide\" \". complement\";grid-template-columns:auto minmax(0,1fr);column-gap:var(--st-espacement-2);align-items:center}.st-form-field__libelle{grid-area:libelle}.st-form-field__aide{grid-area:aide}.st-form-field__erreurs{grid-area:erreur}.st-form-field__controle{grid-area:controle}.st-form-field__complement{grid-area:complement}:host([data-disposition=case]) .st-form-field__libelle{font-weight:var(--st-graisse-normale)}.st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-form-field__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}:host([data-en-erreur]){padding-inline-start:var(--st-espacement-3);border-inline-start:3px solid var(--st-couleur-danger)}\n"], dependencies: [{ kind: "component", type: StInlineMessage, selector: "st-inline-message", inputs: ["ton", "identifiant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFormField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-form-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StInlineMessage], host: {
-                        class: 'st-form-field',
-                        '[attr.data-en-erreur]': 'enErreur() ? "" : null',
-                        '[attr.data-disposition]': 'disposition()',
-                    }, template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus --\n     Le clic sur une etiquette est une commodite de souris, comme pour tout\n     champ natif : au clavier, le controle se rejoint par tabulation, et\n     l'etiquette n'a pas a recevoir le focus. -->\n<label\n  class=\"st-form-field__libelle\"\n  [class.st-vh]=\"libelleMasque()\"\n  [id]=\"identifiants.libelle\"\n  [for]=\"identifiants.controle\"\n  [attr.data-libelle]=\"libelle()\"\n  (click)=\"focaliserLeControle()\"\n>\n  {{ libelle() }}\n  @if (obligatoire()) {\n    <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n  }\n</label>\n\n@if (aide(); as texte) {\n  <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n\n@if (enErreur()) {\n  <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n\n<div class=\"st-form-field__controle\">\n  <ng-content />\n</div>\n\n@if (complement(); as texte) {\n  <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ 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{display:grid;grid-template-areas:\"libelle\" \"aide\" \"erreur\" \"controle\" \"complement\";grid-template-columns:minmax(0,1fr);gap:var(--st-espacement-1);margin-block-end:var(--st-espacement-5)}:host([data-disposition=case]){grid-template-areas:\"erreur erreur\" \"controle libelle\" \". aide\" \". complement\";grid-template-columns:auto minmax(0,1fr);column-gap:var(--st-espacement-2);align-items:center}.st-form-field__libelle{grid-area:libelle}.st-form-field__aide{grid-area:aide}.st-form-field__erreurs{grid-area:erreur}.st-form-field__controle{grid-area:controle}.st-form-field__complement{grid-area:complement}:host([data-disposition=case]) .st-form-field__libelle{font-weight:var(--st-graisse-normale)}.st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-form-field__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}:host([data-en-erreur]){padding-inline-start:var(--st-espacement-3);border-inline-start:3px solid var(--st-couleur-danger)}\n"] }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], complement: [{ type: i0.Input, args: [{ isSignal: true, alias: "complement", required: false }] }], erreurs: [{ type: i0.Input, args: [{ isSignal: true, alias: "erreurs", required: false }] }], afficherErreurs: [{ type: i0.Input, args: [{ isSignal: true, alias: "afficherErreurs", required: false }] }], obligatoire: [{ type: i0.Input, args: [{ isSignal: true, alias: "obligatoire", required: false }] }], disposition: [{ type: i0.Input, args: [{ isSignal: true, alias: "disposition", required: false }] }], libelleMasque: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelleMasque", required: false }] }] } });
-/**
- * Pose sur l'element natif d'un champ le cablage de son `st-form-field` :
- * identifiant, description, invalidite, obligation.
- *
- * ⚠️ `aria-required` et NON l'attribut `required` natif. Le natif declenche la
- * validation du navigateur a l'envoi : une bulle « Veuillez renseigner ce champ »
- * dans la langue du NAVIGATEUR, pas dans celle de l'application, et qui double
- * le message du socle.
- */
-class StControleDeChamp {
-    champ = inject(StFormField);
-    /**
-     * ⚠️ `label for` n'etiquette que les elements natifs de formulaire. Le
-     * declencheur d'une selection multiple est un `div` de role `combobox` : sans
-     * `aria-labelledby`, il n'aurait aucun nom, et l'etiquette visible ne dirait
-     * rien au lecteur d'ecran.
-     */
-    etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StControleDeChamp, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: StControleDeChamp, isStandalone: true, selector: "[stControleDeChamp]", host: { properties: { "id": "champ.identifiants.controle", "attr.aria-labelledby": "etiquetable ? null : champ.identifiants.libelle", "attr.aria-describedby": "champ.descriptions()", "attr.aria-invalid": "champ.enErreur() ? \"true\" : null", "attr.aria-required": "champ.obligatoire() ? \"true\" : null" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StControleDeChamp, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[stControleDeChamp]',
-                    host: {
-                        '[id]': 'champ.identifiants.controle',
-                        '[attr.aria-labelledby]': 'etiquetable ? null : champ.identifiants.libelle',
-                        '[attr.aria-describedby]': 'champ.descriptions()',
-                        '[attr.aria-invalid]': 'champ.enErreur() ? "true" : null',
-                        '[attr.aria-required]': 'champ.obligatoire() ? "true" : null',
-                    },
-                }]
-        }] });
-
-/**
- * Champ de saisie d'une ligne, integre a Signal Forms.
- *
- * ```html
- * <st-input libelle="Nom du beneficiaire" autocomplete="name" [formField]="virement.beneficiaire" />
- * <!-- ou, sans formulaire : -->
- * <st-input libelle="Reference" [(value)]="reference" />
- * ```
- *
- * ⚠️ **Contrat Signal Forms, noms anglais.** `value`, `errors`, `touched`,
- * `disabled`… sont cherches PAR LEUR NOM par la directive `[formField]` : les
- * traduire romprait l'integration sans la moindre erreur (audit de la vague 3,
- * V3-1). L'import d'`@angular/forms` est un import de TYPE : aucun code n'entre
- * dans le paquet.
- *
- * ⚠️ **Pas d'attribut `maxlength` natif.** Il TRONQUE en silence un texte colle
- * trop long : la personne croit avoir saisi sa reference entiere, et n'en envoie
- * que le debut. La limite passe par la validation, qui DIT le depassement.
- */
-class StInput extends ControleDeSaisie {
-    type = input('text', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    /**
-     * WCAG 1.3.5 : identifie le but du champ, pour le remplissage automatique et les
-     * aides techniques. `null` : laisse le navigateur decider.
-     */
-    autocomplete = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    /** Clavier virtuel adapte : `numeric`, `decimal`, `email`… */
-    inputmode = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []));
-    surSaisie(evenement) {
-        this.value.set(this.texteSaisi(evenement));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StInput, isStandalone: true, selector: "st-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, inputmode: { classPropertyName: "inputmode", publicName: "inputmode", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-input" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-input__champ\"\n    stControleDeChamp\n    [type]=\"type()\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [attr.inputmode]=\"inputmode()\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-input__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-input' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-input__champ\"\n    stControleDeChamp\n    [type]=\"type()\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [attr.inputmode]=\"inputmode()\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-input__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], inputmode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputmode", required: false }] }] } });
-
-/** Restant a partir duquel le compteur se signale. */
-const SEUILS_D_ANNONCE = [20, 10, 0];
-/**
- * Zone de texte, integree a Signal Forms, avec compteur quand une longueur
- * maximale est fixee.
- *
- * ⚠️ **Le compteur n'est pas annonce a chaque frappe** : une region vivante qui
- * change a chaque caractere recouvre ce que la personne tape. Il est RELIE a la
- * zone — donc lu quand on y revient — et seuls les seuils (20, 10, 0 restants)
- * et le depassement s'annoncent (UX-11).
- *
- * ⚠️ **Pas de `maxlength` natif**, meme raison que `st-input` : un texte colle
- * serait tronque en silence. Le compteur affiche le depassement, la validation
- * le refuse.
- */
-class StTextarea extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    lignes = input(4, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    /** Contrat Signal Forms : la longueur maximale fixee par le schema. */
-    maxLength = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    restants = computed(() => {
-        const maximum = this.maxLength();
-        return maximum === undefined ? null : maximum - this.value().length;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []));
-    compteur = computed(() => {
-        const restants = this.restants();
-        if (restants === null)
-            return null;
-        const libelles = this.libelles();
-        return restants >= 0
-            ? libelles.caracteresRestants(restants)
-            : libelles.caracteresEnTrop(-restants);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        let precedent = null;
-        effect(() => {
-            const restants = this.restants();
-            if (restants === null)
-                return;
-            const avant = precedent;
-            precedent = restants;
-            if (avant === null)
-                return;
-            const franchi = SEUILS_D_ANNONCE.some((seuil) => avant > seuil && restants <= seuil) ||
-                (avant >= 0 && restants < 0);
-            const texte = this.compteur();
-            if (franchi && texte !== null)
-                this.annonce.annoncer(texte);
-        });
-    }
-    surSaisie(evenement) {
-        this.value.set(this.texteSaisi(evenement));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StTextarea, isStandalone: true, selector: "st-textarea", inputs: { lignes: { classPropertyName: "lignes", publicName: "lignes", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-textarea" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <textarea\n    #champ\n    class=\"st-textarea__champ\"\n    stControleDeChamp\n    [rows]=\"lignes()\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-textarea__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{resize:vertical}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTextarea, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-textarea', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-textarea' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <textarea\n    #champ\n    class=\"st-textarea__champ\"\n    stControleDeChamp\n    [rows]=\"lignes()\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-textarea__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{resize:vertical}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { lignes: [{ type: i0.Input, args: [{ isSignal: true, alias: "lignes", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }] } });
-
-let compteur$7 = 0;
-/**
- * Groupe de controles, nomme par sa QUESTION.
- *
- * ⚠️ `fieldset` et `legend` natifs (UX-7). Sans legende, un lecteur d'ecran
- * annonce « Oui, bouton radio » et « Non, bouton radio » : la reponse, jamais la
- * question. La legende est lue a l'entree dans le groupe.
- *
- * C'est le pendant de `st-form-field` pour un GROUPE : l'aide et l'erreur sont
- * reliees au `fieldset` par `aria-describedby`, et l'erreur porte sur le groupe
- * entier — « Choisissez un mode de reglement » — et non sur chaque option.
- *
- * ⚠️ L'obligation se dit dans la legende, en texte : `aria-required` n'est pas
- * valide sur un groupe, et `required` natif ferait parler le navigateur dans sa
- * propre langue.
- */
-class StFieldset {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    /** La question posee par le groupe. Obligatoire. */
-    legende = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []));
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    erreurs = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []));
-    afficherErreurs = input(false, { ...(ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    obligatoire = input(false, { ...(ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    base = `st-groupe-${(compteur$7 += 1).toString()}`;
-    identifiantAide = `${this.base}-aide`;
-    identifiantErreur = `${this.base}-erreur`;
-    libelleObligatoire = computed(() => this.libelles().obligatoire, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []));
-    messages = computed(() => {
-        if (!this.afficherErreurs())
-            return [];
-        const libelles = this.libelles();
-        const locale = this.locale();
-        return this.erreurs().map((erreur) => messageDErreur(erreur, libelles, locale));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
-    enErreur = computed(() => this.messages().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []));
-    descriptions = computed(() => {
-        const ids = [];
-        if (this.aide() !== null)
-            ids.push(this.identifiantAide);
-        if (this.enErreur())
-            ids.push(this.identifiantErreur);
-        return ids.length === 0 ? null : ids.join(' ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFieldset, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StFieldset, isStandalone: true, selector: "st-fieldset", inputs: { legende: { classPropertyName: "legende", publicName: "legende", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, erreurs: { classPropertyName: "erreurs", publicName: "erreurs", isSignal: true, isRequired: false, transformFunction: null }, afficherErreurs: { classPropertyName: "afficherErreurs", publicName: "afficherErreurs", isSignal: true, isRequired: false, transformFunction: null }, obligatoire: { classPropertyName: "obligatoire", publicName: "obligatoire", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-en-erreur": "enErreur() ? \"\" : null" }, classAttribute: "st-fieldset" }, ngImport: i0, template: "<fieldset class=\"st-fieldset__groupe\" [attr.aria-describedby]=\"descriptions()\">\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aide(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiantAide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiantErreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    <ng-content />\n  </div>\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-5)}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{margin-block-end:var(--st-espacement-2)}.st-fieldset__controles{display:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-en-erreur]) .st-fieldset__groupe{padding-inline-start:var(--st-espacement-3);border-inline-start:3px solid var(--st-couleur-danger)}\n"], dependencies: [{ kind: "component", type: StInlineMessage, selector: "st-inline-message", inputs: ["ton", "identifiant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFieldset, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-fieldset', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StInlineMessage], host: {
-                        class: 'st-fieldset',
-                        '[attr.data-en-erreur]': 'enErreur() ? "" : null',
-                    }, template: "<fieldset class=\"st-fieldset__groupe\" [attr.aria-describedby]=\"descriptions()\">\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aide(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiantAide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiantErreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    <ng-content />\n  </div>\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-5)}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{margin-block-end:var(--st-espacement-2)}.st-fieldset__controles{display:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-en-erreur]) .st-fieldset__groupe{padding-inline-start:var(--st-espacement-3);border-inline-start:3px solid var(--st-couleur-danger)}\n"] }]
-        }], propDecorators: { legende: [{ type: i0.Input, args: [{ isSignal: true, alias: "legende", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], erreurs: [{ type: i0.Input, args: [{ isSignal: true, alias: "erreurs", required: false }] }], afficherErreurs: [{ type: i0.Input, args: [{ isSignal: true, alias: "afficherErreurs", required: false }] }], obligatoire: [{ type: i0.Input, args: [{ isSignal: true, alias: "obligatoire", required: false }] }] } });
-
-/**
- * Case a cocher, integree a Signal Forms.
- *
- * ```html
- * <st-checkbox libelle="J'accepte les conditions generales" [formField]="inscription.conditions" />
- * ```
- *
- * Un element `input type="checkbox"` natif : Espace coche, l'etat est annonce,
- * et la case suit le reglage de contraste du systeme sans rien ecrire.
- *
- * ⚠️ **Pour un choix a envoyer avec un formulaire.** Un reglage qui s'applique
- * IMMEDIATEMENT est un `st-switch` : la case promet un effet a l'envoi, et
- * l'interrupteur un effet tout de suite (UX-8).
- */
-class StCheckbox {
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    /** Contrat Signal Forms. */
-    checked = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
-    errors = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    touched = input(false, { ...(ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    name = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-    touch = output();
-    champ = viewChild.required('champ', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []));
-    focus(options) {
-        this.champ().nativeElement.focus(options);
-    }
-    surChangement(evenement) {
-        this.checked.set(evenement.target.checked);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: StCheckbox, isStandalone: true, selector: "st-checkbox", inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touch: "touch" }, host: { properties: { "attr.hidden": "hidden() ? \"\" : null" }, classAttribute: "st-checkbox" }, viewQueries: [{ propertyName: "champ", first: true, predicate: ["champ"], descendants: true, isSignal: true }], ngImport: i0, template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-checkbox__case:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-checkbox__case{inline-size:1.5rem;block-size:1.5rem;margin:0;cursor:pointer;accent-color:var(--st-couleur-primaire)}.st-checkbox__case:disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCheckbox, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: {
-                        class: 'st-checkbox',
-                        '[attr.hidden]': 'hidden() ? "" : null',
-                    }, template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-checkbox__case:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-checkbox__case{inline-size:1.5rem;block-size:1.5rem;margin:0;cursor:pointer;accent-color:var(--st-couleur-primaire)}.st-checkbox__case:disabled{cursor:not-allowed}\n"] }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], champ: [{ type: i0.ViewChild, args: ['champ', { isSignal: true }] }] } });
-
-let compteur$6 = 0;
-/**
- * Groupe de boutons radio, integre a Signal Forms.
- *
- * ```html
- * <st-radio-group legende="Mode de reglement" [options]="modes" [formField]="commande.mode" />
- * ```
- *
- * ⚠️ **De vrais boutons radio natifs** : un seul arret de tabulation pour le
- * groupe, deplacement aux fleches, « 2 sur 3 » annonce. Les recrire en ARIA,
- * c'est cent lignes pour obtenir moins bien — meme raison que `st-theme-toggle`.
- *
- * ⚠️ **L'erreur porte sur le groupe**, par `st-fieldset`, et non sur chaque option :
- * « Choisissez un mode de reglement », une fois.
- *
- * `touch` n'est emis que lorsque le focus QUITTE le groupe : passer d'une option a
- * l'autre aux fleches n'est pas une fin de saisie, et l'erreur n'a pas a surgir
- * pendant qu'on choisit.
- */
-class StRadioGroup {
-    element = inject(ElementRef);
-    legende = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []));
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    options = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    /** Contrat Signal Forms. */
-    value = model('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    errors = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    touched = input(false, { ...(ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    name = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-    touch = output();
-    /** Nom partage par les options : sans lui, chaque radio forme son propre groupe. */
-    nomParDefaut = `st-radio-${(compteur$6 += 1).toString()}`;
-    nomDuGroupe() {
-        return this.name() === '' ? this.nomParDefaut : this.name();
-    }
-    identifiantAide(indice) {
-        return `${this.nomParDefaut}-aide-${indice.toString()}`;
-    }
-    /** Focus sur l'option cochee, sinon la premiere disponible : c'est l'arret du groupe. */
-    focus(options) {
-        const hote = this.element.nativeElement;
-        const cible = hote.querySelector('input:checked') ??
-            hote.querySelector('input:not(:disabled)');
-        cible?.focus(options);
-    }
-    choisir(valeur) {
-        this.value.set(valeur);
-    }
-    aLaSortie(evenement) {
-        const suivant = evenement.relatedTarget;
-        if (suivant !== null && this.element.nativeElement.contains(suivant))
-            return;
-        this.touch.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StRadioGroup, isStandalone: true, selector: "st-radio-group", inputs: { legende: { classPropertyName: "legende", publicName: "legende", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, host: { listeners: { "focusout": "aLaSortie($event)" }, properties: { "attr.hidden": "hidden() ? \"\" : null" }, classAttribute: "st-radio-group" }, ngImport: i0, template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div class=\"st-radio-group__option\">\n      <input\n        class=\"st-radio-group__radio\"\n        type=\"radio\"\n        [id]=\"nomDuGroupe() + '-' + indice\"\n        [name]=\"nomDuGroupe()\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === value()\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"option.aide ? identifiantAide(indice) : null\"\n        (change)=\"choisir(option.valeur)\"\n      />\n      <label class=\"st-radio-group__libelle\" [for]=\"nomDuGroupe() + '-' + indice\">\n        {{ option.libelle }}\n      </label>\n      @if (option.aide; as aide) {\n        <p class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</p>\n      }\n    </div>\n  }\n</st-fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-radio-group__option{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--st-espacement-2);align-items:center}.st-radio-group__radio:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-radio-group__radio{inline-size:1.5rem;block-size:1.5rem;margin:0;cursor:pointer;accent-color:var(--st-couleur-primaire)}.st-radio-group__radio:disabled{cursor:not-allowed}.st-radio-group__libelle{cursor:pointer}.st-radio-group__aide{grid-column:2;margin:0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}\n"], dependencies: [{ kind: "component", type: StFieldset, selector: "st-fieldset", inputs: ["legende", "aide", "erreurs", "afficherErreurs", "obligatoire"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StRadioGroup, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFieldset], host: {
-                        class: 'st-radio-group',
-                        '[attr.hidden]': 'hidden() ? "" : null',
-                        '(focusout)': 'aLaSortie($event)',
-                    }, template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div class=\"st-radio-group__option\">\n      <input\n        class=\"st-radio-group__radio\"\n        type=\"radio\"\n        [id]=\"nomDuGroupe() + '-' + indice\"\n        [name]=\"nomDuGroupe()\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === value()\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"option.aide ? identifiantAide(indice) : null\"\n        (change)=\"choisir(option.valeur)\"\n      />\n      <label class=\"st-radio-group__libelle\" [for]=\"nomDuGroupe() + '-' + indice\">\n        {{ option.libelle }}\n      </label>\n      @if (option.aide; as aide) {\n        <p class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</p>\n      }\n    </div>\n  }\n</st-fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-radio-group__option{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--st-espacement-2);align-items:center}.st-radio-group__radio:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-radio-group__radio{inline-size:1.5rem;block-size:1.5rem;margin:0;cursor:pointer;accent-color:var(--st-couleur-primaire)}.st-radio-group__radio:disabled{cursor:not-allowed}.st-radio-group__libelle{cursor:pointer}.st-radio-group__aide{grid-column:2;margin:0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}\n"] }]
-        }], propDecorators: { legende: [{ type: i0.Input, args: [{ isSignal: true, alias: "legende", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] } });
-
-/**
- * Interrupteur : un reglage qui s'applique IMMEDIATEMENT.
- *
- * ```html
- * <st-switch libelle="Notifications par SMS" [(checked)]="sms" (checkedChange)="enregistrer($event)" />
- * ```
- *
- * ⚠️ **Jamais dans un formulaire a envoyer** (UX-8). Un interrupteur promet que
- * l'effet a lieu au basculement ; pose au-dessus d'un bouton « Enregistrer », il
- * ment — la personne croit le reglage applique, quitte la page, et le perd. Pour
- * un choix envoye plus tard, c'est `st-checkbox`.
- *
- * C'est pourquoi il n'affiche aucune erreur de validation : un reglage immediat
- * ne se valide pas a l'envoi. Un refus du serveur se dit par un message, et
- * l'interrupteur revient a son etat precedent.
- *
- * ⚠️ Une case a cocher native avec `role="switch"` : Espace bascule, l'etiquette
- * est reliee par `for`, et le lecteur d'ecran annonce « active » ou
- * « desactive » — mieux qu'un `div` qui imiterait tout cela.
- */
-class StSwitch {
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    aide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []));
-    /** Contrat Signal Forms. */
-    checked = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    name = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-    touch = output();
-    champ = viewChild.required('champ', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []));
-    focus(options) {
-        this.champ().nativeElement.focus(options);
-    }
-    surChangement(evenement) {
-        this.checked.set(evenement.target.checked);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: StSwitch, isStandalone: true, selector: "st-switch", inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null }, aide: { classPropertyName: "aide", publicName: "aide", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touch: "touch" }, host: { properties: { "attr.hidden": "hidden() ? \"\" : null" }, classAttribute: "st-switch" }, viewQueries: [{ propertyName: "champ", first: true, predicate: ["champ"], descendants: true, isSignal: true }], ngImport: i0, template: "<st-form-field disposition=\"case\" [libelle]=\"libelle()\" [aide]=\"aide()\">\n  <input\n    #champ\n    class=\"st-switch__interrupteur\"\n    type=\"checkbox\"\n    role=\"switch\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [attr.aria-checked]=\"checked()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-switch__interrupteur:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-switch__interrupteur{position:relative;inline-size:2.75rem;block-size:1.5rem;margin:0;cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);appearance:none}.st-switch__interrupteur:checked:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--st-couleur-surface)}.st-switch__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:.125rem;inline-size:1.125rem;block-size:1.125rem;content:\"\";background:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);transition:inset-inline-start var(--st-duree-rapide) ease;transform:translateY(-50%)}.st-switch__interrupteur:checked{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-switch__interrupteur:checked:after{inset-inline-start:calc(100% - 1.25rem);background:var(--st-couleur-sur-primaire)}.st-switch__interrupteur:disabled{cursor:not-allowed;opacity:.6}@media(forced-colors:active){.st-switch__interrupteur{border-color:CanvasText}.st-switch__interrupteur:after{background:CanvasText}.st-switch__interrupteur:checked:after{background:Highlight}}@media(prefers-reduced-motion:reduce){.st-switch__interrupteur:after{transition:none}}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSwitch, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-switch', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: {
-                        class: 'st-switch',
-                        '[attr.hidden]': 'hidden() ? "" : null',
-                    }, template: "<st-form-field disposition=\"case\" [libelle]=\"libelle()\" [aide]=\"aide()\">\n  <input\n    #champ\n    class=\"st-switch__interrupteur\"\n    type=\"checkbox\"\n    role=\"switch\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [attr.aria-checked]=\"checked()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-switch__interrupteur:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-switch__interrupteur{position:relative;inline-size:2.75rem;block-size:1.5rem;margin:0;cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);appearance:none}.st-switch__interrupteur:checked:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--st-couleur-surface)}.st-switch__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:.125rem;inline-size:1.125rem;block-size:1.125rem;content:\"\";background:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);transition:inset-inline-start var(--st-duree-rapide) ease;transform:translateY(-50%)}.st-switch__interrupteur:checked{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-switch__interrupteur:checked:after{inset-inline-start:calc(100% - 1.25rem);background:var(--st-couleur-sur-primaire)}.st-switch__interrupteur:disabled{cursor:not-allowed;opacity:.6}@media(forced-colors:active){.st-switch__interrupteur{border-color:CanvasText}.st-switch__interrupteur:after{background:CanvasText}.st-switch__interrupteur:checked:after{background:Highlight}}@media(prefers-reduced-motion:reduce){.st-switch__interrupteur:after{transition:none}}\n"] }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }], aide: [{ type: i0.Input, args: [{ isSignal: true, alias: "aide", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], champ: [{ type: i0.ViewChild, args: ['champ', { isSignal: true }] }] } });
-
-let compteur$5 = 0;
-/**
- * Recapitulatif des erreurs d'un formulaire, a l'envoi.
- *
- * ```html
- * <st-error-summary [erreurs]="tentative() ? virement().errorSummary() : []" />
- * ```
- *
- * ⚠️ **Il prend le focus en apparaissant** (UX-5). Sans lui, une personne au
- * clavier ou au lecteur d'ecran appuie sur « Envoyer », et rien ne se passe : le
- * champ refuse est en haut de la page, hors de sa vue, et personne ne le lui dit.
- *
- * ⚠️ **Chaque ligne nomme son champ.** « Ce champ est obligatoire. » repete cinq
- * fois n'apprend rien ; « Nom du beneficiaire : ce champ est obligatoire. », si.
- * Le libelle est lu sur l'element lie au champ, par Signal Forms — sans registre,
- * et quel que soit le composant.
- *
- * ⚠️ **Une ligne par champ**, la premiere erreur seulement : trois erreurs sur le
- * meme IBAN font trois lignes pour une seule correction.
- *
- * ⚠️ **Une region nommee par son titre.** Un `div` sans role ne PEUT pas porter
- * `aria-labelledby` : le nom serait ignore, et le focus n'annoncerait rien. En
- * region, il annonce « 2 erreurs a corriger » a l'arrivee du focus, et se
- * retrouve dans la liste des reperes.
- *
- * Chaque ligne amene le focus sur son champ : c'est le champ, et non la ligne,
- * qu'il faut corriger. Une erreur rattachee au formulaire entier — un refus du
- * serveur sur un champ inconnu — s'affiche sans lien.
- */
-class StErrorSummary {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    erreurs = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []));
-    /** `null` : « N erreurs a corriger », du dictionnaire. */
-    titre = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []));
-    /** Unique par instance : deux recapitulatifs sur une page partageraient leur titre. */
-    identifiantDuTitre = `st-recapitulatif-${(compteur$5 += 1).toString()}`;
-    lignes = computed(() => {
-        const libelles = this.libelles();
-        const locale = this.locale();
-        const vus = new Set();
-        const lignes = [];
-        for (const erreur of this.erreurs()) {
-            const champ = erreur.fieldTree;
-            if (champ !== undefined) {
-                if (vus.has(champ))
-                    continue;
-                vus.add(champ);
-            }
-            const etat = champ?.();
-            const liaison = etat?.formFieldBindings()[0];
-            lignes.push({
-                libelle: liaison === undefined ? null : libelleDe(liaison.element),
-                message: messageDErreur(erreur, libelles, locale),
-                aller: () => {
-                    etat?.focusBoundControl();
-                },
-            });
-        }
-        return lignes;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []));
-    constructor() {
-        // Le focus a l'APPARITION seulement : le reprendre a chaque correction
-        // arracherait la personne au champ qu'elle est en train de corriger.
-        let visible = false;
-        effect(() => {
-            const maintenant = this.lignes().length > 0;
-            if (maintenant && !visible) {
-                afterNextRender(() => {
-                    this.focus();
-                }, { injector: this.injecteur });
-            }
-            visible = maintenant;
-        });
-    }
-    /** A appeler apres un envoi refuse, quand le recapitulatif etait deja visible. */
-    focus() {
-        this.element.nativeElement.querySelector('.st-error-summary__cadre')?.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StErrorSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StErrorSummary, isStandalone: true, selector: "st-error-summary", inputs: { erreurs: { classPropertyName: "erreurs", publicName: "erreurs", isSignal: true, isRequired: true, transformFunction: null }, titre: { classPropertyName: "titre", publicName: "titre", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hidden": "lignes().length === 0 ? \"\" : null" }, classAttribute: "st-error-summary" }, ngImport: i0, template: "@if (lignes().length > 0) {\n  <div\n    class=\"st-error-summary__cadre\"\n    role=\"region\"\n    tabindex=\"-1\"\n    [attr.aria-labelledby]=\"identifiantDuTitre\"\n  >\n    <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">\n      <st-icon nom=\"cercle-croix\" taille=\"sm\" />\n      {{ titreLu() }}\n    </h2>\n    <ul class=\"st-error-summary__liste\">\n      @for (ligne of lignes(); track $index) {\n        <li>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              {{ ligne.libelle }} : {{ ligne.message }}\n            </button>\n          } @else {\n            {{ ligne.message }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-5)}.st-error-summary__cadre:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-error-summary__cadre{padding:var(--st-espacement-4);color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border:2px solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__titre{display:flex;gap:var(--st-espacement-2);align-items:center;margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-lg)}.st-error-summary__liste{padding-inline-start:var(--st-espacement-5);margin:0}.st-error-summary__lien:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-error-summary__lien{padding:0;font:inherit;color:inherit;text-align:start;text-decoration:underline;cursor:pointer;background:none;border:0}@media(forced-colors:active){.st-error-summary__cadre{border-color:CanvasText}}\n"], dependencies: [{ kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StErrorSummary, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-error-summary', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], host: {
-                        class: 'st-error-summary',
-                        '[attr.hidden]': 'lignes().length === 0 ? "" : null',
-                    }, template: "@if (lignes().length > 0) {\n  <div\n    class=\"st-error-summary__cadre\"\n    role=\"region\"\n    tabindex=\"-1\"\n    [attr.aria-labelledby]=\"identifiantDuTitre\"\n  >\n    <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">\n      <st-icon nom=\"cercle-croix\" taille=\"sm\" />\n      {{ titreLu() }}\n    </h2>\n    <ul class=\"st-error-summary__liste\">\n      @for (ligne of lignes(); track $index) {\n        <li>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              {{ ligne.libelle }} : {{ ligne.message }}\n            </button>\n          } @else {\n            {{ ligne.message }}\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-5)}.st-error-summary__cadre:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-error-summary__cadre{padding:var(--st-espacement-4);color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border:2px solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__titre{display:flex;gap:var(--st-espacement-2);align-items:center;margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-lg)}.st-error-summary__liste{padding-inline-start:var(--st-espacement-5);margin:0}.st-error-summary__lien:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-error-summary__lien{padding:0;font:inherit;color:inherit;text-align:start;text-decoration:underline;cursor:pointer;background:none;border:0}@media(forced-colors:active){.st-error-summary__cadre{border-color:CanvasText}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { erreurs: [{ type: i0.Input, args: [{ isSignal: true, alias: "erreurs", required: true }] }], titre: [{ type: i0.Input, args: [{ isSignal: true, alias: "titre", required: false }] }] } });
-/**
- * Libelle d'un champ, lu sur l'element lie : l'attribut pose par le socle, sinon
- * l'etiquette native, sinon `aria-label`.
- */
-function libelleDe(element) {
-    const socle = element.querySelector('[data-libelle]')?.getAttribute('data-libelle');
-    if (socle !== null && socle !== undefined)
-        return socle;
-    const etiquette = element.labels?.[0]?.textContent.trim();
-    if (etiquette !== undefined && etiquette !== '')
-        return etiquette;
-    return element.getAttribute('aria-label');
-}
-
-/**
- * Mot de passe, avec revelation.
- *
- * ```html
- * <st-password-field libelle="Mot de passe" usage="creation" [regles]="regles" [formField]="compte.motDePasse" />
- * ```
- *
- * ⚠️ **`autocomplete` selon l'usage** (SEC-2) : `current-password` a la connexion,
- * `new-password` a la creation — c'est ce qui fait proposer par le gestionnaire
- * un mot de passe FORT au bon endroit, et non l'ancien.
- *
- * ⚠️ **Le collage n'est jamais bloque** (SEC-1, NIST SP 800-63B) : l'interdire
- * pousse vers des mots de passe courts, retenus de tete, et casse les
- * gestionnaires de mots de passe.
- *
- * ⚠️ **Revele, il se remasque des que le focus quitte le champ, et a l'envoi du
- * formulaire** (SEC-4) : un mot de passe laisse en clair reste lisible par-dessus
- * l'epaule, sur l'ecran suivant comme sur celui-ci. L'envoi par Entree ne fait
- * pas quitter le champ : d'ou l'ecoute de `submit`, qui remonte jusqu'au document.
- *
- * Le bouton de revelation est un bouton bascule : `aria-pressed` porte l'etat, et
- * l'etiquette ne change PAS — « Masquer le mot de passe, enfonce » se lirait
- * comme une double negation.
- *
- * ⚠️ **Aucun indicateur de « force »**, et c'est un refus. Une estimation faite
- * dans le navigateur donne « fort » a `Motdepasse1!` : elle rassure a tort. Les
- * regles sont affichees AVANT la saisie (UX-10), et c'est le serveur qui verifie —
- * y compris contre les mots de passe deja divulgues, qu'aucune regle locale ne
- * voit.
- */
-class StPasswordField extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    element = inject(ElementRef);
-    usage = input('connexion', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []));
-    /** Regles affichees avant la saisie, comme aide du champ. */
-    regles = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []));
-    revele = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []));
-    autocomplete = computed(() => this.usage() === 'creation' ? 'new-password' : 'current-password', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    aideLue = computed(() => {
-        const regles = this.regles();
-        const aide = this.aide();
-        if (regles.length === 0)
-            return aide;
-        return [aide, ...regles].filter((texte) => texte !== null).join(' ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    basculer() {
-        this.revele.update((revele) => !revele);
-        // Revele alors que le focus est ailleurs — clic direct sur le bouton, champ
-        // rempli par le gestionnaire —, il ne pourrait plus quitter le champ : rien ne
-        // le remasquerait. Au clavier, le focus est deja sur le bouton, et y reste.
-        const hote = this.element.nativeElement;
-        if (this.revele() && !hote.contains(hote.ownerDocument.activeElement))
-            this.focus();
-    }
-    surSaisie(evenement) {
-        this.value.set(this.texteSaisi(evenement));
-    }
-    aLEnvoi(evenement) {
-        const formulaire = evenement.target;
-        if (formulaire?.contains(this.element.nativeElement) === true)
-            this.revele.set(false);
-    }
-    aLaSortie(evenement) {
-        const suivant = evenement.relatedTarget;
-        if (suivant !== null && this.element.nativeElement.contains(suivant))
-            return;
-        this.revele.set(false);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPasswordField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StPasswordField, isStandalone: true, selector: "st-password-field", inputs: { usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, regles: { classPropertyName: "regles", publicName: "regles", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "aLaSortie($event)", "document:submit": "aLEnvoi($event)" }, classAttribute: "st-password-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-password-field__ligne\">\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\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         `mousedown` sans effet par defaut : le focus reste dans le champ. Safari\n         ne donne pas le focus a un bouton clique, et la sortie du champ\n         remasquerait juste avant que le clic ne revele a nouveau. -->\n    <button\n      stIconButton\n      type=\"button\"\n      [icone]=\"revele() ? 'oeil-barre' : 'oeil'\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-password-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }, { kind: "component", type: StIconButton, selector: "button[stIconButton]", inputs: ["icone", "etiquette", "variante", "taille", "enfonce"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPasswordField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-password-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp, StIconButton], host: {
-                        class: 'st-password-field',
-                        '(focusout)': 'aLaSortie($event)',
-                        '(document:submit)': 'aLEnvoi($event)',
-                    }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-password-field__ligne\">\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\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         `mousedown` sans effet par defaut : le focus reste dans le champ. Safari\n         ne donne pas le focus a un bouton clique, et la sortie du champ\n         remasquerait juste avant que le clic ne revele a nouveau. -->\n    <button\n      stIconButton\n      type=\"button\"\n      [icone]=\"revele() ? 'oeil-barre' : 'oeil'\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__ligne{display:flex;gap:var(--st-espacement-1);align-items:center}.st-password-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{flex:1 1 auto}\n"] }]
-        }], propDecorators: { usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], regles: [{ type: i0.Input, args: [{ isSignal: true, alias: "regles", required: false }] }] } });
-
-/**
- * Code a usage unique : second facteur, code recu par SMS ou par courriel.
- *
- * ⚠️ **UN seul champ, pas six cases** (UX-9). Six champs cassent le collage, le
- * remplissage automatique du code recu par SMS, et la lecture au lecteur d'ecran,
- * qui annonce six champs sans nom au lieu d'un seul.
- *
- * ⚠️ `autocomplete="one-time-code"` : iOS et Android proposent alors le code recu,
- * d'un toucher. Clavier numerique par `inputmode`, et NON par `type="number"`,
- * qui retire les zeros de tete et accepte « 1e5 ».
- *
- * ⚠️ **Aucun envoi automatique** a la sixieme saisie : un formulaire qui part de
- * lui-meme surprend (WCAG 3.2.2), et part aussi avec un code mal colle. Le code
- * colle est nettoye de ses espaces et tirets — « 123 456 » —, jamais tronque.
- */
-class StOtpField extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    longueur = input(6, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "longueur" }] : /* istanbul ignore next */ []));
-    aideLue = computed(() => this.aide() ?? this.libelles().codeAChiffres(this.longueur()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    surSaisie(evenement) {
-        this.value.set(this.texteSaisi(evenement).replace(/[\s-]/g, ''));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StOtpField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StOtpField, isStandalone: true, selector: "st-otp-field", inputs: { longueur: { classPropertyName: "longueur", publicName: "longueur", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-otp-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-otp-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    inputmode=\"numeric\"\n    autocomplete=\"one-time-code\"\n    spellcheck=\"false\"\n    autocapitalize=\"none\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{max-inline-size:12rem;font-family:var(--st-police-mono);font-variant-numeric:tabular-nums;letter-spacing:.3em}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StOtpField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-otp-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-otp-field' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-otp-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    inputmode=\"numeric\"\n    autocomplete=\"one-time-code\"\n    spellcheck=\"false\"\n    autocapitalize=\"none\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{max-inline-size:12rem;font-family:var(--st-police-mono);font-variant-numeric:tabular-nums;letter-spacing:.3em}\n"] }]
-        }], propDecorators: { longueur: [{ type: i0.Input, args: [{ isSignal: true, alias: "longueur", required: false }] }] } });
-
-/**
- * Champ de recherche : un repere, un champ, un bouton.
- *
- * ```html
- * <st-search-field libelle="Rechercher un beneficiaire" (recherche)="filtrer($event)" />
- * ```
- *
- * ⚠️ **Un repere `search`** : la recherche se retrouve dans la liste des reperes du
- * lecteur d'ecran, a cote de la navigation et du contenu.
- *
- * L'etiquette est lue sans etre affichee — seule exception au socle (UX-1) : la
- * loupe, le bouton et la position disent deja le but du champ.
- *
- * ⚠️ **Jamais dans l'adresse quand le terme est personnel** (SEC-6). Chercher un
- * nom, un IBAN ou un numero en `?q=` inscrit la donnee dans l'historique, dans les
- * journaux des intermediaires, et dans l'en-tete `Referer` des pages suivantes.
- * `recherche` emet le terme : c'est a l'appelant de ne pas le mettre dans l'URL.
- */
-class StSearchField extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    /** Emis a la validation — Entree ou bouton —, et non a chaque frappe. */
-    recherche = output();
-    surSaisie(evenement) {
-        this.value.set(this.texteSaisi(evenement));
-    }
-    lancer(evenement) {
-        evenement?.preventDefault();
-        this.recherche.emit(this.value().trim());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSearchField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: StSearchField, isStandalone: true, selector: "st-search-field", outputs: { recherche: "recherche" }, host: { attributes: { "role": "search" }, classAttribute: "st-search-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  libelleMasque\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n>\n  <div class=\"st-search-field__ligne\">\n    <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"sm\" />\n    <input\n      #champ\n      class=\"st-search-field__champ\"\n      stControleDeChamp\n      type=\"search\"\n      enterkeyhint=\"search\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      (input)=\"surSaisie($event)\"\n      (keydown.enter)=\"lancer($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button stButton type=\"button\" [disabled]=\"disabled()\" (click)=\"lancer()\">\n      {{ libelles().rechercher }}\n    </button>\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-search-field__ligne{position:relative;display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;padding-inline-start:calc(var(--st-espacement-3) * 2 + 1rem)}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }, { kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }, { kind: "component", type: StButton, selector: "button[stButton]", inputs: ["variante", "taille", "pleineLargeur", "iconeAvant", "iconeApres", "chargement", "indisponible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSearchField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-search-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp, StIcon, StButton], host: { class: 'st-search-field', role: 'search' }, template: "<st-form-field\n  libelleMasque\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n>\n  <div class=\"st-search-field__ligne\">\n    <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"sm\" />\n    <input\n      #champ\n      class=\"st-search-field__champ\"\n      stControleDeChamp\n      type=\"search\"\n      enterkeyhint=\"search\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      (input)=\"surSaisie($event)\"\n      (keydown.enter)=\"lancer($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button stButton type=\"button\" [disabled]=\"disabled()\" (click)=\"lancer()\">\n      {{ libelles().rechercher }}\n    </button>\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-search-field__ligne{position:relative;display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;padding-inline-start:calc(var(--st-espacement-3) * 2 + 1rem)}\n"] }]
-        }], propDecorators: { recherche: [{ type: i0.Output, args: ["recherche"] }] } });
-
-/**
- * IBAN. La valeur du modele est NORMALISEE — sans espaces, en majuscules —, et
- * l'affichage groupe par quatre.
- *
- * ```html
- * <st-iban-field libelle="IBAN du beneficiaire" [formField]="virement.iban" />
- * <!-- schema : validate(chemin.iban, ({ value }) => erreurIban(value())) -->
- * ```
- *
- * ⚠️ **Le groupement se fait a la sortie du champ, jamais pendant la frappe.**
- * Reformater a chaque caractere deplace le curseur a la fin : corriger une
- * erreur au milieu de 27 caracteres devient impossible, chaque frappe renvoyant a
- * la fin de la ligne.
- *
- * ⚠️ **Aucune verification de validite ici** : elle appartient au schema, par
- * `erreurIban`, pour s'afficher au bon moment et par le bon canal. Et elle reste un
- * confort (SEC-5) : le serveur revalide.
- *
- * `autocapitalize="characters"` et correction orthographique coupee : un IBAN
- * n'est pas un mot, et une correction automatique le fausserait.
- */
-class StIbanField extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    enSaisie = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []));
-    brut = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []));
-    aideLue = computed(() => this.aide() ?? this.libelles().exempleDIban, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    /**
-     * Brut pendant la saisie ; groupe par quatre au repos. Une valeur changee de
-     * l'exterieur pendant la saisie — remise a zero du formulaire — l'emporte sur
-     * le brut, qui ne la represente plus.
-     */
-    affichage = computed(() => {
-        const valeur = this.value();
-        const brut = this.brut();
-        return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []));
-    auFocus() {
-        this.brut.set(formaterIban(this.value()));
-        this.enSaisie.set(true);
-    }
-    surSaisie(evenement) {
-        const saisie = this.texteSaisi(evenement);
-        this.brut.set(saisie);
-        this.value.set(normaliserIban(saisie));
-    }
-    aLaSortie() {
-        this.enSaisie.set(false);
-        this.touch.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StIbanField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: StIbanField, isStandalone: true, selector: "st-iban-field", host: { classAttribute: "st-iban-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-iban-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    autocomplete=\"off\"\n    autocapitalize=\"characters\"\n    autocorrect=\"off\"\n    spellcheck=\"false\"\n    [value]=\"affichage()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (focus)=\"auFocus()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortie()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-iban-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{font-family:var(--st-police-mono);font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StIbanField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-iban-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-iban-field' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-iban-field__champ\"\n    stControleDeChamp\n    type=\"text\"\n    autocomplete=\"off\"\n    autocapitalize=\"characters\"\n    autocorrect=\"off\"\n    spellcheck=\"false\"\n    [value]=\"affichage()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (focus)=\"auFocus()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"aLaSortie()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-iban-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{font-family:var(--st-police-mono);font-variant-numeric:tabular-nums}\n"] }]
-        }] });
-
-/**
- * Numero de telephone. La valeur du modele ne garde que les chiffres et le `+` de
- * tete ; la saisie s'affiche telle qu'elle a ete tapee.
- *
- * ```html
- * <st-phone-field libelle="Telephone portable" [formField]="contact.telephone" />
- * <!-- schema : validate(chemin.telephone, ({ value }) => erreurTelephone(value())) -->
- * ```
- *
- * ⚠️ **Aucun formatage automatique.** Le groupement des chiffres depend du pays,
- * et reformater pendant la frappe renvoie le curseur en fin de ligne. La saisie
- * reste celle de la personne, espaces et points compris.
- *
- * ⚠️ **Pas de selecteur de pays, pas de verification par pays.** Il faudrait une
- * table des plans de numerotation, lourde et souvent perimee : c'est au serveur
- * de dire si le numero existe (SEC-5). `erreurTelephone` ne verifie que la forme.
- *
- * `type="tel"`, et jamais `type="number"` : un numero n'est pas une quantite, et le
- * champ numerique retire le zero de tete et le `+`.
- */
-class StPhoneField extends ControleDeSaisie {
-    autocomplete = input('tel', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    brut = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []));
-    /**
-     * La saisie telle que tapee, tant qu'elle represente encore la valeur ; une
-     * valeur changee de l'exterieur — remise a zero, pre-remplissage — l'emporte.
-     */
-    affichage = computed(() => {
-        const valeur = this.value();
-        const brut = this.brut();
-        return brut !== null && normaliserTelephone(brut) === valeur ? brut : valeur;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []));
-    surSaisie(evenement) {
-        const saisie = this.texteSaisi(evenement);
-        this.brut.set(saisie);
-        this.value.set(normaliserTelephone(saisie));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPhoneField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StPhoneField, isStandalone: true, selector: "st-phone-field", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-phone-field" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-phone-field__champ\"\n    stControleDeChamp\n    type=\"tel\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"affichage()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-phone-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPhoneField, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-phone-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp], host: { class: 'st-phone-field' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <input\n    #champ\n    class=\"st-phone-field__champ\"\n    stControleDeChamp\n    type=\"tel\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [value]=\"affichage()\"\n    [attr.name]=\"name() || null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-phone-field__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{font-variant-numeric:tabular-nums}\n"] }]
-        }], propDecorators: { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }] } });
-
-/** Sans accents ni casse : « eleve » trouve « Élève ». */
-function normaliserPourRecherche(texte) {
-    return texte
-        .normalize('NFD')
-        .replace(/[\u0300-\u036f]/g, '')
-        .toLocaleLowerCase()
-        .trim();
-}
-/** Options dont le libelle CONTIENT le texte cherche, sans accents ni casse. */
-function filtrerOptions(options, recherche) {
-    const cherche = normaliserPourRecherche(recherche);
-    if (cherche === '')
-        return options;
-    return options.filter((option) => normaliserPourRecherche(option.libelle).includes(cherche));
-}
-
-/**
- * Liste deroulante, sur un `select` NATIF.
- *
- * ```html
- * <st-select libelle="Pays" [options]="pays" autocomplete="country" [formField]="adresse.pays" />
- * ```
- *
- * ⚠️ **Natif, et non une liste ARIA** (FE-4). Le `select` natif ouvre le selecteur
- * du systeme sur mobile, se remplit automatiquement, se parcourt a la lettre, et
- * se lit partout. Une liste recomposee en ARIA ne fait jamais mieux sur ces
- * points ; elle ne se justifie que pour filtrer une longue liste — c'est
- * `st-combobox` — ou choisir plusieurs valeurs — `st-multiselect`.
- *
- * La premiere option, vide, dit « Choisir… » : sans elle, la premiere vraie
- * option paraitrait choisie alors que personne ne l'a fait. Le modele vaut
- * alors `''`, que `required` refuse.
- *
- * `readonly` n'existe pas sur un `select` : le champ annonce `aria-readonly` et
- * ignore le changement, plutot que d'etre desactive — un champ desactive sort de
- * l'ordre de tabulation, et sa valeur ne se lit plus.
- */
-class StSelect extends ControleDeSaisie {
-    libelles = inject(ST_LIBELLES);
-    options = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    /** Texte de l'option vide. Par defaut : « Choisir… ». */
-    texteVide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []));
-    /** WCAG 1.3.5 : `country`, `sex`, `honorific-prefix`… */
-    autocomplete = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
-    /** Options consecutives d'un meme groupe, dans l'ordre fourni. */
-    blocs = computed(() => {
-        const blocs = [];
-        for (const option of this.options()) {
-            const groupe = option.groupe ?? null;
-            const dernier = blocs.at(-1);
-            if (dernier?.groupe === groupe)
-                dernier.options.push(option);
-            else
-                blocs.push({ groupe, options: [option] });
-        }
-        return blocs;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []));
-    surChoix(evenement) {
-        const element = evenement.target;
-        if (this.readonly()) {
-            element.value = this.value();
-            return;
-        }
-        this.value.set(element.value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StSelect, isStandalone: true, selector: "st-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, texteVide: { classPropertyName: "texteVide", publicName: "texteVide", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-select" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-select__cadre\">\n    <select\n      #champ\n      class=\"st-select__champ\"\n      stControleDeChamp\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (change)=\"surChoix($event)\"\n      (blur)=\"touch.emit()\"\n    >\n      <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n      @for (bloc of blocs(); track $index) {\n        @if (bloc.groupe === null) {\n          @for (option of bloc.options; track option.valeur) {\n            <option\n              [value]=\"option.valeur\"\n              [selected]=\"option.valeur === value()\"\n              [disabled]=\"option.desactivee === true\"\n            >\n              {{ option.libelle }}\n            </option>\n          }\n        } @else {\n          <optgroup [label]=\"bloc.groupe\">\n            @for (option of bloc.options; track option.valeur) {\n              <option\n                [value]=\"option.valeur\"\n                [selected]=\"option.valeur === value()\"\n                [disabled]=\"option.desactivee === true\"\n              >\n                {{ option.libelle }}\n              </option>\n            }\n          </optgroup>\n        }\n      }\n    </select>\n    <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"sm\" />\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{position:relative}.st-select__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-select__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline-end:calc(var(--st-espacement-3) * 2 + 1rem);cursor:pointer;appearance:none}.st-select__chevron{position:absolute;inset-block-start:50%;inset-inline-end:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none;transform:translateY(-50%)}@media(forced-colors:active){.st-select__chevron{color:CanvasText}}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }, { kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSelect, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp, StIcon], host: { class: 'st-select' }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aide()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-select__cadre\">\n    <select\n      #champ\n      class=\"st-select__champ\"\n      stControleDeChamp\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (change)=\"surChoix($event)\"\n      (blur)=\"touch.emit()\"\n    >\n      <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n      @for (bloc of blocs(); track $index) {\n        @if (bloc.groupe === null) {\n          @for (option of bloc.options; track option.valeur) {\n            <option\n              [value]=\"option.valeur\"\n              [selected]=\"option.valeur === value()\"\n              [disabled]=\"option.desactivee === true\"\n            >\n              {{ option.libelle }}\n            </option>\n          }\n        } @else {\n          <optgroup [label]=\"bloc.groupe\">\n            @for (option of bloc.options; track option.valeur) {\n              <option\n                [value]=\"option.valeur\"\n                [selected]=\"option.valeur === value()\"\n                [disabled]=\"option.desactivee === true\"\n              >\n                {{ option.libelle }}\n              </option>\n            }\n          </optgroup>\n        }\n      }\n    </select>\n    <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"sm\" />\n  </div>\n</st-form-field>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{position:relative}.st-select__champ:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-select__champ:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline-end:calc(var(--st-espacement-3) * 2 + 1rem);cursor:pointer;appearance:none}.st-select__chevron{position:absolute;inset-block-start:50%;inset-inline-end:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none;transform:translateY(-50%)}@media(forced-colors:active){.st-select__chevron{color:CanvasText}}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], texteVide: [{ type: i0.Input, args: [{ isSignal: true, alias: "texteVide", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }] } });
-
-let compteur$4 = 0;
-/** Un lundi connu, pour nommer les jours de la semaine sans horloge. */
-const LUNDI_DE_REFERENCE = '2006-01-02';
-/** « Aujourd'hui » dans un fuseau : la date du poste n'est pas celle de la personne. */
-function dateDuJour(fuseau) {
-    const parties = new Intl.DateTimeFormat('en-CA', {
-        timeZone: fuseau,
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-    }).formatToParts(new Date());
-    const partie = (type) => parties.find((p) => p.type === type)?.value ?? '';
-    return `${partie('year')}-${partie('month')}-${partie('day')}`;
-}
-/**
- * Calendrier d'un mois, pour choisir une date.
- *
- * ```html
- * <st-calendar [selection]="depart()" dateMin="2026-09-17" (choix)="depart.set($event)" />
- * ```
- *
- * ⚠️ **Une aide, jamais la seule voie.** Dans `st-date-field`, le calendrier
- * complete un champ texte : une date de naissance se tape plus vite qu'elle ne se
- * cherche mois par mois, et un calendrier reste penible au lecteur d'ecran.
- *
- * ⚠️ **Le clavier navigue de DATE en date, pas de cellule en cellule** (decision
- * D7 de l'audit de la vague 3). Fleche droite le 30 septembre mene au 1er
- * octobre ; Page suivante change de mois, Maj + Page d'annee ; Debut et Fin vont
- * aux bords de la semaine de la LOCALE. La grille d'Angular Aria deplace un focus
- * entre cellules affichees : il aurait fallu la contourner sur chaque touche qui
- * compte, et elle aurait fait entrer le CDK dans les formulaires.
- *
- * Semaine commencant au jour de la locale, noms de jours et de mois dans la
- * langue courante, « aujourd'hui » dans le fuseau de la personne
- * (`FUSEAU_PAR_DEFAUT`) et non celui du poste.
- */
-class StCalendar {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    aujourdHui = dateDuJour(inject(FUSEAU_PAR_DEFAUT));
-    selection = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-    dateMin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []));
-    dateMax = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []));
-    /** Periode a faire ressortir, pour un choix de plage. */
-    plage = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []));
-    choix = output();
-    /** Echap : le conteneur decide de fermer, et ou rendre le focus. */
-    fermeture = output();
-    identifiants = (() => {
-        const base = `st-calendrier-${(compteur$4 += 1).toString()}`;
-        return { titre: `${base}-titre`, aide: `${base}-aide` };
-    })();
-    /** La date qui porte le focus. Suit la selection, bornee. */
-    active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui, this.dateMin(), this.dateMax()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    premierJour = computed(() => premierJourDeLaSemaine(this.locale()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []));
-    titre = computed(() => {
-        const [annee, mois] = this.active().split('-').map(Number);
-        return new Intl.DateTimeFormat(this.locale(), {
-            month: 'long',
-            year: 'numeric',
-            timeZone: 'UTC',
-        }).format(Date.UTC(annee ?? 2000, (mois ?? 1) - 1, 1));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []));
-    joursDeLaSemaine = computed(() => {
-        const locale = this.locale();
-        const court = new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' });
-        const long = new Intl.DateTimeFormat(locale, { weekday: 'long', timeZone: 'UTC' });
-        return Array.from({ length: 7 }, (_, index) => {
-            const date = ajouterJours(LUNDI_DE_REFERENCE, (this.premierJour() - 1 + index) % 7);
-            const instant = Date.parse(`${date}T00:00:00Z`);
-            return { court: court.format(instant), long: long.format(instant) };
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []));
-    semaines = computed(() => {
-        const active = this.active();
-        const [annee, mois] = active.split('-').map(Number);
-        const locale = this.locale();
-        const lecture = new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeZone: 'UTC' });
-        const numero = new Intl.NumberFormat(locale);
-        const selection = this.selection();
-        const debut = this.plage()?.debut ?? null;
-        const fin = this.plage()?.fin ?? null;
-        const min = this.dateMin();
-        const max = this.dateMax();
-        const prefixe = active.slice(0, 7);
-        return semainesDuMois(annee ?? 2000, mois ?? 1, this.premierJour()).map((semaine) => semaine.map((date) => ({
-            date,
-            horsDuMois: !date.startsWith(prefixe),
-            numero: numero.format(Number(date.slice(8))),
-            nom: lecture.format(Date.parse(`${date}T00:00:00Z`)),
-            horsBornes: (min !== null && date < min) || (max !== null && date > max),
-            choisi: date === selection || date === debut || date === fin,
-            dansLaPlage: debut !== null && fin !== null && date > debut && date < fin,
-            aujourdHui: date === this.aujourdHui,
-        })));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []));
-    moisPrecedentPossible = computed(() => {
-        const min = this.dateMin();
-        return min === null || this.active().slice(0, 7) > min.slice(0, 7);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []));
-    moisSuivantPossible = computed(() => {
-        const max = this.dateMax();
-        return max === null || this.active().slice(0, 7) < max.slice(0, 7);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []));
-    estActive(date) {
-        return date === this.active();
-    }
-    /** Amene le focus sur la date active. */
-    focus() {
-        this.element.nativeElement
-            .querySelector('button[data-date][tabindex="0"]')
-            ?.focus();
-    }
-    changerDeMois(ecart) {
-        this.active.set(bornerDate(ajouterMois(this.active(), ecart), this.dateMin(), this.dateMax()));
-    }
-    choisir(jour) {
-        if (jour.horsBornes)
-            return;
-        this.active.set(jour.date);
-        this.choix.emit(jour.date);
-    }
-    surTouche(evenement) {
-        const active = this.active();
-        const droiteAGauche = getComputedStyle(this.element.nativeElement).direction === 'rtl';
-        const recul = (jourDeLaSemaine(active) - this.premierJour() + 7) % 7;
-        const mois = evenement.shiftKey ? 12 : 1;
-        const cibles = {
-            ArrowRight: () => ajouterJours(active, droiteAGauche ? -1 : 1),
-            ArrowLeft: () => ajouterJours(active, droiteAGauche ? 1 : -1),
-            ArrowDown: () => ajouterJours(active, 7),
-            ArrowUp: () => ajouterJours(active, -7),
-            Home: () => ajouterJours(active, -recul),
-            End: () => ajouterJours(active, 6 - recul),
-            PageDown: () => ajouterMois(active, mois),
-            PageUp: () => ajouterMois(active, -mois),
-        };
-        if (evenement.key === 'Escape') {
-            evenement.preventDefault();
-            this.fermeture.emit();
-            return;
-        }
-        // Les fleches ne deplacent la date que depuis la grille : sur les boutons de
-        // mois, elles gardent leur sens pour le navigateur et le lecteur d'ecran.
-        const depuisLaGrille = evenement.target.hasAttribute('data-date');
-        const cible = cibles[evenement.key];
-        if (cible === undefined || !depuisLaGrille)
-            return;
-        evenement.preventDefault();
-        this.active.set(bornerDate(cible(), this.dateMin(), this.dateMax()));
-        afterNextRender(() => {
-            this.focus();
-        }, { injector: this.injecteur });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StCalendar, isStandalone: true, selector: "st-calendar", inputs: { selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, dateMin: { classPropertyName: "dateMin", publicName: "dateMin", isSignal: true, isRequired: false, transformFunction: null }, dateMax: { classPropertyName: "dateMax", publicName: "dateMax", isSignal: true, isRequired: false, transformFunction: null }, plage: { classPropertyName: "plage", publicName: "plage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { choix: "choix", fermeture: "fermeture" }, host: { listeners: { "keydown": "surTouche($event)" }, classAttribute: "st-calendar" }, ngImport: i0, template: "<div class=\"st-calendar__entete\">\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n  <button\n    stIconButton\n    type=\"button\"\n    icone=\"chevron-gauche\"\n    [etiquette]=\"libelles().moisPrecedent\"\n    [disabled]=\"!moisPrecedentPossible()\"\n    (click)=\"changerDeMois(-1)\"\n  ></button>\n  <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n       nouveau mois doit se dire. -->\n  <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n  <button\n    stIconButton\n    type=\"button\"\n    icone=\"chevron-droite\"\n    [etiquette]=\"libelles().moisSuivant\"\n    [disabled]=\"!moisSuivantPossible()\"\n    (click)=\"changerDeMois(1)\"\n  ></button>\n</div>\n\n<table\n  class=\"st-calendar__grille\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"identifiants.titre\"\n  [attr.aria-describedby]=\"identifiants.aide\"\n>\n  <thead>\n    <tr>\n      @for (jour of joursDeLaSemaine(); track $index) {\n        <th class=\"st-calendar__jour-de-semaine\" scope=\"col\" [attr.abbr]=\"jour.long\">\n          {{ jour.court }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (semaine of semaines(); track semaine[0]?.date) {\n      <tr>\n        @for (jour of semaine; track jour.date) {\n          @if (jour.horsDuMois) {\n            <td class=\"st-calendar__vide\"></td>\n          } @else {\n            <td [attr.aria-selected]=\"jour.choisi ? 'true' : null\">\n              <button\n                class=\"st-calendar__jour\"\n                type=\"button\"\n                [attr.data-date]=\"jour.date\"\n                [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n                [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n                [attr.aria-label]=\"jour.nom\"\n                [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n                [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n                (click)=\"choisir(jour)\"\n              >\n                {{ jour.numero }}\n              </button>\n            </td>\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">{{ libelles().aideDuCalendrier }}</p>\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-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-md)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-2)}.st-calendar__titre{margin:0;font-weight:var(--st-graisse-semi);text-transform:capitalize}.st-calendar__grille{border-collapse:collapse}.st-calendar__jour-de-semaine{padding-block-end:var(--st-espacement-1);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__jour:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-calendar__jour{inline-size:max(var(--st-calendrier-jour-taille, var(--st-cible-tactile-min)),var(--st-cible-min));block-size:max(var(--st-calendrier-jour-taille, var(--st-cible-tactile-min)),var(--st-cible-min));font:inherit;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-enfoncee)}}.st-calendar__jour[aria-current=date]{font-weight:var(--st-graisse-semi);border-color:var(--st-couleur-bordure-forte)}.st-calendar__jour[data-plage]{background:var(--st-couleur-surface-enfoncee)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration:line-through;cursor:not-allowed}[aria-selected=true]>.st-calendar__jour:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--st-couleur-surface)}[aria-selected=true]>.st-calendar__jour{font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}.st-calendar__aide{max-inline-size:20rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}@media(forced-colors:active){[aria-selected=true]>.st-calendar__jour{forced-color-adjust:none;color:HighlightText;background:Highlight}}\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: StCalendar, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIconButton], host: {
-                        class: 'st-calendar',
-                        '(keydown)': 'surTouche($event)',
-                    }, template: "<div class=\"st-calendar__entete\">\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n  <button\n    stIconButton\n    type=\"button\"\n    icone=\"chevron-gauche\"\n    [etiquette]=\"libelles().moisPrecedent\"\n    [disabled]=\"!moisPrecedentPossible()\"\n    (click)=\"changerDeMois(-1)\"\n  ></button>\n  <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n       nouveau mois doit se dire. -->\n  <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n  <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n       Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n  <button\n    stIconButton\n    type=\"button\"\n    icone=\"chevron-droite\"\n    [etiquette]=\"libelles().moisSuivant\"\n    [disabled]=\"!moisSuivantPossible()\"\n    (click)=\"changerDeMois(1)\"\n  ></button>\n</div>\n\n<table\n  class=\"st-calendar__grille\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"identifiants.titre\"\n  [attr.aria-describedby]=\"identifiants.aide\"\n>\n  <thead>\n    <tr>\n      @for (jour of joursDeLaSemaine(); track $index) {\n        <th class=\"st-calendar__jour-de-semaine\" scope=\"col\" [attr.abbr]=\"jour.long\">\n          {{ jour.court }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (semaine of semaines(); track semaine[0]?.date) {\n      <tr>\n        @for (jour of semaine; track jour.date) {\n          @if (jour.horsDuMois) {\n            <td class=\"st-calendar__vide\"></td>\n          } @else {\n            <td [attr.aria-selected]=\"jour.choisi ? 'true' : null\">\n              <button\n                class=\"st-calendar__jour\"\n                type=\"button\"\n                [attr.data-date]=\"jour.date\"\n                [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n                [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n                [attr.aria-label]=\"jour.nom\"\n                [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n                [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n                (click)=\"choisir(jour)\"\n              >\n                {{ jour.numero }}\n              </button>\n            </td>\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">{{ libelles().aideDuCalendrier }}</p>\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-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-md)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-2)}.st-calendar__titre{margin:0;font-weight:var(--st-graisse-semi);text-transform:capitalize}.st-calendar__grille{border-collapse:collapse}.st-calendar__jour-de-semaine{padding-block-end:var(--st-espacement-1);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__jour:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-calendar__jour{inline-size:max(var(--st-calendrier-jour-taille, var(--st-cible-tactile-min)),var(--st-cible-min));block-size:max(var(--st-calendrier-jour-taille, var(--st-cible-tactile-min)),var(--st-cible-min));font:inherit;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-enfoncee)}}.st-calendar__jour[aria-current=date]{font-weight:var(--st-graisse-semi);border-color:var(--st-couleur-bordure-forte)}.st-calendar__jour[data-plage]{background:var(--st-couleur-surface-enfoncee)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration:line-through;cursor:not-allowed}[aria-selected=true]>.st-calendar__jour:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--st-couleur-surface)}[aria-selected=true]>.st-calendar__jour{font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}.st-calendar__aide{max-inline-size:20rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);color:var(--st-couleur-texte-discret)}@media(forced-colors:active){[aria-selected=true]>.st-calendar__jour{forced-color-adjust:none;color:HighlightText;background:Highlight}}\n"] }]
-        }], propDecorators: { selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], dateMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMin", required: false }] }], dateMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateMax", required: false }] }], plage: [{ type: i0.Input, args: [{ isSignal: true, alias: "plage", required: false }] }], choix: [{ type: i0.Output, args: ["choix"] }], fermeture: [{ type: i0.Output, args: ["fermeture"] }] } });
-
-/**
- * Cle d'un fichier choisi : deux choix du meme fichier ne l'ajoutent pas deux
- * fois, et l'application s'en sert pour dire ou en est chaque televersement.
- */
-function cleDeFichier(fichier) {
-    return `${fichier.name}|${fichier.size.toString()}|${fichier.lastModified.toString()}`;
-}
-/**
- * Choix de fichiers, sur un `input type="file"` natif.
- *
- * ```html
- * <st-file-upload libelle="Justificatifs" accept=".pdf, image/*" [tailleMax]="5_000_000" multiple
- *   [formField]="dossier.pieces" />
- * <!-- schema : validate(chemin.pieces, ({ value }) => erreursDeFichiers(value(), regles)) -->
- * ```
- *
- * Le modele est la liste des `File` choisis. L'envoi appartient a l'application,
- * par `@starterlib/core` : le composant choisit, il ne televerse pas.
- *
- * ⚠️ **L'element natif reste la voie principale** (FE-4) : il ouvre le selecteur
- * du systeme, l'appareil photo sur mobile, et se commande au clavier. Il est
- * masque visuellement, pas retire : le bouton affiche est son etiquette. Le
- * depot par glisser est un complement a la souris, jamais la seule voie.
- *
- * ⚠️ **Aucun apercu d'image** (SEC-7). Un apercu passe par une adresse `blob:`
- * que la politique de securite du contenu doit autoriser, et un SVG affiche peut
- * porter du script. Le nom et la taille suffisent a reconnaitre un fichier.
- *
- * ⚠️ **`accept`, `tailleMax` et `nombreMax` sont un confort** (SEC-5) : ils
- * s'affichent en aide et filtrent le selecteur du systeme, mais la verification
- * est dans le schema — `erreursDeFichiers` —, et le serveur relit le contenu.
- *
- * Chaque changement de la liste s'annonce : « 2 fichiers choisis ». Un fichier
- * retire rend le focus au bouton de retrait suivant, ou au choix de fichiers : le
- * focus ne tombe jamais sur le document.
- *
- * ⚠️ **Il ne televerse pas.** `etats` dit ou en est chaque fichier, et le bouton
- * de la ligne devient « Annuler » pendant l'envoi : le trajet — declaration, depot
- * pre-signe, confirmation antivirus — vit dans `StTeleversement`
- * (`@starterlib/core`), seul a parler au reseau.
- */
-class StFileUpload extends ContratDeChamp {
-    libelles = inject(ST_LIBELLES);
-    locale = inject(ST_LOCALE);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    value = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** Attribut `accept` natif : `.pdf, image/*`. */
-    accept = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
-    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** En octets. Affiche en aide ; la verification est dans le schema. */
-    tailleMax = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []));
-    /**
-     * Ou en est chaque fichier, par `cleDeFichier`. Le composant AFFICHE ce trajet,
-     * il ne le fait pas : `StTeleversement` de `@starterlib/core` s'en charge.
-     */
-    etats = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etats" }] : /* istanbul ignore next */ []));
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    survol = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []));
-    aideLue = computed(() => {
-        const libelles = this.libelles();
-        const textes = [this.aide()];
-        if (this.accept().trim() !== '')
-            textes.push(libelles.typesAcceptes(this.accept()));
-        const taille = this.tailleMax();
-        if (taille !== null)
-            textes.push(libelles.tailleMaximale(formaterTaille(taille, this.locale())));
-        const aide = textes.filter((texte) => texte !== null).join(' ');
-        return aide === '' ? null : aide;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []));
-    lignes = computed(() => {
-        const locale = this.locale();
-        const etats = this.etats();
-        return this.value().map((fichier) => {
-            const cle = cleDeFichier(fichier);
-            return {
-                fichier,
-                cle,
-                taille: formaterTaille(fichier.size, locale),
-                etat: etats?.get(cle) ?? null,
-            };
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    surChoix(evenement) {
-        const element = evenement.target;
-        this.ajouter(Array.from(element.files ?? []));
-        // Vide, pour qu'un second choix du meme fichier declenche encore `change`.
-        element.value = '';
-    }
-    surSurvol(evenement) {
-        if (this.disabled() || this.readonly())
-            return;
-        evenement.preventDefault();
-        this.survol.set(true);
-    }
-    surDepot(evenement) {
-        evenement.preventDefault();
-        this.survol.set(false);
-        if (this.disabled() || this.readonly())
-            return;
-        this.ajouter(Array.from(evenement.dataTransfer?.files ?? []));
-    }
-    /** Emis quand la personne interrompt un envoi : c'est l'application qui annule. */
-    annulation = output();
-    retirer(indice) {
-        const restants = this.value().filter((_, position) => position !== indice);
-        this.value.set(restants);
-        this.annonce.annoncer(this.libelles().nombreDeFichiers(restants.length));
-        afterNextRender(() => {
-            const boutons = this.element.nativeElement.querySelectorAll('.st-file-upload__retrait');
-            const suivant = boutons[Math.min(indice, boutons.length - 1)];
-            if (suivant !== undefined)
-                suivant.focus();
-            else
-                this.focus();
-        }, { injector: this.injecteur });
-    }
-    aLaSortie(evenement) {
-        const suivant = evenement.relatedTarget;
-        if (suivant !== null && this.element.nativeElement.contains(suivant))
-            return;
-        this.touch.emit();
-    }
-    ajouter(fichiers) {
-        if (fichiers.length === 0 || this.disabled() || this.readonly())
-            return;
-        let liste;
-        if (this.multiple()) {
-            const connus = new Set(this.value().map(cleDeFichier));
-            liste = [
-                ...this.value(),
-                ...fichiers.filter((fichier) => !connus.has(cleDeFichier(fichier))),
-            ];
-        }
-        else {
-            liste = fichiers.slice(0, 1);
-        }
-        this.value.set(liste);
-        // Le choix est complet : ses erreurs — taille, type — se montrent tout de suite.
-        this.touch.emit();
-        this.annonce.annoncer(this.libelles().nombreDeFichiers(liste.length));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFileUpload, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StFileUpload, isStandalone: true, selector: "st-file-upload", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, tailleMax: { classPropertyName: "tailleMax", publicName: "tailleMax", isSignal: true, isRequired: false, transformFunction: null }, etats: { classPropertyName: "etats", publicName: "etats", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", annulation: "annulation" }, host: { listeners: { "focusout": "aLaSortie($event)" }, classAttribute: "st-file-upload" }, usesInheritance: true, ngImport: i0, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div\n    class=\"st-file-upload__zone\"\n    [attr.data-survol]=\"survol() ? '' : null\"\n    [attr.data-desactive]=\"disabled() ? '' : null\"\n    (dragover)=\"surSurvol($event)\"\n    (dragleave)=\"survol.set(false)\"\n    (drop)=\"surDepot($event)\"\n  >\n    <input\n      #champ\n      class=\"st-file-upload__natif\"\n      stControleDeChamp\n      type=\"file\"\n      [accept]=\"accept()\"\n      [multiple]=\"multiple()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled() || readonly()\"\n      (change)=\"surChoix($event)\"\n    />\n    <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n         tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n         deja nomme par l'etiquette du champ. -->\n    <span class=\"st-file-upload__bouton\" aria-hidden=\"true\" (click)=\"champ.click()\">\n      <st-icon nom=\"televerser\" taille=\"sm\" />\n      {{ multiple() ? libelles().choisirDesFichiers : libelles().choisirUnFichier }}\n    </span>\n    @if (multiple()) {\n      <span class=\"st-file-upload__depot\" aria-hidden=\"true\">{{ libelles().ouDeposerIci }}</span>\n    }\n  </div>\n\n  @if (lignes().length > 0) {\n    <ul class=\"st-file-upload__liste\">\n      @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n        <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etat?.etape\">\n          <st-icon nom=\"fichier\" taille=\"sm\" />\n          <span class=\"st-file-upload__nom\">{{ ligne.fichier.name }}</span>\n          <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n\n          @if (ligne.etat; as etat) {\n            @switch (etat.etape) {\n              @case ('en-cours') {\n                <st-progress\n                  class=\"st-file-upload__progression\"\n                  [valeur]=\"etat.progression ?? null\"\n                  [etiquette]=\"libelles().televersementDe(ligne.fichier.name)\"\n                />\n              }\n              @case ('depose') {\n                <span class=\"st-file-upload__etat\">\n                  <st-icon nom=\"cercle-coche\" taille=\"sm\" ton=\"succes\" />\n                  {{ libelles().fichierDepose(ligne.fichier.name) }}\n                </span>\n              }\n              @case ('refuse') {\n                <span class=\"st-file-upload__etat\" data-refuse>\n                  <st-icon nom=\"triangle-alerte\" taille=\"sm\" ton=\"danger\" />\n                  {{ etat.message ?? libelles().fichierRefuse(ligne.fichier.name) }}\n                </span>\n              }\n            }\n          }\n\n          <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n               Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n          <button\n            class=\"st-file-upload__retrait\"\n            stIconButton\n            type=\"button\"\n            taille=\"sm\"\n            [icone]=\"ligne.etat?.etape === 'en-cours' ? 'croix' : 'corbeille'\"\n            [etiquette]=\"\n              ligne.etat?.etape === 'en-cours'\n                ? libelles().annulerLeTeleversement(ligne.fichier.name)\n                : libelles().retirerLeFichier(ligne.fichier.name)\n            \"\n            [disabled]=\"disabled() || readonly()\"\n            (click)=\"\n              ligne.etat?.etape === 'en-cours' ? annulation.emit(ligne.fichier) : retirer(indice)\n            \"\n          ></button>\n        </li>\n      }\n    </ul>\n  }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-file-upload__zone{position:relative;display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center;padding:var(--st-espacement-3);border:1px dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-md)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-enfoncee);border-style:solid}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-2) var(--st-espacement-4);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__depot{color:var(--st-couleur-texte-discret)}.st-file-upload__liste{display:grid;gap:var(--st-espacement-1);padding:0;margin:var(--st-espacement-2) 0 0;list-style:none}.st-file-upload__fichier{display:flex;gap:var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;overflow-wrap:anywhere}.st-file-upload__progression{flex:1 1 8rem;max-inline-size:12rem}.st-file-upload__etat{display:inline-flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-discret)}.st-file-upload__etat[data-refuse]{color:var(--st-couleur-danger)}.st-file-upload__taille{flex:none;color:var(--st-couleur-texte-discret);font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "component", type: StFormField, selector: "st-form-field", inputs: ["libelle", "aide", "complement", "erreurs", "afficherErreurs", "obligatoire", "disposition", "libelleMasque"] }, { kind: "directive", type: StControleDeChamp, selector: "[stControleDeChamp]" }, { kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }, { kind: "component", type: StIconButton, selector: "button[stIconButton]", inputs: ["icone", "etiquette", "variante", "taille", "enfonce"] }, { kind: "component", type: StProgress, selector: "st-progress", inputs: ["valeur", "max", "etiquette", "ton", "epaisseur", "texteDeValeur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFileUpload, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StFormField, StControleDeChamp, StIcon, StIconButton, StProgress], host: {
-                        class: 'st-file-upload',
-                        '(focusout)': 'aLaSortie($event)',
-                    }, template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div\n    class=\"st-file-upload__zone\"\n    [attr.data-survol]=\"survol() ? '' : null\"\n    [attr.data-desactive]=\"disabled() ? '' : null\"\n    (dragover)=\"surSurvol($event)\"\n    (dragleave)=\"survol.set(false)\"\n    (drop)=\"surDepot($event)\"\n  >\n    <input\n      #champ\n      class=\"st-file-upload__natif\"\n      stControleDeChamp\n      type=\"file\"\n      [accept]=\"accept()\"\n      [multiple]=\"multiple()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled() || readonly()\"\n      (change)=\"surChoix($event)\"\n    />\n    <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n         tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n         deja nomme par l'etiquette du champ. -->\n    <span class=\"st-file-upload__bouton\" aria-hidden=\"true\" (click)=\"champ.click()\">\n      <st-icon nom=\"televerser\" taille=\"sm\" />\n      {{ multiple() ? libelles().choisirDesFichiers : libelles().choisirUnFichier }}\n    </span>\n    @if (multiple()) {\n      <span class=\"st-file-upload__depot\" aria-hidden=\"true\">{{ libelles().ouDeposerIci }}</span>\n    }\n  </div>\n\n  @if (lignes().length > 0) {\n    <ul class=\"st-file-upload__liste\">\n      @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n        <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etat?.etape\">\n          <st-icon nom=\"fichier\" taille=\"sm\" />\n          <span class=\"st-file-upload__nom\">{{ ligne.fichier.name }}</span>\n          <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n\n          @if (ligne.etat; as etat) {\n            @switch (etat.etape) {\n              @case ('en-cours') {\n                <st-progress\n                  class=\"st-file-upload__progression\"\n                  [valeur]=\"etat.progression ?? null\"\n                  [etiquette]=\"libelles().televersementDe(ligne.fichier.name)\"\n                />\n              }\n              @case ('depose') {\n                <span class=\"st-file-upload__etat\">\n                  <st-icon nom=\"cercle-coche\" taille=\"sm\" ton=\"succes\" />\n                  {{ libelles().fichierDepose(ligne.fichier.name) }}\n                </span>\n              }\n              @case ('refuse') {\n                <span class=\"st-file-upload__etat\" data-refuse>\n                  <st-icon nom=\"triangle-alerte\" taille=\"sm\" ton=\"danger\" />\n                  {{ etat.message ?? libelles().fichierRefuse(ligne.fichier.name) }}\n                </span>\n              }\n            }\n          }\n\n          <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n               Le contenu vient du gabarit de stIconButton, et l'etiquette est requise. -->\n          <button\n            class=\"st-file-upload__retrait\"\n            stIconButton\n            type=\"button\"\n            taille=\"sm\"\n            [icone]=\"ligne.etat?.etape === 'en-cours' ? 'croix' : 'corbeille'\"\n            [etiquette]=\"\n              ligne.etat?.etape === 'en-cours'\n                ? libelles().annulerLeTeleversement(ligne.fichier.name)\n                : libelles().retirerLeFichier(ligne.fichier.name)\n            \"\n            [disabled]=\"disabled() || readonly()\"\n            (click)=\"\n              ligne.etat?.etape === 'en-cours' ? annulation.emit(ligne.fichier) : retirer(indice)\n            \"\n          ></button>\n        </li>\n      }\n    </ul>\n  }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-file-upload__zone{position:relative;display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center;padding:var(--st-espacement-3);border:1px dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-md)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-enfoncee);border-style:solid}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-2) var(--st-espacement-4);font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__depot{color:var(--st-couleur-texte-discret)}.st-file-upload__liste{display:grid;gap:var(--st-espacement-1);padding:0;margin:var(--st-espacement-2) 0 0;list-style:none}.st-file-upload__fichier{display:flex;gap:var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;overflow-wrap:anywhere}.st-file-upload__progression{flex:1 1 8rem;max-inline-size:12rem}.st-file-upload__etat{display:inline-flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-discret)}.st-file-upload__etat[data-refuse]{color:var(--st-couleur-danger)}.st-file-upload__taille{flex:none;color:var(--st-couleur-texte-discret);font-variant-numeric:tabular-nums}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], tailleMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "tailleMax", required: false }] }], etats: [{ type: i0.Input, args: [{ isSignal: true, alias: "etats", required: false }] }], annulation: [{ type: i0.Output, args: ["annulation"] }] } });
-
-/** Plafond du backend : au-dela, la requete est refusee (SEC-7 de la vague 4). */
-const TAILLE_MAXIMALE = 100;
-/**
- * Pagination d'une liste par curseur.
- *
- * ```html
- * <st-data-table #tableau … />
- * <st-pagination
- *   [numero]="navigation.numeroDePage()"
- *   [precedenteDisponible]="navigation.precedenteDisponible()"
- *   [suivanteDisponible]="page.value()?.hasMore ?? false"
- *   [chargement]="page.isLoading()"
- *   [cible]="tableau"
- *   (precedente)="navigation.precedente()"
- *   (suivante)="navigation.suivante(page.value())"
- * />
- * ```
- *
- * ⚠️ **Ni total, ni numeros cliquables** : le backend ne compte pas et ne va que
- * vers l'avant (audit de la vague 4, V4-2). « Page 3 » se dit ; « page 3 sur 12 »
- * serait invente.
- *
- * ⚠️ **Boutons indisponibles, jamais desactives** : sur la derniere page, « Page
- * suivante » garde le focus qu'il avait. Desactive, il le perdrait, et le lecteur
- * d'ecran retomberait sur le debut du document.
- *
- * ⚠️ **Apres un changement de page, le focus va a la `cible`** — la legende du
- * tableau — et « Page 2 » s'annonce (UX-13). Sans cela, la personne au clavier
- * reste en bas, sur « Page suivante », sans savoir que le contenu au-dessus a
- * change.
- */
-class StPagination {
-    libelles = inject(ST_LIBELLES);
-    injecteur = inject(Injector);
-    mode = input('pages', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    /** A partir de 1. */
-    numero = input(1, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "numero" }] : /* istanbul ignore next */ []));
-    precedenteDisponible = input(false, { ...(ngDevMode ? { debugName: "precedenteDisponible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    suivanteDisponible = input(false, { ...(ngDevMode ? { debugName: "suivanteDisponible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    chargement = input(false, { ...(ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Nom de la navigation, quand une page en porte plusieurs. */
-    etiquette = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
-    /** Tailles proposees ; vide, pas de choix. Plafonnees a 100. */
-    taillesDePage = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "taillesDePage" }] : /* istanbul ignore next */ []));
-    taille = model(20, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []));
-    /** Recoit le focus apres un changement de page. */
-    cible = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cible" }] : /* istanbul ignore next */ []));
-    precedente = output();
-    suivante = output();
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    tailles = computed(() => this.taillesDePage().filter((taille) => taille >= 1 && taille <= TAILLE_MAXIMALE), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tailles" }] : /* istanbul ignore next */ []));
-    etiquetteLue = computed(() => this.etiquette() ?? this.libelles().pagination, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []));
-    constructor() {
-        // Le focus attend la FIN du chargement : amene sur la cible pendant que les
-        // anciennes lignes sont encore la, il ferait relire la page quittee.
-        let dernier = null;
-        let enAttente = false;
-        effect(() => {
-            const numero = this.numero();
-            const chargement = this.chargement();
-            if (dernier === null) {
-                dernier = numero;
-                return;
-            }
-            if (numero !== dernier) {
-                dernier = numero;
-                enAttente = true;
-                if (this.mode() === 'pages')
-                    this.annonce.annoncer(this.libelles().pageNumero(numero));
-            }
-            if (!enAttente || chargement)
-                return;
-            enAttente = false;
-            afterNextRender(() => {
-                const cible = this.cible();
-                const element = typeof cible === 'function' ? cible() : cible;
-                element?.focus();
-            }, { injector: this.injecteur });
-        });
-    }
-    surTaille(evenement) {
-        this.taille.set(Number(evenement.target.value));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StPagination, isStandalone: true, selector: "st-pagination", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, numero: { classPropertyName: "numero", publicName: "numero", isSignal: true, isRequired: false, transformFunction: null }, precedenteDisponible: { classPropertyName: "precedenteDisponible", publicName: "precedenteDisponible", isSignal: true, isRequired: false, transformFunction: null }, suivanteDisponible: { classPropertyName: "suivanteDisponible", publicName: "suivanteDisponible", isSignal: true, isRequired: false, transformFunction: null }, chargement: { classPropertyName: "chargement", publicName: "chargement", isSignal: true, isRequired: false, transformFunction: null }, etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: false, transformFunction: null }, taillesDePage: { classPropertyName: "taillesDePage", publicName: "taillesDePage", isSignal: true, isRequired: false, transformFunction: null }, taille: { classPropertyName: "taille", publicName: "taille", isSignal: true, isRequired: false, transformFunction: null }, cible: { classPropertyName: "cible", publicName: "cible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { taille: "tailleChange", precedente: "precedente", suivante: "suivante" }, host: { classAttribute: "st-pagination" }, ngImport: i0, template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n  @if (mode() === 'pages') {\n    <button\n      stButton\n      type=\"button\"\n      iconeAvant=\"chevron-gauche\"\n      [indisponible]=\"!precedenteDisponible() || chargement()\"\n      (click)=\"precedente.emit()\"\n    >\n      {{ libelles().pagePrecedente }}\n    </button>\n    <span class=\"st-pagination__numero\" aria-current=\"page\">\n      {{ libelles().pageNumero(numero()) }}\n    </span>\n    <button\n      stButton\n      type=\"button\"\n      iconeApres=\"chevron-droite\"\n      [indisponible]=\"!suivanteDisponible()\"\n      [chargement]=\"chargement()\"\n      (click)=\"suivante.emit()\"\n    >\n      {{ libelles().pageSuivante }}\n    </button>\n  } @else if (suivanteDisponible()) {\n    <button stButton type=\"button\" [chargement]=\"chargement()\" (click)=\"suivante.emit()\">\n      {{ libelles().afficherPlus }}\n    </button>\n  }\n\n  @if (tailles().length > 0) {\n    <label class=\"st-pagination__taille\">\n      <span>{{ libelles().lignesParPage }}</span>\n      <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n        @for (proposee of tailles(); track proposee) {\n          <option [value]=\"proposee\" [selected]=\"proposee === taille()\">{{ proposee }}</option>\n        }\n      </select>\n    </label>\n  }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center}.st-pagination__numero{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-semi)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__choix:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto}\n"], dependencies: [{ kind: "component", type: StButton, selector: "button[stButton]", inputs: ["variante", "taille", "pleineLargeur", "iconeAvant", "iconeApres", "chargement", "indisponible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StPagination, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-pagination', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StButton], host: { class: 'st-pagination' }, template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n  @if (mode() === 'pages') {\n    <button\n      stButton\n      type=\"button\"\n      iconeAvant=\"chevron-gauche\"\n      [indisponible]=\"!precedenteDisponible() || chargement()\"\n      (click)=\"precedente.emit()\"\n    >\n      {{ libelles().pagePrecedente }}\n    </button>\n    <span class=\"st-pagination__numero\" aria-current=\"page\">\n      {{ libelles().pageNumero(numero()) }}\n    </span>\n    <button\n      stButton\n      type=\"button\"\n      iconeApres=\"chevron-droite\"\n      [indisponible]=\"!suivanteDisponible()\"\n      [chargement]=\"chargement()\"\n      (click)=\"suivante.emit()\"\n    >\n      {{ libelles().pageSuivante }}\n    </button>\n  } @else if (suivanteDisponible()) {\n    <button stButton type=\"button\" [chargement]=\"chargement()\" (click)=\"suivante.emit()\">\n      {{ libelles().afficherPlus }}\n    </button>\n  }\n\n  @if (tailles().length > 0) {\n    <label class=\"st-pagination__taille\">\n      <span>{{ libelles().lignesParPage }}</span>\n      <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n        @for (proposee of tailles(); track proposee) {\n          <option [value]=\"proposee\" [selected]=\"proposee === taille()\">{{ proposee }}</option>\n        }\n      </select>\n    </label>\n  }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center}.st-pagination__numero{font-variant-numeric:tabular-nums;font-weight:var(--st-graisse-semi)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__choix:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-cible-tactile-min));padding:var(--st-espacement-2) var(--st-espacement-3);font:inherit;color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 1px var(--st-couleur-danger)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix:read-only:not(:disabled){background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], numero: [{ type: i0.Input, args: [{ isSignal: true, alias: "numero", required: false }] }], precedenteDisponible: [{ type: i0.Input, args: [{ isSignal: true, alias: "precedenteDisponible", required: false }] }], suivanteDisponible: [{ type: i0.Input, args: [{ isSignal: true, alias: "suivanteDisponible", required: false }] }], chargement: [{ type: i0.Input, args: [{ isSignal: true, alias: "chargement", required: false }] }], etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }], taillesDePage: [{ type: i0.Input, args: [{ isSignal: true, alias: "taillesDePage", required: false }] }], taille: [{ type: i0.Input, args: [{ isSignal: true, alias: "taille", required: false }] }, { type: i0.Output, args: ["tailleChange"] }], cible: [{ type: i0.Input, args: [{ isSignal: true, alias: "cible", required: false }] }], precedente: [{ type: i0.Output, args: ["precedente"] }], suivante: [{ type: i0.Output, args: ["suivante"] }] } });
-
-/**
- * Valeur riche d'un element : montant, date, valeur masquee.
- *
- * ```html
- * <ng-template stDescription="iban" let-element>
- *   <st-masked nature="iban" [valeur]="compte().iban" />
- * </ng-template>
- * ```
- */
-class StDescription {
-    cle = input.required({ ...(ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {}), alias: 'stDescription' });
-    gabarit = inject(TemplateRef);
-    static ngTemplateContextGuard(_directive, _contexte) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: StDescription, isStandalone: true, selector: "ng-template[stDescription]", inputs: { cle: { classPropertyName: "cle", publicName: "stDescription", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDescription, decorators: [{
-            type: Directive,
-            args: [{ selector: 'ng-template[stDescription]' }]
-        }], propDecorators: { cle: [{ type: i0.Input, args: [{ isSignal: true, alias: "stDescription", required: true }] }] } });
-/**
- * Liste de descriptions : les proprietes d'un objet, sur une page de detail.
- *
- * ```html
- * <st-description-list [elements]="[
- *   { terme: 'Reference', description: commande().reference },
- *   { cle: 'montant', terme: 'Montant', description: null },
- * ]">
- *   <ng-template stDescription="montant"><st-money [valeur]="commande().montant" /></ng-template>
- * </st-description-list>
- * ```
- *
- * ⚠️ **Un vrai `dl`, rendu par le composant.** Le lecteur d'ecran annonce « liste de
- * descriptions, 4 elements » et lit chaque terme avec sa valeur. Ecrits par
- * l'application et projetes, `dt` et `dd` echapperaient aux styles du composant,
- * et un `div` mal place rendrait la liste invalide.
- *
- * ⚠️ **Une valeur absente se dit** : « — » a l'ecran, « Non renseigne » au lecteur
- * d'ecran. Une cellule vide ne distingue pas « aucun » de « pas encore charge ».
- *
- * En colonnes quand la place le permet, empile en dessous : la largeur est celle
- * du CONTENEUR, pas de l'ecran — la meme liste dans une carte etroite s'empile
- * aussi sur un grand ecran (UX-18).
- */
-class StDescriptionList {
-    libelles = inject(ST_LIBELLES);
-    elements = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []));
-    gabarits = contentChildren(StDescription, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []));
-    lignes = computed(() => {
-        const gabarits = new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit]));
-        return this.elements().map((element) => ({
-            element,
-            gabarit: gabarits.get(element.cle ?? element.terme) ?? null,
-        }));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDescriptionList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StDescriptionList, isStandalone: true, selector: "st-description-list", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "st-description-list" }, queries: [{ propertyName: "gabarits", predicate: StDescription, isSignal: true }], ngImport: i0, template: "<dl class=\"st-description-list__liste\">\n  @for (ligne of lignes(); track ligne.element.cle ?? ligne.element.terme) {\n    <div class=\"st-description-list__groupe\">\n      <dt class=\"st-description-list__terme\">{{ ligne.element.terme }}</dt>\n      <dd class=\"st-description-list__valeur\">\n        @if (ligne.gabarit; as gabarit) {\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.element }\" />\n        } @else if (ligne.element.description === null) {\n          <span aria-hidden=\"true\">&#8212;</span>\n          <span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n        } @else {\n          {{ ligne.element.description }}\n        }\n      </dd>\n    </div>\n  }\n</dl>\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-description-list__liste{margin:0}.st-description-list__groupe{display:grid;gap:var(--st-espacement-1);padding-block:var(--st-espacement-2);border-block-end:1px solid var(--st-couleur-bordure)}.st-description-list__terme{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret)}.st-description-list__valeur{margin:0;overflow-wrap:anywhere}@container (min-width: st.$rupture-sm){.st-description-list__groupe{grid-template-columns:minmax(10rem,1fr) 2fr;gap:var(--st-espacement-4)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDescriptionList, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-description-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], host: { class: 'st-description-list' }, template: "<dl class=\"st-description-list__liste\">\n  @for (ligne of lignes(); track ligne.element.cle ?? ligne.element.terme) {\n    <div class=\"st-description-list__groupe\">\n      <dt class=\"st-description-list__terme\">{{ ligne.element.terme }}</dt>\n      <dd class=\"st-description-list__valeur\">\n        @if (ligne.gabarit; as gabarit) {\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.element }\" />\n        } @else if (ligne.element.description === null) {\n          <span aria-hidden=\"true\">&#8212;</span>\n          <span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n        } @else {\n          {{ ligne.element.description }}\n        }\n      </dd>\n    </div>\n  }\n</dl>\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-description-list__liste{margin:0}.st-description-list__groupe{display:grid;gap:var(--st-espacement-1);padding-block:var(--st-espacement-2);border-block-end:1px solid var(--st-couleur-bordure)}.st-description-list__terme{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret)}.st-description-list__valeur{margin:0;overflow-wrap:anywhere}@container (min-width: st.$rupture-sm){.st-description-list__groupe{grid-template-columns:minmax(10rem,1fr) 2fr;gap:var(--st-espacement-4)}}\n"] }]
-        }], propDecorators: { elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: true }] }], gabarits: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StDescription), { isSignal: true }] }] } });
-
-/**
- * Rendu d'un element, type par `[stElementDeListeDe]` :
- *
- * ```html
- * <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>
- *   <a [routerLink]="['/expeditions', expedition.id]">{{ expedition.reference }}</a>
- * </ng-template>
- * ```
- */
-class StElementDeListe {
-    /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
-    stElementDeListeDe = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "stElementDeListeDe" }] : /* istanbul ignore next */ []));
-    gabarit = inject(TemplateRef);
-    static ngTemplateContextGuard(_directive, _contexte) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StElementDeListe, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: StElementDeListe, isStandalone: true, selector: "ng-template[stElementDeListe]", inputs: { stElementDeListeDe: { classPropertyName: "stElementDeListeDe", publicName: "stElementDeListeDe", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StElementDeListe, decorators: [{
-            type: Directive,
-            args: [{ selector: 'ng-template[stElementDeListe]' }]
-        }], propDecorators: { stElementDeListeDe: [{ type: i0.Input, args: [{ isSignal: true, alias: "stElementDeListeDe", required: false }] }] } });
-/**
- * Liste d'objets : expeditions, notifications, documents. La forme mobile d'un
- * tableau (UX-5).
- *
- * ```html
- * <st-list #liste etiquette="Mes expeditions" [elements]="expeditions()" cle="id">
- *   <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>…</ng-template>
- * </st-list>
- * <st-pagination mode="suite" [cible]="liste" … />
- * ```
- *
- * ⚠️ **Un lien DANS l'element, jamais un element cliquable** (UX-3) : le lien a un
- * nom, s'ouvre dans un onglet, et laisse les autres boutons de l'element
- * atteignables.
- *
- * ⚠️ **`focus()` va au premier element AJOUTE** depuis le dernier affichage : apres
- * « Afficher plus », la lecture reprend la ou la liste s'est allongee, et non en
- * tete. Apres un filtre, la liste raccourcit, et le focus va au premier element.
- *
- * `track` par la cle : un rafraichissement garde le focus sur le bon element.
- */
-class StList {
-    element = inject(ElementRef);
-    elements = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []));
-    /** Propriete qui identifie un element. */
-    cle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []));
-    /** Nom de la liste, lu a l'entree. */
-    etiquette = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
-    /** `ol` quand l'ordre a un sens : etapes, classement. */
-    ordonnee = input(false, { ...(ngDevMode ? { debugName: "ordonnee" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Contenu en cours de remplacement : `aria-busy`. */
-    chargement = input(false, { ...(ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    gabarit = contentChild(StElementDeListe, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []));
-    indiceDuPremierAjout = 0;
-    lignes = computed(() => {
-        const cle = this.cle();
-        return this.elements().map((valeur, indice) => ({
-            valeur,
-            indice,
-            identifiant: String(valeur[cle]),
-        }));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    constructor() {
-        let longueur = 0;
-        effect(() => {
-            const nouvelle = this.elements().length;
-            this.indiceDuPremierAjout = nouvelle > longueur && longueur > 0 ? longueur : 0;
-            longueur = nouvelle;
-        });
-    }
-    /** Focus sur le premier element ajoute, ou sur le premier. */
-    focus(options) {
-        const elements = this.element.nativeElement.querySelectorAll('.st-list__element');
-        (elements[this.indiceDuPremierAjout] ?? elements[0])?.focus(options);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StList, isStandalone: true, selector: "st-list", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: true, transformFunction: null }, cle: { classPropertyName: "cle", publicName: "cle", isSignal: true, isRequired: true, transformFunction: null }, etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: false, transformFunction: null }, ordonnee: { classPropertyName: "ordonnee", publicName: "ordonnee", isSignal: true, isRequired: false, transformFunction: null }, chargement: { classPropertyName: "chargement", publicName: "chargement", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "st-list" }, queries: [{ propertyName: "gabarit", first: true, predicate: StElementDeListe, descendants: true, isSignal: true }], ngImport: i0, template: "@if (ordonnee()) {\n  <ol\n    class=\"st-list__liste\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </ol>\n} @else {\n  <ul\n    class=\"st-list__liste\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </ul>\n}\n\n<ng-template #contenu>\n  @for (ligne of lignes(); track ligne.identifiant) {\n    <!-- tabindex -1 : cible du focus apres \u00AB Afficher plus \u00BB, hors tabulation. -->\n    <li class=\"st-list__element\" tabindex=\"-1\">\n      @if (gabarit(); as gabarit) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            gabarit.gabarit;\n            context: { $implicit: ligne.valeur, indice: ligne.indice }\n          \"\n        />\n      } @else {\n        {{ ligne.valeur }}\n      }\n    </li>\n  }\n</ng-template>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-list__liste{padding:0;margin:0;list-style:none}.st-list__liste[aria-busy=true]{cursor:progress}.st-list__element{padding-block:var(--st-espacement-3);border-block-end:1px solid var(--st-couleur-bordure)}.st-list__element:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StList, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], host: { class: 'st-list' }, template: "@if (ordonnee()) {\n  <ol\n    class=\"st-list__liste\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </ol>\n} @else {\n  <ul\n    class=\"st-list__liste\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </ul>\n}\n\n<ng-template #contenu>\n  @for (ligne of lignes(); track ligne.identifiant) {\n    <!-- tabindex -1 : cible du focus apres \u00AB Afficher plus \u00BB, hors tabulation. -->\n    <li class=\"st-list__element\" tabindex=\"-1\">\n      @if (gabarit(); as gabarit) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            gabarit.gabarit;\n            context: { $implicit: ligne.valeur, indice: ligne.indice }\n          \"\n        />\n      } @else {\n        {{ ligne.valeur }}\n      }\n    </li>\n  }\n</ng-template>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-list__liste{padding:0;margin:0;list-style:none}.st-list__liste[aria-busy=true]{cursor:progress}.st-list__element{padding-block:var(--st-espacement-3);border-block-end:1px solid var(--st-couleur-bordure)}.st-list__element:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: true }] }], cle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cle", required: true }] }], etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }], ordonnee: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordonnee", required: false }] }], chargement: [{ type: i0.Input, args: [{ isSignal: true, alias: "chargement", required: false }] }], gabarit: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StElementDeListe), { isSignal: true }] }] } });
-
-/**
- * Bouton de tri d'une colonne, pose DANS l'en-tete : `<th><button stSortHeader>`.
- *
- * ⚠️ **Le bouton, pas l'en-tete cliquable** : un `th` n'est ni focalisable ni
- * annonce comme actionnable. Et l'etat se porte par `aria-sort` sur le `th`, que
- * `st-data-table` pose sur la SEULE colonne triee (FE-3).
- *
- * ⚠️ **Ne trie rien.** Il dit l'intention ; c'est le serveur qui trie, et le
- * contrat actuel ne le fait pas (audit de la vague 4, V4-3). Trier la page
- * affichee ferait croire a un tri de toute la liste.
- *
- * Une colonne non triee montre deux chevrons, pour se signaler triable sans
- * attendre le survol ; l'icone est decorative, l'etat est lu par `aria-sort`.
- */
-class StSortHeader {
-    sens = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []));
-    icone = computed(() => {
-        const sens = this.sens();
-        if (sens === 'croissant')
-            return 'chevron-haut';
-        if (sens === 'decroissant')
-            return 'chevron-bas';
-        return 'tri';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSortHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StSortHeader, isStandalone: true, selector: "button[stSortHeader]", inputs: { sens: { classPropertyName: "sens", publicName: "sens", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.data-sens": "sens()" }, classAttribute: "st-sort-header" }, ngImport: i0, template: "<span class=\"st-sort-header__libelle\"><ng-content /></span>\n<st-icon class=\"st-sort-header__icone\" taille=\"sm\" [nom]=\"icone()\" />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:inline-flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-cible-min);padding:0;font:inherit;font-weight:inherit;color:inherit;text-align:inherit;cursor:pointer;background:none;border:0}.st-sort-header__icone{flex:none;color:var(--st-couleur-texte-discret)}:host([data-sens]) .st-sort-header__icone{color:inherit}\n"], dependencies: [{ kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSortHeader, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[stSortHeader]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], host: {
-                        class: 'st-sort-header',
-                        type: 'button',
-                        '[attr.data-sens]': 'sens()',
-                    }, template: "<span class=\"st-sort-header__libelle\"><ng-content /></span>\n<st-icon class=\"st-sort-header__icone\" taille=\"sm\" [nom]=\"icone()\" />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:inline-flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-cible-min);padding:0;font:inherit;font-weight:inherit;color:inherit;text-align:inherit;cursor:pointer;background:none;border:0}.st-sort-header__icone{flex:none;color:var(--st-couleur-texte-discret)}:host([data-sens]) .st-sort-header__icone{color:inherit}\n"] }]
-        }], propDecorators: { sens: [{ type: i0.Input, args: [{ isSignal: true, alias: "sens", required: false }] }] } });
-
-let compteur$3 = 0;
-/**
- * Rendu d'une cellule, type par `[stCelluleDe]` :
- *
- * ```html
- * <ng-template stCellule="montant" [stCelluleDe]="lignes()" let-ligne>
- *   <st-money [valeur]="ligne.montant" />
- * </ng-template>
- * ```
- */
-class StCellule {
-    cle = input.required({ ...(ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {}), alias: 'stCellule' });
-    /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
-    stCelluleDe = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "stCelluleDe" }] : /* istanbul ignore next */ []));
-    gabarit = inject(TemplateRef);
-    static ngTemplateContextGuard(_directive, _contexte) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCellule, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: StCellule, isStandalone: true, selector: "ng-template[stCellule]", inputs: { cle: { classPropertyName: "cle", publicName: "stCellule", isSignal: true, isRequired: true, transformFunction: null }, stCelluleDe: { classPropertyName: "stCelluleDe", publicName: "stCelluleDe", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StCellule, decorators: [{
-            type: Directive,
-            args: [{ selector: 'ng-template[stCellule]' }]
-        }], propDecorators: { cle: [{ type: i0.Input, args: [{ isSignal: true, alias: "stCellule", required: true }] }], stCelluleDe: [{ type: i0.Input, args: [{ isSignal: true, alias: "stCelluleDe", required: false }] }] } });
-/** Contenu du tableau vide : un `st-empty`, avec son action. */
-class StTableauVide {
-    gabarit = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTableauVide, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: StTableauVide, isStandalone: true, selector: "ng-template[stTableauVide]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTableauVide, decorators: [{
-            type: Directive,
-            args: [{ selector: 'ng-template[stTableauVide]' }]
-        }] });
-/** Lignes de squelette au premier chargement. */
-const LIGNES_DE_SQUELETTE = 5;
-/**
- * Tableau de donnees, sur un `<table>` NATIF.
- *
- * ```html
- * <st-data-table #tableau legende="Expeditions" [colonnes]="colonnes" [lignes]="lignes()"
- *   cle="id" selectionnable [(selection)]="choisies" [chargement]="page.isLoading()">
- *   <ng-template stCellule="reference" [stCelluleDe]="lignes()" let-ligne>
- *     <a [routerLink]="['/expeditions', ligne.id]">{{ ligne.reference }}</a>
- *   </ng-template>
- *   <button stButton stActionsDeTableau (click)="exporter()">Exporter</button>
- * </st-data-table>
- * ```
- *
- * ⚠️ **Un tableau, pas une grille** (audit de la vague 4, V4-1). Le lecteur d'ecran
- * sait parcourir un `<table>` de cellule en cellule ; une grille ARIA remplacerait
- * ce parcours par les fleches, et rendrait les liens des cellules plus durs a
- * atteindre. Ni Material, ni `CdkTable` : pas de pair dans le tronc.
- *
- * - **Legende obligatoire** (UX-1), et une colonne d'en-tete de ligne — la premiere
- *   par defaut — pour que chaque cellule se lise avec sa ligne (UX-2).
- * - **Zone de defilement nommee** : focalisable quand le tableau deborde (UX-6),
- *   colonne figee sans masquer le focus (UX-7), en-tete fige seulement avec
- *   `hauteurMax` (UX-8).
- * - **Selection de la PAGE, par cle** (V4-4) : elle ne garde que les lignes encore
- *   affichees, et se vide donc au changement de page.
- * - **Tri PILOTE** : le tableau dit la demande et l'annonce, il ne reordonne
- *   jamais les lignes (V4-3).
- * - **Chargement** : squelette au premier, lignes gardees et `aria-busy` ensuite
- *   (UX-11).
- * - Export, actions de masse : zone `stActionsDeTableau`, et le SERVEUR fait le
- *   travail (V4-5, SEC-4, SEC-5).
- */
-class StDataTable {
-    libelles = inject(ST_LIBELLES);
-    legende = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []));
-    /** Lue mais non affichee, quand un titre visible nomme deja le tableau. */
-    legendeMasquee = input(false, { ...(ngDevMode ? { debugName: "legendeMasquee" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    colonnes = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []));
-    lignes = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []));
-    /** Propriete qui identifie une ligne. Jamais l'indice (FE-1). */
-    cle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []));
-    /** Colonne lue comme en-tete de chaque ligne. Par defaut : la premiere. */
-    enTeteDeLigne = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "enTeteDeLigne" }] : /* istanbul ignore next */ []));
-    premiereColonneFigee = input(false, { ...(ngDevMode ? { debugName: "premiereColonneFigee" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Hauteur maximale, `32rem` : l'en-tete se fige, le corps defile. */
-    hauteurMax = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hauteurMax" }] : /* istanbul ignore next */ []));
-    densite = input('confortable', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "densite" }] : /* istanbul ignore next */ []));
-    chargement = input(false, { ...(ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    selectionnable = input(false, { ...(ngDevMode ? { debugName: "selectionnable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    selection = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-    tri = model(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tri" }] : /* istanbul ignore next */ []));
-    /** Texte du tableau vide, sans gabarit `stTableauVide`. */
-    texteVide = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []));
-    gabarits = contentChildren(StCellule, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []));
-    gabaritVide = contentChild(StTableauVide, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "gabaritVide" }] : /* istanbul ignore next */ []));
-    zone = viewChild.required('zone', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []));
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    deborde = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []));
-    largeurFigee = signal(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "largeurFigee" }] : /* istanbul ignore next */ []));
-    identifiants = (() => {
-        const base = `st-tableau-${(compteur$3 += 1).toString()}`;
-        return { legende: `${base}-legende`, selection: `${base}-selection` };
-    })();
-    cleDEnTete = computed(() => this.enTeteDeLigne() ?? this.colonnes()[0]?.cle ?? '', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cleDEnTete" }] : /* istanbul ignore next */ []));
-    cellules = computed(() => {
-        const gabarits = new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit]));
-        return this.colonnes().map((colonne) => ({
-            colonne,
-            gabarit: gabarits.get(colonne.cle) ?? null,
-            enTete: colonne.cle === this.cleDEnTete(),
-        }));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cellules" }] : /* istanbul ignore next */ []));
-    rangees = computed(() => {
-        const cle = this.cle();
-        const entete = this.cleDEnTete();
-        const choisies = new Set(this.selection());
-        return this.lignes().map((valeur) => {
-            const identifiant = String(valeur[cle]);
-            return {
-                valeur,
-                identifiant,
-                nom: texteDe(valeur[entete]),
-                choisie: choisies.has(identifiant),
-            };
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rangees" }] : /* istanbul ignore next */ []));
-    squelette = computed(() => this.chargement() && this.lignes().length === 0
-        ? Array.from({ length: LIGNES_DE_SQUELETTE }, (_, indice) => indice)
-        : [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "squelette" }] : /* istanbul ignore next */ []));
-    nombreDeColonnes = computed(() => this.colonnes().length + (this.selectionnable() ? 1 : 0), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nombreDeColonnes" }] : /* istanbul ignore next */ []));
-    colonnesDeSquelette = computed(() => Array.from({ length: this.nombreDeColonnes() }, (_, indice) => indice), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "colonnesDeSquelette" }] : /* istanbul ignore next */ []));
-    toutesChoisies = computed(() => {
-        const rangees = this.rangees();
-        return rangees.length > 0 && rangees.every((rangee) => rangee.choisie);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "toutesChoisies" }] : /* istanbul ignore next */ []));
-    quelquesChoisies = computed(() => !this.toutesChoisies() && this.rangees().some((rangee) => rangee.choisie), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "quelquesChoisies" }] : /* istanbul ignore next */ []));
-    constructor() {
-        // V4-4 : une selection ne vise que ce qui est affiche. Nouvelle page, nouvelles
-        // cles : les anciennes tombent.
-        effect(() => {
-            const presentes = new Set(this.rangees().map((rangee) => rangee.identifiant));
-            const selection = this.selection();
-            const gardees = selection.filter((identifiant) => presentes.has(identifiant));
-            if (gardees.length !== selection.length)
-                this.selection.set(gardees);
-        });
-        // Mesures du rendu, jamais sur le serveur (FE-5).
-        const destruction = inject(DestroyRef);
-        afterNextRender(() => {
-            const zone = this.zone().nativeElement;
-            if (typeof ResizeObserver === 'undefined')
-                return;
-            const observateur = new ResizeObserver(() => {
-                this.deborde.set(zone.scrollWidth > zone.clientWidth + 1 || zone.scrollHeight > zone.clientHeight + 1);
-                // UX-7 : la largeur des colonnes figees devient la marge de defilement,
-                // pour que la cellule focalisee s'arrete A COTE d'elles et non dessous.
-                const figees = zone.querySelectorAll('tr:first-child > [data-figee]');
-                let largeur = 0;
-                figees.forEach((cellule) => (largeur += cellule.getBoundingClientRect().width));
-                this.largeurFigee.set(Math.ceil(largeur));
-            });
-            observateur.observe(zone);
-            const tableau = zone.querySelector('table');
-            if (tableau !== null)
-                observateur.observe(tableau);
-            destruction.onDestroy(() => {
-                observateur.disconnect();
-            });
-        });
-    }
-    /** Amene le focus sur le tableau : sa legende est lue (UX-13). */
-    focus(options) {
-        this.zone().nativeElement.focus(options);
-    }
-    sensDe(colonne) {
-        const tri = this.tri();
-        return tri?.cle === colonne.cle ? tri.sens : null;
-    }
-    ariaSort(colonne) {
-        const sens = this.sensDe(colonne);
-        if (sens === null)
-            return null;
-        return sens === 'croissant' ? 'ascending' : 'descending';
-    }
-    trier(colonne) {
-        const sens = this.sensDe(colonne) === 'croissant' ? 'decroissant' : 'croissant';
-        this.tri.set({ cle: colonne.cle, sens });
-        const libelles = this.libelles();
-        this.annonce.annoncer(sens === 'croissant'
-            ? libelles.trieCroissant(colonne.libelle)
-            : libelles.trieDecroissant(colonne.libelle));
-    }
-    basculerTout() {
-        this.selection.set(this.toutesChoisies() ? [] : this.rangees().map((rangee) => rangee.identifiant));
-    }
-    basculer(identifiant) {
-        const selection = this.selection();
-        this.selection.set(selection.includes(identifiant)
-            ? selection.filter((choisie) => choisie !== identifiant)
-            : [...selection, identifiant]);
-    }
-    texteDe(ligne, colonne) {
-        return texteDe(ligne[colonne.cle]);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDataTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StDataTable, isStandalone: true, selector: "st-data-table", inputs: { legende: { classPropertyName: "legende", publicName: "legende", isSignal: true, isRequired: true, transformFunction: null }, legendeMasquee: { classPropertyName: "legendeMasquee", publicName: "legendeMasquee", isSignal: true, isRequired: false, transformFunction: null }, colonnes: { classPropertyName: "colonnes", publicName: "colonnes", isSignal: true, isRequired: true, transformFunction: null }, lignes: { classPropertyName: "lignes", publicName: "lignes", isSignal: true, isRequired: true, transformFunction: null }, cle: { classPropertyName: "cle", publicName: "cle", isSignal: true, isRequired: true, transformFunction: null }, enTeteDeLigne: { classPropertyName: "enTeteDeLigne", publicName: "enTeteDeLigne", isSignal: true, isRequired: false, transformFunction: null }, premiereColonneFigee: { classPropertyName: "premiereColonneFigee", publicName: "premiereColonneFigee", isSignal: true, isRequired: false, transformFunction: null }, hauteurMax: { classPropertyName: "hauteurMax", publicName: "hauteurMax", isSignal: true, isRequired: false, transformFunction: null }, densite: { classPropertyName: "densite", publicName: "densite", isSignal: true, isRequired: false, transformFunction: null }, chargement: { classPropertyName: "chargement", publicName: "chargement", isSignal: true, isRequired: false, transformFunction: null }, selectionnable: { classPropertyName: "selectionnable", publicName: "selectionnable", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, tri: { classPropertyName: "tri", publicName: "tri", isSignal: true, isRequired: false, transformFunction: null }, texteVide: { classPropertyName: "texteVide", publicName: "texteVide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", tri: "triChange" }, host: { properties: { "attr.data-densite": "densite()", "attr.data-figee": "premiereColonneFigee() ? \"\" : null" }, classAttribute: "st-data-table" }, queries: [{ propertyName: "gabarits", predicate: StCellule, isSignal: true }, { propertyName: "gabaritVide", first: true, predicate: StTableauVide, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "zone", first: true, predicate: ["zone"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n     emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n     rien. -->\n<div class=\"st-data-table__barre\">\n  @if (selectionnable()) {\n    <p class=\"st-data-table__selection\" role=\"status\" [id]=\"identifiants.selection\">\n      {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n    </p>\n  }\n  <div class=\"st-data-table__actions\">\n    <ng-content select=\"[stActionsDeTableau]\" />\n  </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n     programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n  #zone\n  class=\"st-data-table__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.tabindex]=\"deborde() ? 0 : -1\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n  [style.max-block-size]=\"hauteurMax()\"\n  [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n>\n  <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n    <caption\n      class=\"st-data-table__legende\"\n      [id]=\"identifiants.legende\"\n      [class.st-vh]=\"legendeMasquee()\"\n    >\n      {{\n        legende()\n      }}\n    </caption>\n    <thead>\n      <tr>\n        @if (selectionnable()) {\n          <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n            <input\n              class=\"st-data-table__cocher\"\n              type=\"checkbox\"\n              [checked]=\"toutesChoisies()\"\n              [indeterminate]=\"quelquesChoisies()\"\n              [disabled]=\"rangees().length === 0\"\n              [attr.aria-label]=\"libelles().selectionnerLaPage(rangees().length)\"\n              (change)=\"basculerTout()\"\n            />\n          </th>\n        }\n        @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n          <th\n            scope=\"col\"\n            [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n            [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n            [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n          >\n            @if (cellule.colonne.triable) {\n              <button\n                stSortHeader\n                type=\"button\"\n                [sens]=\"sensDe(cellule.colonne)\"\n                (click)=\"trier(cellule.colonne)\"\n              >\n                {{ cellule.colonne.libelle }}\n              </button>\n            } @else if (cellule.colonne.libelleMasque) {\n              <span class=\"st-vh\">{{ cellule.colonne.libelle }}</span>\n            } @else {\n              {{ cellule.colonne.libelle }}\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (rang of squelette(); track rang) {\n        <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n          @for (colonne of colonnesDeSquelette(); track colonne) {\n            <td><span class=\"st-data-table__barre-de-squelette\"></span></td>\n          }\n        </tr>\n      }\n      @for (rangee of rangees(); track rangee.identifiant) {\n        <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\">\n          @if (selectionnable()) {\n            <td class=\"st-data-table__case\" data-figee>\n              <input\n                class=\"st-data-table__cocher\"\n                type=\"checkbox\"\n                [checked]=\"rangee.choisie\"\n                [attr.aria-label]=\"libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\"\n                (change)=\"basculer(rangee.identifiant)\"\n              />\n            </td>\n          }\n          @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n            @if (cellule.enTete) {\n              <th\n                scope=\"row\"\n                [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valeur;\n                    context: { $implicit: rangee.valeur, cellule: cellule }\n                  \"\n                />\n              </th>\n            } @else {\n              <td\n                [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valeur;\n                    context: { $implicit: rangee.valeur, cellule: cellule }\n                  \"\n                />\n              </td>\n            }\n          }\n        </tr>\n      } @empty {\n        @if (!chargement()) {\n          <tr>\n            <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n              @if (gabaritVide(); as vide) {\n                <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n              } @else {\n                {{ texteVide() ?? libelles().tableauVide }}\n              }\n            </td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n  @if (cellule.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n    />\n  } @else if (texteDe(ligne, cellule.colonne); as texte) {\n    {{ texte }}\n  } @else {\n    <span aria-hidden=\"true\">&#8212;</span><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n  }\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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__zone:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-data-table__zone{position:relative;overflow:auto;border:1px solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md);background:linear-gradient(to right,var(--st-couleur-surface) 30%,transparent) left/2rem 100% no-repeat local,linear-gradient(to left,var(--st-couleur-surface) 30%,transparent) right/2rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),transparent) left/.75rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),transparent) right/.75rem 100% no-repeat scroll,var(--st-couleur-surface)}.st-data-table__tableau{inline-size:100%;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-3));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-3));text-align:start;vertical-align:top;overflow-wrap:anywhere;border-block-end:1px solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret);white-space:nowrap;background:var(--st-couleur-surface-enfoncee)}thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete)}tbody th{font-weight:var(--st-graisse-semi)}tbody tr:last-child>*{border-block-end:0}@media(hover:hover){tbody tr:hover>*{background:var(--st-couleur-surface-survol)}}tbody tr[data-choisie]>*{background:var(--st-couleur-primaire-discret)}tbody tr[data-choisie]>:first-child{box-shadow:inset 3px 0 0 var(--st-couleur-primaire)}:host-context([dir=rtl]) tbody tr[data-choisie]>:first-child{box-shadow:inset -3px 0 0 var(--st-couleur-primaire)}[data-alignement=fin]{text-align:end}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, 3rem);min-inline-size:var(--st-tableau-largeur-case, 3rem);text-align:center;vertical-align:middle}:host([data-densite=compacte]) th,:host([data-densite=compacte]) td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-1));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-2))}.st-data-table__cocher:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-data-table__cocher{inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;accent-color:var(--st-couleur-primaire);cursor:pointer}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:0;z-index:var(--st-tableau-plan-figee);background:var(--st-couleur-surface)}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:var(--st-tableau-largeur-case, 3rem)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-enfoncee)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block;block-size:1em;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(prefers-reduced-motion:no-preference){.st-data-table__barre-de-squelette{animation:st-tableau-pulsation var(--st-anim-respiration, 1.6s) ease-in-out infinite}}@keyframes st-tableau-pulsation{50%{opacity:.5}}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr[data-choisie]>:first-child{box-shadow:none;border-inline-start:3px solid Highlight}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StSortHeader, selector: "button[stSortHeader]", inputs: ["sens"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StDataTable, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-data-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, StSortHeader], host: {
-                        class: 'st-data-table',
-                        '[attr.data-densite]': 'densite()',
-                        '[attr.data-figee]': 'premiereColonneFigee() ? "" : null',
-                    }, template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n     emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n     rien. -->\n<div class=\"st-data-table__barre\">\n  @if (selectionnable()) {\n    <p class=\"st-data-table__selection\" role=\"status\" [id]=\"identifiants.selection\">\n      {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n    </p>\n  }\n  <div class=\"st-data-table__actions\">\n    <ng-content select=\"[stActionsDeTableau]\" />\n  </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n     programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n  #zone\n  class=\"st-data-table__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.tabindex]=\"deborde() ? 0 : -1\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n  [style.max-block-size]=\"hauteurMax()\"\n  [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n>\n  <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n    <caption\n      class=\"st-data-table__legende\"\n      [id]=\"identifiants.legende\"\n      [class.st-vh]=\"legendeMasquee()\"\n    >\n      {{\n        legende()\n      }}\n    </caption>\n    <thead>\n      <tr>\n        @if (selectionnable()) {\n          <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n            <input\n              class=\"st-data-table__cocher\"\n              type=\"checkbox\"\n              [checked]=\"toutesChoisies()\"\n              [indeterminate]=\"quelquesChoisies()\"\n              [disabled]=\"rangees().length === 0\"\n              [attr.aria-label]=\"libelles().selectionnerLaPage(rangees().length)\"\n              (change)=\"basculerTout()\"\n            />\n          </th>\n        }\n        @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n          <th\n            scope=\"col\"\n            [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n            [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n            [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n          >\n            @if (cellule.colonne.triable) {\n              <button\n                stSortHeader\n                type=\"button\"\n                [sens]=\"sensDe(cellule.colonne)\"\n                (click)=\"trier(cellule.colonne)\"\n              >\n                {{ cellule.colonne.libelle }}\n              </button>\n            } @else if (cellule.colonne.libelleMasque) {\n              <span class=\"st-vh\">{{ cellule.colonne.libelle }}</span>\n            } @else {\n              {{ cellule.colonne.libelle }}\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (rang of squelette(); track rang) {\n        <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n          @for (colonne of colonnesDeSquelette(); track colonne) {\n            <td><span class=\"st-data-table__barre-de-squelette\"></span></td>\n          }\n        </tr>\n      }\n      @for (rangee of rangees(); track rangee.identifiant) {\n        <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\">\n          @if (selectionnable()) {\n            <td class=\"st-data-table__case\" data-figee>\n              <input\n                class=\"st-data-table__cocher\"\n                type=\"checkbox\"\n                [checked]=\"rangee.choisie\"\n                [attr.aria-label]=\"libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\"\n                (change)=\"basculer(rangee.identifiant)\"\n              />\n            </td>\n          }\n          @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n            @if (cellule.enTete) {\n              <th\n                scope=\"row\"\n                [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valeur;\n                    context: { $implicit: rangee.valeur, cellule: cellule }\n                  \"\n                />\n              </th>\n            } @else {\n              <td\n                [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valeur;\n                    context: { $implicit: rangee.valeur, cellule: cellule }\n                  \"\n                />\n              </td>\n            }\n          }\n        </tr>\n      } @empty {\n        @if (!chargement()) {\n          <tr>\n            <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n              @if (gabaritVide(); as vide) {\n                <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n              } @else {\n                {{ texteVide() ?? libelles().tableauVide }}\n              }\n            </td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n  @if (cellule.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n    />\n  } @else if (texteDe(ligne, cellule.colonne); as texte) {\n    {{ texte }}\n  } @else {\n    <span aria-hidden=\"true\">&#8212;</span><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n  }\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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__zone:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-data-table__zone{position:relative;overflow:auto;border:1px solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md);background:linear-gradient(to right,var(--st-couleur-surface) 30%,transparent) left/2rem 100% no-repeat local,linear-gradient(to left,var(--st-couleur-surface) 30%,transparent) right/2rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),transparent) left/.75rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),transparent) right/.75rem 100% no-repeat scroll,var(--st-couleur-surface)}.st-data-table__tableau{inline-size:100%;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-3));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-3));text-align:start;vertical-align:top;overflow-wrap:anywhere;border-block-end:1px solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-discret);white-space:nowrap;background:var(--st-couleur-surface-enfoncee)}thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete)}tbody th{font-weight:var(--st-graisse-semi)}tbody tr:last-child>*{border-block-end:0}@media(hover:hover){tbody tr:hover>*{background:var(--st-couleur-surface-survol)}}tbody tr[data-choisie]>*{background:var(--st-couleur-primaire-discret)}tbody tr[data-choisie]>:first-child{box-shadow:inset 3px 0 0 var(--st-couleur-primaire)}:host-context([dir=rtl]) tbody tr[data-choisie]>:first-child{box-shadow:inset -3px 0 0 var(--st-couleur-primaire)}[data-alignement=fin]{text-align:end}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, 3rem);min-inline-size:var(--st-tableau-largeur-case, 3rem);text-align:center;vertical-align:middle}:host([data-densite=compacte]) th,:host([data-densite=compacte]) td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-1));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-2))}.st-data-table__cocher:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-data-table__cocher{inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;accent-color:var(--st-couleur-primaire);cursor:pointer}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:0;z-index:var(--st-tableau-plan-figee);background:var(--st-couleur-surface)}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:var(--st-tableau-largeur-case, 3rem)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-enfoncee)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block;block-size:1em;background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(prefers-reduced-motion:no-preference){.st-data-table__barre-de-squelette{animation:st-tableau-pulsation var(--st-anim-respiration, 1.6s) ease-in-out infinite}}@keyframes st-tableau-pulsation{50%{opacity:.5}}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr[data-choisie]>:first-child{box-shadow:none;border-inline-start:3px solid Highlight}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { legende: [{ type: i0.Input, args: [{ isSignal: true, alias: "legende", required: true }] }], legendeMasquee: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendeMasquee", required: false }] }], colonnes: [{ type: i0.Input, args: [{ isSignal: true, alias: "colonnes", required: true }] }], lignes: [{ type: i0.Input, args: [{ isSignal: true, alias: "lignes", required: true }] }], cle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cle", required: true }] }], enTeteDeLigne: [{ type: i0.Input, args: [{ isSignal: true, alias: "enTeteDeLigne", required: false }] }], premiereColonneFigee: [{ type: i0.Input, args: [{ isSignal: true, alias: "premiereColonneFigee", required: false }] }], hauteurMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "hauteurMax", required: false }] }], densite: [{ type: i0.Input, args: [{ isSignal: true, alias: "densite", required: false }] }], chargement: [{ type: i0.Input, args: [{ isSignal: true, alias: "chargement", required: false }] }], selectionnable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionnable", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], tri: [{ type: i0.Input, args: [{ isSignal: true, alias: "tri", required: false }] }, { type: i0.Output, args: ["triChange"] }], texteVide: [{ type: i0.Input, args: [{ isSignal: true, alias: "texteVide", required: false }] }], gabarits: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StCellule), { isSignal: true }] }], gabaritVide: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StTableauVide), { isSignal: true }] }], zone: [{ type: i0.ViewChild, args: ['zone', { isSignal: true }] }] } });
-/** Texte d'une valeur ; `null` quand elle est absente, pour le dire (UX de la vague 4). */
-function texteDe(valeur) {
-    if (valeur === null || valeur === undefined || valeur === '')
-        return null;
-    if (typeof valeur === 'string')
-        return valeur;
-    if (typeof valeur === 'number' || typeof valeur === 'boolean' || typeof valeur === 'bigint') {
-        return String(valeur);
-    }
-    return null;
-}
-
-/**
- * Filtre actif, retirable : « Statut : Expediee ✕ ».
- *
- * ```html
- * <button stFilterChip libelle="Statut : Expediee" (click)="retirer('statut')"></button>
- * ```
- *
- * ⚠️ **Toute la puce est le bouton**, et son nom CONTIENT le texte visible —
- * « Retirer le filtre Statut : Expediee » (WCAG 2.5.3) : une commande vocale
- * « cliquer Statut » l'atteint. Une croix seule, a cote d'un texte inerte, serait
- * une cible de quelques pixels sans nom.
- */
-class StFilterChip {
-    libelles = inject(ST_LIBELLES);
-    libelle = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []));
-    nom = computed(() => this.libelles().retirerLeFiltre(this.libelle()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFilterChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StFilterChip, isStandalone: true, selector: "button[stFilterChip]", inputs: { libelle: { classPropertyName: "libelle", publicName: "libelle", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.aria-label": "nom()" }, classAttribute: "st-filter-chip" }, ngImport: i0, template: "<span class=\"st-filter-chip__libelle\">{{ libelle() }}</span>\n<st-icon class=\"st-filter-chip__croix\" nom=\"croix\" taille=\"sm\" />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:inline-flex;gap:var(--st-espacement-1);align-items:center;min-block-size:calc(var(--st-cible-min) + var(--st-espacement-2));padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-3) var(--st-espacement-2);font:inherit;color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine)}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-survol)}}.st-filter-chip__croix{flex:none}\n"], dependencies: [{ kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFilterChip, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[stFilterChip]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], host: {
-                        class: 'st-filter-chip',
-                        type: 'button',
-                        '[attr.aria-label]': 'nom()',
-                    }, template: "<span class=\"st-filter-chip__libelle\">{{ libelle() }}</span>\n<st-icon class=\"st-filter-chip__croix\" nom=\"croix\" taille=\"sm\" />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:inline-flex;gap:var(--st-espacement-1);align-items:center;min-block-size:calc(var(--st-cible-min) + var(--st-espacement-2));padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-3) var(--st-espacement-2);font:inherit;color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface-enfoncee);border:1px solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine)}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-survol)}}.st-filter-chip__croix{flex:none}\n"] }]
-        }], propDecorators: { libelle: [{ type: i0.Input, args: [{ isSignal: true, alias: "libelle", required: true }] }] } });
-
-let compteur$2 = 0;
-/**
- * Barre de filtres : les champs, puis les filtres en vigueur, retirables.
- *
- * ```html
- * <st-filter-bar [filtresActifs]="actifs()" (retrait)="retirer($event)" (effacement)="effacer()">
- *   <st-select libelle="Statut" [options]="statuts" [(value)]="statut" />
- * </st-filter-bar>
- * ```
- *
- * Un formulaire NOMME : repere « Filtres » dans la liste des reperes du lecteur
- * d'ecran. Pas un repere `search` : un `st-search-field` pose dedans en porte deja
- * un, et deux reperes imbriques se liraient en double.
- *
- * ⚠️ **Les filtres s'appliquent au changement**, par l'application : Entree dans
- * un champ n'envoie rien, et ne recharge pas la page.
- *
- * ⚠️ **Retirer un filtre rend le focus a la puce suivante**, sinon a la
- * precedente, sinon au formulaire ; « Effacer les filtres » le rend au formulaire
- * (UX-14). Le focus ne tombe jamais sur le document, et le retrait s'annonce.
- *
- * ⚠️ **Dans l'adresse, des valeurs d'enumeration seulement** (SEC-2) : un texte
- * cherche, un nom, un IBAN n'y vont pas. Le composant ne touche pas a l'adresse ;
- * la regle est pour l'application qui le ferait.
- */
-class StFilterBar {
-    libelles = inject(ST_LIBELLES);
-    element = inject(ElementRef);
-    injecteur = inject(Injector);
-    /** Nom du formulaire. Par defaut : « Filtres ». */
-    etiquette = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
-    filtresActifs = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filtresActifs" }] : /* istanbul ignore next */ []));
-    retrait = output();
-    effacement = output();
-    annonce = new AnnonceLocale(inject(DestroyRef));
-    identifiantActifs = `st-filtres-${(compteur$2 += 1).toString()}-actifs`;
-    etiquetteLue = computed(() => this.etiquette() ?? this.libelles().filtres, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []));
-    retirer(filtre, indice) {
-        this.retrait.emit(filtre.cle);
-        this.annonce.annoncer(this.libelles().filtreRetire(filtre.libelle));
-        this.apresLeRendu(() => {
-            const puces = this.element.nativeElement.querySelectorAll('.st-filter-chip');
-            return puces[Math.min(indice, puces.length - 1)] ?? null;
-        });
-    }
-    effacer() {
-        this.effacement.emit();
-        this.annonce.annoncer(this.libelles().filtresEffaces);
-        this.apresLeRendu(() => null);
-    }
-    apresLeRendu(cible) {
-        afterNextRender(() => {
-            const formulaire = this.element.nativeElement.querySelector('form');
-            (cible() ?? formulaire)?.focus();
-        }, { injector: this.injecteur });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StFilterBar, isStandalone: true, selector: "st-filter-bar", inputs: { etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: false, transformFunction: null }, filtresActifs: { classPropertyName: "filtresActifs", publicName: "filtresActifs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retrait: "retrait", effacement: "effacement" }, host: { classAttribute: "st-filter-bar" }, ngImport: i0, template: "<!-- tabindex -1 : cible du focus quand la derniere puce disparait. -->\n<form\n  class=\"st-filter-bar__formulaire\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"etiquetteLue()\"\n  (submit)=\"$event.preventDefault()\"\n>\n  <div class=\"st-filter-bar__champs\">\n    <ng-content />\n  </div>\n\n  @if (filtresActifs().length > 0) {\n    <div class=\"st-filter-bar__actifs\">\n      <p class=\"st-filter-bar__titre\" [id]=\"identifiantActifs\">{{ libelles().filtresActifs }}</p>\n      <ul class=\"st-filter-bar__puces\" [attr.aria-labelledby]=\"identifiantActifs\">\n        @for (filtre of filtresActifs(); track filtre.cle; let indice = $index) {\n          <li>\n            <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n                 Le contenu vient du gabarit de stFilterChip, et le libelle est requis. -->\n            <button\n              stFilterChip\n              type=\"button\"\n              [libelle]=\"filtre.libelle\"\n              (click)=\"retirer(filtre, indice)\"\n            ></button>\n          </li>\n        }\n      </ul>\n      <button stButton type=\"button\" variante=\"discret\" (click)=\"effacer()\">\n        {{ libelles().effacerLesFiltres }}\n      </button>\n    </div>\n  }\n</form>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-filter-bar__formulaire:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-filter-bar__formulaire{display:grid;gap:var(--st-espacement-3)}.st-filter-bar__champs{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-4);align-items:flex-end}.st-filter-bar__actifs{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-filter-bar__titre{margin:0;font-weight:var(--st-graisse-semi)}.st-filter-bar__puces{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none}\n"], dependencies: [{ kind: "component", type: StButton, selector: "button[stButton]", inputs: ["variante", "taille", "pleineLargeur", "iconeAvant", "iconeApres", "chargement", "indisponible"] }, { kind: "component", type: StFilterChip, selector: "button[stFilterChip]", inputs: ["libelle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StFilterBar, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-filter-bar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StButton, StFilterChip], host: { class: 'st-filter-bar' }, template: "<!-- tabindex -1 : cible du focus quand la derniere puce disparait. -->\n<form\n  class=\"st-filter-bar__formulaire\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"etiquetteLue()\"\n  (submit)=\"$event.preventDefault()\"\n>\n  <div class=\"st-filter-bar__champs\">\n    <ng-content />\n  </div>\n\n  @if (filtresActifs().length > 0) {\n    <div class=\"st-filter-bar__actifs\">\n      <p class=\"st-filter-bar__titre\" [id]=\"identifiantActifs\">{{ libelles().filtresActifs }}</p>\n      <ul class=\"st-filter-bar__puces\" [attr.aria-labelledby]=\"identifiantActifs\">\n        @for (filtre of filtresActifs(); track filtre.cle; let indice = $index) {\n          <li>\n            <!-- eslint-disable-next-line @angular-eslint/template/elements-content --\n                 Le contenu vient du gabarit de stFilterChip, et le libelle est requis. -->\n            <button\n              stFilterChip\n              type=\"button\"\n              [libelle]=\"filtre.libelle\"\n              (click)=\"retirer(filtre, indice)\"\n            ></button>\n          </li>\n        }\n      </ul>\n      <button stButton type=\"button\" variante=\"discret\" (click)=\"effacer()\">\n        {{ libelles().effacerLesFiltres }}\n      </button>\n    </div>\n  }\n</form>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-filter-bar__formulaire:focus{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-filter-bar__formulaire{display:grid;gap:var(--st-espacement-3)}.st-filter-bar__champs{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-4);align-items:flex-end}.st-filter-bar__actifs{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-filter-bar__titre{margin:0;font-weight:var(--st-graisse-semi)}.st-filter-bar__puces{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none}\n"] }]
-        }], propDecorators: { etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }], filtresActifs: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtresActifs", required: false }] }], retrait: [{ type: i0.Output, args: ["retrait"] }], effacement: [{ type: i0.Output, args: ["effacement"] }] } });
-
-let compteur$1 = 0;
-/**
- * Choix du theme : systeme, clair, sombre.
- *
- * ⚠️ **Trois etats, donc PAS un interrupteur.** `role="switch"` et
- * `aria-pressed` sont binaires : poses sur un choix a trois valeurs, ils
- * annoncent « active » ou « desactive » sans jamais dire lequel des trois est
- * retenu. Un groupe de boutons radio dit exactement « Sombre, bouton radio,
- * coche, 3 sur 3 ».
- *
- * ⚠️ **Composant de PRESENTATION.** Il n'injecte pas `StTheme` : `ui` ne depend
- * pas de `@starterlib/core` (ADR 0003). La coquille le relie au noyau :
- *
- * ```html
- * <st-theme-toggle [choix]="theme.choix()" (choisi)="theme.choisir($event)" />
- * ```
- */
-class StThemeToggle {
-    libelles = inject(ST_LIBELLES);
-    choix = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "choix" }] : /* istanbul ignore next */ []));
-    /** Legende visible. Masquee par defaut, mais toujours lue : elle nomme le groupe. */
-    legendeVisible = input(false, { ...(ngDevMode ? { debugName: "legendeVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    choisi = output();
-    /** Unique par instance : deux bascules sur la meme page partageraient leur groupe radio. */
-    nom = `st-theme-${(compteur$1 += 1).toString()}`;
-    legende = computed(() => this.libelles().theme, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []));
-    options = computed(() => {
-        const libelles = this.libelles();
-        const texte = {
-            systeme: libelles.themeSysteme,
-            clair: libelles.themeClair,
-            sombre: libelles.themeSombre,
-        };
-        return CHOIX_DE_THEME.map((valeur) => ({ valeur, libelle: texte[valeur] }));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StThemeToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StThemeToggle, isStandalone: true, selector: "st-theme-toggle", inputs: { choix: { classPropertyName: "choix", publicName: "choix", isSignal: true, isRequired: true, transformFunction: null }, legendeVisible: { classPropertyName: "legendeVisible", publicName: "legendeVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { choisi: "choisi" }, host: { classAttribute: "st-theme-toggle" }, ngImport: i0, template: "<fieldset class=\"st-theme-toggle__groupe\">\n  <legend [class.st-vh]=\"!legendeVisible()\">{{ legende() }}</legend>\n  @for (option of options(); track option.valeur) {\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"nom\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === choix()\"\n        (change)=\"choisi.emit(option.valeur)\"\n      />\n      <span>{{ option.libelle }}</span>\n    </label>\n  }\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}.st-theme-toggle__groupe{display:inline-flex;flex-wrap:wrap;gap:0;padding:0;margin:0;border:0}.st-theme-toggle__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi)}.st-theme-toggle__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-theme-toggle__groupe label{display:inline-flex;align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-1) var(--st-espacement-3);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte)}.st-theme-toggle__groupe label+label{margin-inline-start:-1px}.st-theme-toggle__groupe label:first-of-type{border-start-start-radius:var(--st-rayon-md);border-end-start-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:last-of-type{border-start-end-radius:var(--st-rayon-md);border-end-end-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:has(input:checked){position:relative;font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-theme-toggle__groupe label:has(input:focus-visible){position:relative;z-index:1;outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}@media(forced-colors:active){.st-theme-toggle__groupe label:has(input:checked){forced-color-adjust:none;color:HighlightText;background:Highlight}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StThemeToggle, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'st-theme-toggle' }, template: "<fieldset class=\"st-theme-toggle__groupe\">\n  <legend [class.st-vh]=\"!legendeVisible()\">{{ legende() }}</legend>\n  @for (option of options(); track option.valeur) {\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"nom\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === choix()\"\n        (change)=\"choisi.emit(option.valeur)\"\n      />\n      <span>{{ option.libelle }}</span>\n    </label>\n  }\n</fieldset>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}.st-theme-toggle__groupe{display:inline-flex;flex-wrap:wrap;gap:0;padding:0;margin:0;border:0}.st-theme-toggle__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi)}.st-theme-toggle__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-theme-toggle__groupe label{display:inline-flex;align-items:center;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-1) var(--st-espacement-3);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:1px solid var(--st-couleur-bordure-forte)}.st-theme-toggle__groupe label+label{margin-inline-start:-1px}.st-theme-toggle__groupe label:first-of-type{border-start-start-radius:var(--st-rayon-md);border-end-start-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:last-of-type{border-start-end-radius:var(--st-rayon-md);border-end-end-radius:var(--st-rayon-md)}.st-theme-toggle__groupe label:has(input:checked){position:relative;font-weight:var(--st-graisse-semi);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-theme-toggle__groupe label:has(input:focus-visible){position:relative;z-index:1;outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}@media(forced-colors:active){.st-theme-toggle__groupe label:has(input:checked){forced-color-adjust:none;color:HighlightText;background:Highlight}}\n"] }]
-        }], propDecorators: { choix: [{ type: i0.Input, args: [{ isSignal: true, alias: "choix", required: true }] }], legendeVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendeVisible", required: false }] }], choisi: [{ type: i0.Output, args: ["choisi"] }] } });
-
-/**
- * Nom de chaque langue ECRIT DANS CETTE LANGUE, et jamais traduit.
- *
- * ⚠️ Une personne qui ne lit pas le francais ne cherche pas « Anglais » : elle
- * cherche « English ». Traduire le nom des langues dans la langue courante rend
- * le selecteur illisible precisement pour qui en a besoin.
- */
-const ENDONYMES = {
-    fr: 'Français',
-    en: 'English',
-};
-let compteur = 0;
-/**
- * Choix de la langue de l'interface.
- *
- * ⚠️ **Chaque option porte son propre `lang`.** Sans lui, un lecteur d'ecran
- * regle en francais lit « English » avec une voix francaise, et le mot devient
- * incomprehensible pour la personne anglophone qui cherchait justement a
- * l'entendre.
- *
- * ⚠️ **Composant de PRESENTATION.** Il n'injecte pas `StLangue` : `ui` ne depend
- * pas de `@starterlib/core` (ADR 0003). La coquille le relie au noyau :
- *
- * ```html
- * <st-lang-switch [courante]="langue.courante()" (choisie)="langue.changer($event)" />
+ * ```html
+ * <st-lang-switch [courante]="langue.courante()" (choisie)="langue.changer($event)" />
  * ```
  */
 class StLangSwitch {
@@ -5746,16 +2883,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { ressource: [{ type: i0.Input, args: [{ isSignal: true, alias: "ressource", required: false }] }], etat: [{ type: i0.Input, args: [{ isSignal: true, alias: "etat", required: false }] }], estVide: [{ type: i0.Input, args: [{ isSignal: true, alias: "estVide", required: false }] }], squelette: [{ type: i0.Input, args: [{ isSignal: true, alias: "squelette", required: false }] }], lignesDeSquelette: [{ type: i0.Input, args: [{ isSignal: true, alias: "lignesDeSquelette", required: false }] }], annonces: [{ type: i0.Input, args: [{ isSignal: true, alias: "annonces", required: false }] }], gabaritSucces: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StSucces), { isSignal: true }] }], gabaritErreur: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StErreur), { isSignal: true }] }], gabaritVide: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StVide), { isSignal: true }] }], gabaritHorsLigne: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StHorsLigne), { isSignal: true }] }], gabaritChargement: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StChargement), { isSignal: true }] }] } });
 
 /**
- * @starterlib/ui — bibliotheque de composants du socle frontal.
+ * @starterlib/ui — le TRONC de la bibliotheque de composants du socle frontal.
  *
  * Tout composant s'emploie sans enveloppe : les elements interactifs sont des
  * directives posees sur les elements natifs (`button[stButton]`), jamais des
  * balises qui en enrobent un.
+ *
+ * ⚠️ **Ce qui vit ici est dimensionne par le premier ecran de l'HOTE**, et non
+ * par l'union des consommateurs (ADR 0031, decision 2). Un paquet partage en
+ * singleton part ENTIER : la federation annule l'elagage, donc tout ce que la
+ * coquille ne peint pas lui coute plein tarif au premier ecran, et ne coute
+ * RIEN au remote qui l'affiche — le tronc y est deja charge. Restent donc ici
+ * le noyau (les jetons fournis a la racine, le contrat d'injection) et les
+ * familles que la coquille peint : icone, texte, actions, etats, retour,
+ * indicateurs, structure, transverses.
+ *
+ * Sont sortis en 0.8.0, chacun derriere son propre specificateur :
+ *
+ * | Point d'entree | Ce qu'il porte |
+ * |---|---|
+ * | `@starterlib/ui/saisie` | les champs de formulaire, le calendrier, le televersement |
+ * | `@starterlib/ui/listes` | liste, table de donnees, pagination, tri, filtres |
+ * | `@starterlib/ui/donnees` | montant, date, date relative, nombre, valeur masquee, indicateur |
+ * | `@starterlib/ui/libelles-en` | le catalogue anglais |
+ * | `@starterlib/ui/navigation` | le panneau lateral |
+ * | `@starterlib/ui/onglets` | les onglets |
+ * | `@starterlib/ui/selection` | liste deroulante filtrante et choix multiple |
+ * | `@starterlib/ui/arbre` | l'arborescence |
+ * | `@starterlib/ui/surfaces` | ce qui se pose au-dessus de la page |
+ * | `@starterlib/ui/formulaires` | les champs qui LISENT leur saisie |
+ *
+ * ⚠️ **Le tronc ne re-exporte pas ce qui est parti**, et ce n'est pas un oubli :
+ * `@starterlib/ui/saisie` importe le tronc, donc un tronc qui re-exporterait
+ * `@starterlib/ui/saisie` fermerait un cycle entre points d'entree, que
+ * ng-packagr refuse. Le baril de compatibilite n'existe que la ou il ne cree
+ * aucun cycle : `@starterlib/ui/interactions`, qu'aucun des quatre points
+ * d'entree qu'il re-exporte n'importe. Un consommateur qui monte en 0.8.0
+ * deplace donc ses imports de saisie, de listes et de donnees ; il n'a rien a
+ * changer pour ce qui est reste.
+ *
+ * `st-code` reste ici, bien qu'il appartienne a la famille « donnees » :
+ * `etats/st-error.ts` l'importe pour afficher un identifiant de trace, et cet
+ * import ferait sortir le tronc vers un point d'entree secondaire.
  */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnnonceLocale, CHEMIN_DU_SPRITE, ContratDeChamp, ControleDeSaisie, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_EN, LIBELLES_FR, NOMS_DICONE, PROPRIETE_HAUTEUR_ENTETE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAuthShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCalendar, StCard, StCellule, StChargement, StCheckbox, StCode, StControleDeChamp, StCopyButton, StCount, StDataTable, StDate, StDescription, StDescriptionList, StDivider, StElementDeListe, StEmpty, StErreur, StError, StErrorSummary, StFieldset, StFileUpload, StFilterBar, StFilterChip, StFooter, StFormActions, StFormField, StHeader, StHeading, StHorsLigne, StIbanField, StIcon, StIconButton, StInlineMessage, StInput, StLangSwitch, StLink, StList, StLogo, StMasked, StMoney, StNavLink, StOfflineBanner, StOtpField, StPageHeader, StPageTitle, StPagination, StPasswordField, StPhoneField, StProgress, StRadioGroup, StRelativeTime, StRouteProgress, StSearchField, StSection, StSelect, StSettingsRow, StSkeleton, StSkipLink, StSortHeader, StSpinner, StStat, StState, StStatusPill, StStepper, StSucces, StSwitch, StTableauVide, StTag, StText, StTextarea, StThemeToggle, StTimer, StVide, cleDeFichier, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
+export { AnnonceLocale, CHEMIN_DU_SPRITE, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_FR, NOMS_DICONE, PROPRIETE_HAUTEUR_ENTETE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAuthShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCard, StChargement, StCode, StCopyButton, StDivider, StEmpty, StErreur, StError, StFooter, StFormActions, StHeader, StHeading, StHorsLigne, StIcon, StIconButton, StInlineMessage, StLangSwitch, StLink, StLogo, StNavLink, StOfflineBanner, StPageHeader, StPageTitle, StProgress, StRouteProgress, StSection, StSettingsRow, StSkeleton, StSkipLink, StSpinner, StState, StStatusPill, StStepper, StSucces, StTag, StText, StThemeToggle, StTimer, StVide, copierDansLePressePapiers, formaterDuree, fournirCheminDuSprite, pressePapiersDisponible, provideStarterUi };
 //# sourceMappingURL=starterlib-ui.mjs.map