@starterlib/ui 0.10.13 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/LICENCES-TIERCES.md +9 -3
  2. package/README.md +167 -32
  3. package/assets/icones/catalogue.json +199 -4
  4. package/assets/icones/sprite.svg +14 -0
  5. package/assets/logos/starter-bank-clair.svg +1 -0
  6. package/assets/logos/starter-bank-monochrome.svg +1 -0
  7. package/assets/logos/starter-bank-sombre.svg +1 -0
  8. package/fesm2022/starterlib-ui-arbre.mjs +25 -25
  9. package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
  10. package/fesm2022/starterlib-ui-donnees.mjs +760 -274
  11. package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
  12. package/fesm2022/starterlib-ui-etats.mjs +82 -82
  13. package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
  14. package/fesm2022/starterlib-ui-force.mjs +18 -0
  15. package/fesm2022/starterlib-ui-force.mjs.map +1 -0
  16. package/fesm2022/starterlib-ui-formulaires.mjs +580 -198
  17. package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
  18. package/fesm2022/starterlib-ui-graphiques.mjs +934 -0
  19. package/fesm2022/starterlib-ui-graphiques.mjs.map +1 -0
  20. package/fesm2022/starterlib-ui-indicateurs.mjs +59 -59
  21. package/fesm2022/starterlib-ui-indicateurs.mjs.map +1 -1
  22. package/fesm2022/starterlib-ui-libelles-en.mjs +11 -0
  23. package/fesm2022/starterlib-ui-libelles-en.mjs.map +1 -1
  24. package/fesm2022/starterlib-ui-listes.mjs +727 -315
  25. package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
  26. package/fesm2022/starterlib-ui-messagerie.mjs +45 -45
  27. package/fesm2022/starterlib-ui-messagerie.mjs.map +1 -1
  28. package/fesm2022/starterlib-ui-mise-en-page.mjs +46 -46
  29. package/fesm2022/starterlib-ui-mise-en-page.mjs.map +1 -1
  30. package/fesm2022/starterlib-ui-navigation.mjs +200 -42
  31. package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
  32. package/fesm2022/starterlib-ui-onglets.mjs +20 -20
  33. package/fesm2022/starterlib-ui-onglets.mjs.map +1 -1
  34. package/fesm2022/starterlib-ui-parcours.mjs +631 -168
  35. package/fesm2022/starterlib-ui-parcours.mjs.map +1 -1
  36. package/fesm2022/starterlib-ui-qr.mjs +11 -11
  37. package/fesm2022/starterlib-ui-qr.mjs.map +1 -1
  38. package/fesm2022/starterlib-ui-saisie.mjs +617 -511
  39. package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
  40. package/fesm2022/starterlib-ui-selection.mjs +64 -64
  41. package/fesm2022/starterlib-ui-selection.mjs.map +1 -1
  42. package/fesm2022/starterlib-ui-sens.mjs +3 -3
  43. package/fesm2022/starterlib-ui-surfaces.mjs +246 -242
  44. package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
  45. package/fesm2022/starterlib-ui-virtuel.mjs +272 -0
  46. package/fesm2022/starterlib-ui-virtuel.mjs.map +1 -0
  47. package/fesm2022/starterlib-ui.mjs +1142 -898
  48. package/fesm2022/starterlib-ui.mjs.map +1 -1
  49. package/package.json +31 -3
  50. package/types/starterlib-ui-donnees.d.ts +231 -5
  51. package/types/starterlib-ui-force.d.ts +19 -0
  52. package/types/starterlib-ui-formulaires.d.ts +132 -1
  53. package/types/starterlib-ui-graphiques.d.ts +421 -0
  54. package/types/starterlib-ui-indicateurs.d.ts +11 -4
  55. package/types/starterlib-ui-listes.d.ts +230 -13
  56. package/types/starterlib-ui-navigation.d.ts +82 -1
  57. package/types/starterlib-ui-parcours.d.ts +265 -5
  58. package/types/starterlib-ui-saisie.d.ts +91 -10
  59. package/types/starterlib-ui-selection.d.ts +1 -1
  60. package/types/starterlib-ui-surfaces.d.ts +10 -9
  61. package/types/starterlib-ui-virtuel.d.ts +103 -0
  62. package/types/starterlib-ui.d.ts +175 -24
  63. package/virtuel/README.md +46 -0
@@ -1,9 +1,9 @@
1
- import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois, bornerDate, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterIban, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, jourDeLaSemaine, listeDesPays, masquerIban, montant, motifDHeure, motifDeDate, nomAffichable, nomDuPays, normaliserCodeDePays, normaliserCodePostal, normaliserIban, normaliserTelephone, partiesAffichees, partiesExigees, premierJourDeLaSemaine, regionReconnue, semainesDuMois, typeDeFichierAccepte } from "@starterlib/util/valeurs";
1
+ import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois, bornerDate, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, exempleDeMois, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterIban, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, jourDeLaSemaine, listeDesPays, masquerIban, montant, motifDHeure, motifDeDate, motifDuMois, nomAffichable, nomDuPays, normaliserCodeDePays, normaliserCodePostal, normaliserIban, normaliserTelephone, partiesAffichees, partiesExigees, premierJourDeLaSemaine, regionReconnue, semainesDuMois, typeDeFichierAccepte } from "@starterlib/util/valeurs";
2
2
  import * as i0 from "@angular/core";
3
3
  import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, resource, signal, untracked, viewChild, viewChildren } from "@angular/core";
4
4
  import { AnnonceLocale, FUSEAU_PAR_DEFAUT, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, StButton, StIcon, StIconButton, StIdentifiants, StInlineMessage, StProgress, StSpinner, affichageDiffere } from "@starterlib/ui";
5
+ import { delai, tenue } from "@starterlib/tokens";
5
6
  import { DOCUMENT as DOCUMENT$1 } from "@angular/common";
6
- import { tenue } from "@starterlib/tokens";
7
7
  import { sansCommandesDeDirection, texteDUneLigne } from "@starterlib/util";
8
8
  import { ST_CHAMP_A_ETIQUETTES, StTagGroup } from "@starterlib/ui/indicateurs";
9
9
  function messageDErreur(erreur, libelles, locale = "fr-FR") {
@@ -88,6 +88,7 @@ function messageDErreur(erreur, libelles, locale = "fr-FR") {
88
88
  const maximum = texte("max");
89
89
  return maximum === void 0 || !estDateIso(maximum) ? libelles.valeurInvalide : libelles.dateTropTard(formaterDateLongue(maximum, locale));
90
90
  }
91
+ case "mois": return libelles.dateIllisible(motifDuMoisLocal(libelles, locale), exempleDeMois(locale));
91
92
  case "heure": return libelles.heureIllisible(motifDHeureLocal(libelles, locale, propriete("secondes") === true), exempleDHeure(locale, propriete("secondes") === true));
92
93
  case "heureMin": {
93
94
  const minimum = texte("min");
@@ -149,6 +150,12 @@ function motifLocal(libelles, locale) {
149
150
  annee: libelles.lettreDeLAnnee
150
151
  });
151
152
  }
153
+ function motifDuMoisLocal(libelles, locale) {
154
+ return motifDuMois(locale, {
155
+ mois: libelles.lettreDuMois,
156
+ annee: libelles.lettreDeLAnnee
157
+ });
158
+ }
152
159
  function motifDHeureLocal(libelles, locale, secondes = false) {
153
160
  return motifDHeure(locale, {
154
161
  heure: libelles.lettreDeLHeure,
@@ -268,52 +275,52 @@ function fusionnerErreurs(formulaire, lecture) {
268
275
  }
269
276
  const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
270
277
  var ContratDeChamp = class ContratDeChamp {
271
- libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
272
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
273
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
278
+ libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
279
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
280
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
274
281
  touched = input(false, {
275
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
282
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
276
283
  transform: booleanAttribute
277
284
  });
278
285
  dirty = input(false, {
279
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
286
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
280
287
  transform: booleanAttribute
281
288
  });
282
289
  pending = input(false, {
283
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
290
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
284
291
  transform: booleanAttribute
285
292
  });
286
293
  disabled = input(false, {
287
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
294
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
288
295
  transform: booleanAttribute
289
296
  });
290
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
297
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
291
298
  readonly = input(false, {
292
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
299
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
293
300
  transform: booleanAttribute
294
301
  });
295
302
  required = input(false, {
296
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
303
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
297
304
  transform: booleanAttribute
298
305
  });
299
306
  hidden = input(false, {
300
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
307
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
301
308
  transform: booleanAttribute
302
309
  });
303
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
304
- minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
305
- maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
306
- pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []);
310
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
311
+ minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
312
+ maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
313
+ pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []);
307
314
  touch = output();
308
- champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
315
+ champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
309
316
  groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
310
- desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
317
+ desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
311
318
  aideEtRaisons = computed(() => {
312
319
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
313
320
  const aide = this.aide()?.trim() ?? "";
314
321
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
315
322
  return morceaux.length === 0 ? null : morceaux.join(" ");
316
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
323
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
317
324
  focus(options) {
318
325
  this.champ()?.nativeElement.focus(options);
319
326
  }
@@ -322,7 +329,7 @@ var ContratDeChamp = class ContratDeChamp {
322
329
  }
323
330
  static ɵfac = i0.ɵɵngDeclareFactory({
324
331
  minVersion: "12.0.0",
325
- version: "22.2.0",
332
+ version: "22.2.1",
326
333
  ngImport: i0,
327
334
  type: ContratDeChamp,
328
335
  deps: [],
@@ -330,7 +337,7 @@ var ContratDeChamp = class ContratDeChamp {
330
337
  });
331
338
  static ɵdir = i0.ɵɵngDeclareDirective({
332
339
  minVersion: "17.2.0",
333
- version: "22.2.0",
340
+ version: "22.2.1",
334
341
  type: ContratDeChamp,
335
342
  isStandalone: true,
336
343
  inputs: {
@@ -454,7 +461,7 @@ var ContratDeChamp = class ContratDeChamp {
454
461
  };
455
462
  i0.ɵɵngDeclareClassMetadata({
456
463
  minVersion: "12.0.0",
457
- version: "22.2.0",
464
+ version: "22.2.1",
458
465
  ngImport: i0,
459
466
  type: ContratDeChamp,
460
467
  decorators: [{
@@ -593,11 +600,11 @@ i0.ɵɵngDeclareClassMetadata({
593
600
  }
594
601
  });
595
602
  var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
596
- min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
597
- max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
603
+ min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
604
+ max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
598
605
  static ɵfac = i0.ɵɵngDeclareFactory({
599
606
  minVersion: "12.0.0",
600
- version: "22.2.0",
607
+ version: "22.2.1",
601
608
  ngImport: i0,
602
609
  type: ContratDeChampABornes,
603
610
  deps: null,
@@ -605,7 +612,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
605
612
  });
606
613
  static ɵdir = i0.ɵɵngDeclareDirective({
607
614
  minVersion: "17.1.0",
608
- version: "22.2.0",
615
+ version: "22.2.1",
609
616
  type: ContratDeChampABornes,
610
617
  isStandalone: true,
611
618
  inputs: {
@@ -630,7 +637,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
630
637
  };
631
638
  i0.ɵɵngDeclareClassMetadata({
632
639
  minVersion: "12.0.0",
633
- version: "22.2.0",
640
+ version: "22.2.1",
634
641
  ngImport: i0,
635
642
  type: ContratDeChampABornes,
636
643
  decorators: [{ type: Directive }],
@@ -654,10 +661,10 @@ i0.ɵɵngDeclareClassMetadata({
654
661
  }
655
662
  });
656
663
  var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
657
- value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
664
+ value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
658
665
  static ɵfac = i0.ɵɵngDeclareFactory({
659
666
  minVersion: "12.0.0",
660
- version: "22.2.0",
667
+ version: "22.2.1",
661
668
  ngImport: i0,
662
669
  type: ControleDeSaisie,
663
670
  deps: null,
@@ -665,7 +672,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
665
672
  });
666
673
  static ɵdir = i0.ɵɵngDeclareDirective({
667
674
  minVersion: "17.1.0",
668
- version: "22.2.0",
675
+ version: "22.2.1",
669
676
  type: ControleDeSaisie,
670
677
  isStandalone: true,
671
678
  inputs: { value: {
@@ -682,7 +689,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
682
689
  };
683
690
  i0.ɵɵngDeclareClassMetadata({
684
691
  minVersion: "12.0.0",
685
- version: "22.2.0",
692
+ version: "22.2.1",
686
693
  ngImport: i0,
687
694
  type: ControleDeSaisie,
688
695
  decorators: [{ type: Directive }],
@@ -699,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({
699
706
  }] }
700
707
  });
701
708
  var ContratDeCase = class ContratDeCase extends ContratDeChamp {
702
- checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
709
+ checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
703
710
  surClic(evenement) {
704
711
  if (this.readonly()) evenement.preventDefault();
705
712
  }
@@ -713,7 +720,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
713
720
  }
714
721
  static ɵfac = i0.ɵɵngDeclareFactory({
715
722
  minVersion: "12.0.0",
716
- version: "22.2.0",
723
+ version: "22.2.1",
717
724
  ngImport: i0,
718
725
  type: ContratDeCase,
719
726
  deps: null,
@@ -721,7 +728,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
721
728
  });
722
729
  static ɵdir = i0.ɵɵngDeclareDirective({
723
730
  minVersion: "17.1.0",
724
- version: "22.2.0",
731
+ version: "22.2.1",
725
732
  type: ContratDeCase,
726
733
  isStandalone: true,
727
734
  inputs: { checked: {
@@ -738,7 +745,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
738
745
  };
739
746
  i0.ɵɵngDeclareClassMetadata({
740
747
  minVersion: "12.0.0",
741
- version: "22.2.0",
748
+ version: "22.2.1",
742
749
  ngImport: i0,
743
750
  type: ContratDeCase,
744
751
  decorators: [{ type: Directive }],
@@ -773,7 +780,7 @@ var StNomsDesChamps = class StNomsDesChamps {
773
780
  }
774
781
  static ɵfac = i0.ɵɵngDeclareFactory({
775
782
  minVersion: "12.0.0",
776
- version: "22.2.0",
783
+ version: "22.2.1",
777
784
  ngImport: i0,
778
785
  type: StNomsDesChamps,
779
786
  deps: [],
@@ -781,7 +788,7 @@ var StNomsDesChamps = class StNomsDesChamps {
781
788
  });
782
789
  static ɵprov = i0.ɵɵngDeclareInjectable({
783
790
  minVersion: "12.0.0",
784
- version: "22.2.0",
791
+ version: "22.2.1",
785
792
  ngImport: i0,
786
793
  type: StNomsDesChamps,
787
794
  providedIn: "root"
@@ -789,7 +796,7 @@ var StNomsDesChamps = class StNomsDesChamps {
789
796
  };
790
797
  i0.ɵɵngDeclareClassMetadata({
791
798
  minVersion: "12.0.0",
792
- version: "22.2.0",
799
+ version: "22.2.1",
793
800
  ngImport: i0,
794
801
  type: StNomsDesChamps,
795
802
  decorators: [{
@@ -800,18 +807,18 @@ i0.ɵɵngDeclareClassMetadata({
800
807
  var PorteurDErreurs = class PorteurDErreurs {
801
808
  libelles = inject(ST_LIBELLES);
802
809
  locale = inject(ST_LOCALE);
803
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
804
- erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
810
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
811
+ erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
805
812
  afficherErreurs = input(false, {
806
- ...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
813
+ ...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
807
814
  transform: booleanAttribute
808
815
  });
809
816
  toutesLesErreurs = input(false, {
810
- ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
817
+ ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
811
818
  transform: booleanAttribute
812
819
  });
813
820
  obligatoire = input(false, {
814
- ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
821
+ ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
815
822
  transform: booleanAttribute
816
823
  });
817
824
  racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
@@ -823,29 +830,29 @@ var PorteurDErreurs = class PorteurDErreurs {
823
830
  noms.retirer(element);
824
831
  });
825
832
  }
826
- libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
827
- aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : /* istanbul ignore next */ []);
833
+ libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
834
+ aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : /* istanbul ignore next */ []);
828
835
  messages = computed(() => {
829
836
  if (!this.afficherErreurs()) return [];
830
837
  const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
831
838
  const libelles = this.libelles();
832
839
  const locale = this.locale();
833
840
  return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
834
- }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
835
- enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
841
+ }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
842
+ enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
836
843
  descriptions = computed(() => {
837
844
  const ids = [];
838
845
  if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
839
846
  ids.push(...this.descriptionsPropres());
840
847
  if (this.enErreur()) ids.push(this.identifiants.erreur);
841
848
  return ids.length === 0 ? null : ids.join(" ");
842
- }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
849
+ }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
843
850
  descriptionsPropres() {
844
851
  return [];
845
852
  }
846
853
  static ɵfac = i0.ɵɵngDeclareFactory({
847
854
  minVersion: "12.0.0",
848
- version: "22.2.0",
855
+ version: "22.2.1",
849
856
  ngImport: i0,
850
857
  type: PorteurDErreurs,
851
858
  deps: [],
@@ -853,7 +860,7 @@ var PorteurDErreurs = class PorteurDErreurs {
853
860
  });
854
861
  static ɵdir = i0.ɵɵngDeclareDirective({
855
862
  minVersion: "17.1.0",
856
- version: "22.2.0",
863
+ version: "22.2.1",
857
864
  type: PorteurDErreurs,
858
865
  isStandalone: true,
859
866
  inputs: {
@@ -898,7 +905,7 @@ var PorteurDErreurs = class PorteurDErreurs {
898
905
  };
899
906
  i0.ɵɵngDeclareClassMetadata({
900
907
  minVersion: "12.0.0",
901
- version: "22.2.0",
908
+ version: "22.2.1",
902
909
  ngImport: i0,
903
910
  type: PorteurDErreurs,
904
911
  decorators: [{ type: Directive }],
@@ -959,15 +966,15 @@ const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
959
966
  "PROGRESS"
960
967
  ]);
961
968
  var StFormField = class StFormField extends PorteurDErreurs {
962
- libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
963
- complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
964
- disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
965
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
969
+ libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
970
+ complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
971
+ disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
972
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
966
973
  libelleMasque = input(false, {
967
- ...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
974
+ ...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
968
975
  transform: booleanAttribute
969
976
  });
970
- descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
977
+ descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
971
978
  identifiants = {
972
979
  controle: this.racine,
973
980
  libelle: `${this.racine}-libelle`,
@@ -977,18 +984,18 @@ var StFormField = class StFormField extends PorteurDErreurs {
977
984
  complement: `${this.racine}-complement`,
978
985
  erreur: `${this.racine}-erreur`
979
986
  };
980
- complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
987
+ complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
981
988
  controle = contentChild(StControleDeChamp, {
982
- ...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
989
+ ...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
983
990
  descendants: true,
984
991
  read: ElementRef
985
992
  });
986
- zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : /* istanbul ignore next */ []);
987
- zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : /* istanbul ignore next */ []);
988
- metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : /* istanbul ignore next */ []);
989
- indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : /* istanbul ignore next */ []);
990
- zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : /* istanbul ignore next */ []);
991
- libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : /* istanbul ignore next */ []);
993
+ zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : /* istanbul ignore next */ []);
994
+ zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : /* istanbul ignore next */ []);
995
+ metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : /* istanbul ignore next */ []);
996
+ indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : /* istanbul ignore next */ []);
997
+ zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : /* istanbul ignore next */ []);
998
+ libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : /* istanbul ignore next */ []);
992
999
  nom() {
993
1000
  return this.libelle();
994
1001
  }
@@ -1023,7 +1030,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1023
1030
  }
1024
1031
  static ɵfac = i0.ɵɵngDeclareFactory({
1025
1032
  minVersion: "12.0.0",
1026
- version: "22.2.0",
1033
+ version: "22.2.1",
1027
1034
  ngImport: i0,
1028
1035
  type: StFormField,
1029
1036
  deps: [],
@@ -1031,7 +1038,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1031
1038
  });
1032
1039
  static ɵcmp = i0.ɵɵngDeclareComponent({
1033
1040
  minVersion: "17.0.0",
1034
- version: "22.2.0",
1041
+ version: "22.2.1",
1035
1042
  type: StFormField,
1036
1043
  isStandalone: true,
1037
1044
  selector: "st-form-field",
@@ -1120,8 +1127,8 @@ var StFormField = class StFormField extends PorteurDErreurs {
1120
1127
  ],
1121
1128
  usesInheritance: true,
1122
1129
  ngImport: i0,
1123
- template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
1124
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-danger)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
1130
+ template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
1131
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
1125
1132
  dependencies: [{
1126
1133
  kind: "component",
1127
1134
  type: StInlineMessage,
@@ -1139,7 +1146,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1139
1146
  };
1140
1147
  i0.ɵɵngDeclareClassMetadata({
1141
1148
  minVersion: "12.0.0",
1142
- version: "22.2.0",
1149
+ version: "22.2.1",
1143
1150
  ngImport: i0,
1144
1151
  type: StFormField,
1145
1152
  decorators: [{
@@ -1154,8 +1161,8 @@ i0.ɵɵngDeclareClassMetadata({
1154
1161
  "[attr.data-disposition]": "disposition()",
1155
1162
  "[attr.data-presentation]": "presentation()"
1156
1163
  },
1157
- template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
1158
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-danger)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
1164
+ template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
1165
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
1159
1166
  }]
1160
1167
  }],
1161
1168
  ctorParameters: () => [],
@@ -1238,7 +1245,7 @@ var StControleDeChamp = class StControleDeChamp {
1238
1245
  etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
1239
1246
  static ɵfac = i0.ɵɵngDeclareFactory({
1240
1247
  minVersion: "12.0.0",
1241
- version: "22.2.0",
1248
+ version: "22.2.1",
1242
1249
  ngImport: i0,
1243
1250
  type: StControleDeChamp,
1244
1251
  deps: [],
@@ -1246,7 +1253,7 @@ var StControleDeChamp = class StControleDeChamp {
1246
1253
  });
1247
1254
  static ɵdir = i0.ɵɵngDeclareDirective({
1248
1255
  minVersion: "14.0.0",
1249
- version: "22.2.0",
1256
+ version: "22.2.1",
1250
1257
  type: StControleDeChamp,
1251
1258
  isStandalone: true,
1252
1259
  selector: "[stControleDeChamp]",
@@ -1263,7 +1270,7 @@ var StControleDeChamp = class StControleDeChamp {
1263
1270
  };
1264
1271
  i0.ɵɵngDeclareClassMetadata({
1265
1272
  minVersion: "12.0.0",
1266
- version: "22.2.0",
1273
+ version: "22.2.1",
1267
1274
  ngImport: i0,
1268
1275
  type: StControleDeChamp,
1269
1276
  decorators: [{
@@ -1295,21 +1302,21 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1295
1302
  restants = computed(() => {
1296
1303
  const maximum = this.maxLength();
1297
1304
  return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
1298
- }, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
1299
- enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : /* istanbul ignore next */ []);
1305
+ }, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
1306
+ enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : /* istanbul ignore next */ []);
1300
1307
  compteur = computed(() => {
1301
1308
  const restants = this.restants();
1302
1309
  if (restants === null) return null;
1303
1310
  const libelles = this.libelles();
1304
1311
  return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
1305
- }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
1312
+ }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
1306
1313
  aideAffichee = computed(() => {
1307
1314
  const libelles = this.libelles();
1308
1315
  const minimum = this.minLength();
1309
1316
  const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
1310
1317
  if (!this.pending()) return aide;
1311
1318
  return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
1312
- }, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
1319
+ }, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
1313
1320
  erreurs = computed(() => {
1314
1321
  const maximum = this.maxLength();
1315
1322
  if (!this.enDepassement() || maximum === void 0) return this.errors();
@@ -1318,9 +1325,9 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1318
1325
  maxLength: maximum
1319
1326
  };
1320
1327
  return fusionnerErreurs(this.errors(), [depassement]);
1321
- }, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
1322
- sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : /* istanbul ignore next */ []);
1323
- afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
1328
+ }, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
1329
+ sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : /* istanbul ignore next */ []);
1330
+ afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
1324
1331
  constructor() {
1325
1332
  super();
1326
1333
  let precedent = null;
@@ -1341,7 +1348,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1341
1348
  }
1342
1349
  static ɵfac = i0.ɵɵngDeclareFactory({
1343
1350
  minVersion: "12.0.0",
1344
- version: "22.2.0",
1351
+ version: "22.2.1",
1345
1352
  ngImport: i0,
1346
1353
  type: ControleDeSaisieCompte,
1347
1354
  deps: [],
@@ -1349,7 +1356,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1349
1356
  });
1350
1357
  static ɵdir = i0.ɵɵngDeclareDirective({
1351
1358
  minVersion: "14.0.0",
1352
- version: "22.2.0",
1359
+ version: "22.2.1",
1353
1360
  type: ControleDeSaisieCompte,
1354
1361
  isStandalone: true,
1355
1362
  usesInheritance: true,
@@ -1358,7 +1365,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1358
1365
  };
1359
1366
  i0.ɵɵngDeclareClassMetadata({
1360
1367
  minVersion: "12.0.0",
1361
- version: "22.2.0",
1368
+ version: "22.2.1",
1362
1369
  ngImport: i0,
1363
1370
  type: ControleDeSaisieCompte,
1364
1371
  decorators: [{ type: Directive }],
@@ -1378,22 +1385,22 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1378
1385
  racineDuCadre = inject(StIdentifiants).prochain("st-input");
1379
1386
  idPrefixe = `${this.racineDuCadre}-prefixe`;
1380
1387
  idSuffixe = `${this.racineDuCadre}-suffixe`;
1381
- zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : /* istanbul ignore next */ []);
1382
- zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : /* istanbul ignore next */ []);
1383
- emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : /* istanbul ignore next */ []);
1384
- type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
1385
- autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
1386
- inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
1387
- icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
1388
- chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : /* istanbul ignore next */ []);
1389
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
1390
- decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1391
- descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
1392
- suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
1388
+ zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : /* istanbul ignore next */ []);
1389
+ zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : /* istanbul ignore next */ []);
1390
+ emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : /* istanbul ignore next */ []);
1391
+ type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
1392
+ autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
1393
+ inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
1394
+ icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
1395
+ chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : /* istanbul ignore next */ []);
1396
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
1397
+ decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1398
+ descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
1399
+ suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
1393
1400
  idDesSuggestions = `${this.racineDuCadre}-suggestions`;
1394
- avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
1401
+ avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
1395
1402
  attenteVisible = affichageDiffere(() => this.pending());
1396
- sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
1403
+ sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
1397
1404
  constructor() {
1398
1405
  super();
1399
1406
  afterEveryRender({ read: () => {
@@ -1417,7 +1424,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1417
1424
  }
1418
1425
  static ɵfac = i0.ɵɵngDeclareFactory({
1419
1426
  minVersion: "12.0.0",
1420
- version: "22.2.0",
1427
+ version: "22.2.1",
1421
1428
  ngImport: i0,
1422
1429
  type: StInput,
1423
1430
  deps: [],
@@ -1425,7 +1432,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1425
1432
  });
1426
1433
  static ɵcmp = i0.ɵɵngDeclareComponent({
1427
1434
  minVersion: "17.0.0",
1428
- version: "22.2.0",
1435
+ version: "22.2.1",
1429
1436
  type: StInput,
1430
1437
  isStandalone: true,
1431
1438
  selector: "st-input",
@@ -1507,7 +1514,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1507
1514
  usesInheritance: true,
1508
1515
  ngImport: i0,
1509
1516
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n (lot 215). -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n @if (icone(); as nom) {\n <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <ng-content select=\"[stPrefixe]\"\n /></span>\n <input\n #champ\n class=\"st-input__champ\"\n stControleDeChamp\n [attr.data-chiffres]=\"chiffres()\"\n [type]=\"type()\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.dir]=\"sens()\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n />\n <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n @if (avecSuggestions()) {\n <datalist [id]=\"idDesSuggestions\">\n @for (suggestion of suggestions() ?? []; track $index) {\n <option [value]=\"suggestion\"></option>\n }\n </datalist>\n }\n <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n ><ng-content select=\"[stSuffixe]\" />\n @if (attenteVisible()) {\n <span class=\"st-input__attente\" aria-hidden=\"true\"\n ><st-spinner taille=\"sm\" ton=\"neutre\"\n /></span>\n }\n </span>\n </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
1510
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"],
1517
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
1511
1518
  dependencies: [
1512
1519
  {
1513
1520
  kind: "component",
@@ -1560,7 +1567,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1560
1567
  };
1561
1568
  i0.ɵɵngDeclareClassMetadata({
1562
1569
  minVersion: "12.0.0",
1563
- version: "22.2.0",
1570
+ version: "22.2.1",
1564
1571
  ngImport: i0,
1565
1572
  type: StInput,
1566
1573
  decorators: [{
@@ -1579,7 +1586,7 @@ i0.ɵɵngDeclareClassMetadata({
1579
1586
  "[attr.data-depassement]": "enDepassement() ? \"\" : null"
1580
1587
  },
1581
1588
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n (lot 215). -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n @if (icone(); as nom) {\n <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <ng-content select=\"[stPrefixe]\"\n /></span>\n <input\n #champ\n class=\"st-input__champ\"\n stControleDeChamp\n [attr.data-chiffres]=\"chiffres()\"\n [type]=\"type()\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.dir]=\"sens()\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n />\n <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n @if (avecSuggestions()) {\n <datalist [id]=\"idDesSuggestions\">\n @for (suggestion of suggestions() ?? []; track $index) {\n <option [value]=\"suggestion\"></option>\n }\n </datalist>\n }\n <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n ><ng-content select=\"[stSuffixe]\" />\n @if (attenteVisible()) {\n <span class=\"st-input__attente\" aria-hidden=\"true\"\n ><st-spinner taille=\"sm\" ton=\"neutre\"\n /></span>\n }\n </span>\n </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
1582
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"]
1589
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
1583
1590
  }]
1584
1591
  }],
1585
1592
  ctorParameters: () => [],
@@ -1660,11 +1667,11 @@ i0.ɵɵngDeclareClassMetadata({
1660
1667
  });
1661
1668
  var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1662
1669
  lignes = input(4, {
1663
- ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
1670
+ ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
1664
1671
  transform: numberAttribute
1665
1672
  });
1666
1673
  lignesMax = input(12, {
1667
- ...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
1674
+ ...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
1668
1675
  transform: numberAttribute
1669
1676
  });
1670
1677
  bornes = computed(() => {
@@ -1673,13 +1680,13 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1673
1680
  lignes,
1674
1681
  lignesMax: Math.max(lignes, this.lignesMax())
1675
1682
  };
1676
- }, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
1683
+ }, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
1677
1684
  surSaisie(evenement) {
1678
1685
  this.value.set(this.texteSaisi(evenement));
1679
1686
  }
1680
1687
  static ɵfac = i0.ɵɵngDeclareFactory({
1681
1688
  minVersion: "12.0.0",
1682
- version: "22.2.0",
1689
+ version: "22.2.1",
1683
1690
  ngImport: i0,
1684
1691
  type: StTextarea,
1685
1692
  deps: null,
@@ -1687,7 +1694,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1687
1694
  });
1688
1695
  static ɵcmp = i0.ɵɵngDeclareComponent({
1689
1696
  minVersion: "17.1.0",
1690
- version: "22.2.0",
1697
+ version: "22.2.1",
1691
1698
  type: StTextarea,
1692
1699
  isStandalone: true,
1693
1700
  selector: "st-textarea",
@@ -1714,7 +1721,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1714
1721
  usesInheritance: true,
1715
1722
  ngImport: i0,
1716
1723
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n>\n <textarea\n #champ\n class=\"st-textarea__champ\"\n stControleDeChamp\n [rows]=\"bornes().lignes\"\n [style.--_lignes]=\"bornes().lignes\"\n [style.--_lignes-max]=\"bornes().lignesMax\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
1717
- 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:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"],
1724
+ 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:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
1718
1725
  dependencies: [{
1719
1726
  kind: "component",
1720
1727
  type: StFormField,
@@ -1737,7 +1744,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1737
1744
  };
1738
1745
  i0.ɵɵngDeclareClassMetadata({
1739
1746
  minVersion: "12.0.0",
1740
- version: "22.2.0",
1747
+ version: "22.2.1",
1741
1748
  ngImport: i0,
1742
1749
  type: StTextarea,
1743
1750
  decorators: [{
@@ -1751,7 +1758,7 @@ i0.ɵɵngDeclareClassMetadata({
1751
1758
  "[attr.data-depassement]": "enDepassement() ? \"\" : null"
1752
1759
  },
1753
1760
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n>\n <textarea\n #champ\n class=\"st-textarea__champ\"\n stControleDeChamp\n [rows]=\"bornes().lignes\"\n [style.--_lignes]=\"bornes().lignes\"\n [style.--_lignes-max]=\"bornes().lignesMax\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
1754
- 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:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"]
1761
+ 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:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
1755
1762
  }]
1756
1763
  }],
1757
1764
  propDecorators: {
@@ -1774,30 +1781,30 @@ i0.ɵɵngDeclareClassMetadata({
1774
1781
  }
1775
1782
  });
1776
1783
  var StFieldset = class StFieldset extends PorteurDErreurs {
1777
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
1778
- contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
1779
- disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
1784
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
1785
+ contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
1786
+ disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
1780
1787
  toutesLesErreurs = input(true, {
1781
- ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
1788
+ ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
1782
1789
  transform: booleanAttribute
1783
1790
  });
1784
1791
  choixExclusif = input(false, {
1785
- ...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
1792
+ ...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
1786
1793
  transform: booleanAttribute
1787
1794
  });
1788
1795
  readonly = input(false, {
1789
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
1796
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
1790
1797
  transform: booleanAttribute
1791
1798
  });
1792
1799
  disabled = input(false, {
1793
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
1800
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
1794
1801
  transform: booleanAttribute
1795
1802
  });
1796
1803
  hidden = input(false, {
1797
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
1804
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
1798
1805
  transform: booleanAttribute
1799
1806
  });
1800
- decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1807
+ decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1801
1808
  identifiants = {
1802
1809
  aide: `${this.racine}-aide`,
1803
1810
  erreur: `${this.racine}-erreur`
@@ -1813,7 +1820,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1813
1820
  }
1814
1821
  static ɵfac = i0.ɵɵngDeclareFactory({
1815
1822
  minVersion: "12.0.0",
1816
- version: "22.2.0",
1823
+ version: "22.2.1",
1817
1824
  ngImport: i0,
1818
1825
  type: StFieldset,
1819
1826
  deps: null,
@@ -1821,7 +1828,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1821
1828
  });
1822
1829
  static ɵcmp = i0.ɵɵngDeclareComponent({
1823
1830
  minVersion: "17.0.0",
1824
- version: "22.2.0",
1831
+ version: "22.2.1",
1825
1832
  type: StFieldset,
1826
1833
  isStandalone: true,
1827
1834
  selector: "st-fieldset",
@@ -1905,8 +1912,8 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1905
1912
  }],
1906
1913
  usesInheritance: true,
1907
1914
  ngImport: i0,
1908
- template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\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 (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__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-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
1909
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}:host([hidden]){display:none}.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-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);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-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"],
1915
+ template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\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 (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n\n <div class=\"st-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
1916
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}:host([hidden]){display:none}.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-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);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-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"],
1910
1917
  dependencies: [{
1911
1918
  kind: "component",
1912
1919
  type: StInlineMessage,
@@ -1924,7 +1931,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1924
1931
  };
1925
1932
  i0.ɵɵngDeclareClassMetadata({
1926
1933
  minVersion: "12.0.0",
1927
- version: "22.2.0",
1934
+ version: "22.2.1",
1928
1935
  ngImport: i0,
1929
1936
  type: StFieldset,
1930
1937
  decorators: [{
@@ -1944,8 +1951,8 @@ i0.ɵɵngDeclareClassMetadata({
1944
1951
  provide: ST_GROUPE_DE_SAISIE,
1945
1952
  useExisting: StFieldset
1946
1953
  }],
1947
- template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\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 (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__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-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
1948
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}:host([hidden]){display:none}.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-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);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-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"]
1954
+ template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\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 (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n\n <div class=\"st-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
1955
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}:host([hidden]){display:none}.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-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);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-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"]
1949
1956
  }]
1950
1957
  }],
1951
1958
  propDecorators: {
@@ -2024,19 +2031,19 @@ i0.ɵɵngDeclareClassMetadata({
2024
2031
  }
2025
2032
  });
2026
2033
  var StCheckbox = class StCheckbox extends ContratDeCase {
2027
- indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
2034
+ indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
2028
2035
  aideDEtat = input(false, {
2029
- ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
2036
+ ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
2030
2037
  transform: booleanAttribute
2031
2038
  });
2032
- enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2039
+ enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2033
2040
  surChangement(evenement) {
2034
2041
  this.surBascule(evenement);
2035
2042
  if (!this.readonly()) this.indetermine.set(false);
2036
2043
  }
2037
2044
  static ɵfac = i0.ɵɵngDeclareFactory({
2038
2045
  minVersion: "12.0.0",
2039
- version: "22.2.0",
2046
+ version: "22.2.1",
2040
2047
  ngImport: i0,
2041
2048
  type: StCheckbox,
2042
2049
  deps: null,
@@ -2044,7 +2051,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2044
2051
  });
2045
2052
  static ɵcmp = i0.ɵɵngDeclareComponent({
2046
2053
  minVersion: "17.1.0",
2047
- version: "22.2.0",
2054
+ version: "22.2.1",
2048
2055
  type: StCheckbox,
2049
2056
  isStandalone: true,
2050
2057
  selector: "st-checkbox",
@@ -2077,7 +2084,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2077
2084
  usesInheritance: true,
2078
2085
  ngImport: i0,
2079
2086
  template: "<st-form-field\n disposition=\"case\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n class=\"st-checkbox__case\"\n type=\"checkbox\"\n stControleDeChamp\n [checked]=\"checked()\"\n [indeterminate]=\"indetermine()\"\n [attr.name]=\"name() || null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"surClic($event)\"\n (change)=\"surChangement($event)\"\n (blur)=\"touch.emit()\"\n />\n</st-form-field>\n",
2080
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
2087
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
2081
2088
  dependencies: [{
2082
2089
  kind: "component",
2083
2090
  type: StFormField,
@@ -2100,7 +2107,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2100
2107
  };
2101
2108
  i0.ɵɵngDeclareClassMetadata({
2102
2109
  minVersion: "12.0.0",
2103
- version: "22.2.0",
2110
+ version: "22.2.1",
2104
2111
  ngImport: i0,
2105
2112
  type: StCheckbox,
2106
2113
  decorators: [{
@@ -2117,7 +2124,7 @@ i0.ɵɵngDeclareClassMetadata({
2117
2124
  "[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
2118
2125
  },
2119
2126
  template: "<st-form-field\n disposition=\"case\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n class=\"st-checkbox__case\"\n type=\"checkbox\"\n stControleDeChamp\n [checked]=\"checked()\"\n [indeterminate]=\"indetermine()\"\n [attr.name]=\"name() || null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"surClic($event)\"\n (change)=\"surChangement($event)\"\n (blur)=\"touch.emit()\"\n />\n</st-form-field>\n",
2120
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
2127
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
2121
2128
  }]
2122
2129
  }],
2123
2130
  propDecorators: {
@@ -2144,52 +2151,52 @@ i0.ɵɵngDeclareClassMetadata({
2144
2151
  });
2145
2152
  var StRadioGroup = class StRadioGroup {
2146
2153
  element = inject(ElementRef);
2147
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
2148
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
2149
- options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
2150
- disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
2151
- value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
2152
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
2154
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
2155
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
2156
+ options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
2157
+ disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
2158
+ value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
2159
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
2153
2160
  touched = input(false, {
2154
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2161
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2155
2162
  transform: booleanAttribute
2156
2163
  });
2157
2164
  dirty = input(false, {
2158
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2165
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2159
2166
  transform: booleanAttribute
2160
2167
  });
2161
2168
  pending = input(false, {
2162
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2169
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2163
2170
  transform: booleanAttribute
2164
2171
  });
2165
2172
  disabled = input(false, {
2166
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2173
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2167
2174
  transform: booleanAttribute
2168
2175
  });
2169
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2176
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2170
2177
  readonly = input(false, {
2171
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2178
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2172
2179
  transform: booleanAttribute
2173
2180
  });
2174
2181
  required = input(false, {
2175
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2182
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2176
2183
  transform: booleanAttribute
2177
2184
  });
2178
2185
  hidden = input(false, {
2179
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2186
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2180
2187
  transform: booleanAttribute
2181
2188
  });
2182
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2189
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2183
2190
  touch = output();
2184
- radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
2191
+ radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
2185
2192
  nomParDefaut = inject(StIdentifiants).prochain("st-radio");
2186
- enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2193
+ enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2187
2194
  aideEtRaisons = computed(() => {
2188
2195
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
2189
2196
  const aide = this.aide()?.trim() ?? "";
2190
2197
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
2191
2198
  return morceaux.length === 0 ? null : morceaux.join(" ");
2192
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2199
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2193
2200
  nomDuGroupe() {
2194
2201
  return this.name() === "" ? this.nomParDefaut : this.name();
2195
2202
  }
@@ -2229,7 +2236,7 @@ var StRadioGroup = class StRadioGroup {
2229
2236
  }
2230
2237
  static ɵfac = i0.ɵɵngDeclareFactory({
2231
2238
  minVersion: "12.0.0",
2232
- version: "22.2.0",
2239
+ version: "22.2.1",
2233
2240
  ngImport: i0,
2234
2241
  type: StRadioGroup,
2235
2242
  deps: [],
@@ -2237,7 +2244,7 @@ var StRadioGroup = class StRadioGroup {
2237
2244
  });
2238
2245
  static ɵcmp = i0.ɵɵngDeclareComponent({
2239
2246
  minVersion: "17.0.0",
2240
- version: "22.2.0",
2247
+ version: "22.2.1",
2241
2248
  type: StRadioGroup,
2242
2249
  isStandalone: true,
2243
2250
  selector: "st-radio-group",
@@ -2368,7 +2375,7 @@ var StRadioGroup = class StRadioGroup {
2368
2375
  }],
2369
2376
  ngImport: i0,
2370
2377
  template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n [readonly]=\"readonly()\"\n choixExclusif\n contenu=\"choix\"\n>\n @for (option of options(); track option.valeur; let indice = $index) {\n <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n <input\n #radio\n class=\"st-radio-group__radio\"\n type=\"radio\"\n [id]=\"identifiantOption(indice)\"\n [name]=\"nomDuGroupe()\"\n [value]=\"option.valeur\"\n [checked]=\"option.valeur === value()\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"choisir($event, option.valeur)\"\n />\n <span class=\"st-radio-group__textes\">\n <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
2371
- 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:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"],
2378
+ 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:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"],
2372
2379
  dependencies: [{
2373
2380
  kind: "component",
2374
2381
  type: StFieldset,
@@ -2390,7 +2397,7 @@ var StRadioGroup = class StRadioGroup {
2390
2397
  };
2391
2398
  i0.ɵɵngDeclareClassMetadata({
2392
2399
  minVersion: "12.0.0",
2393
- version: "22.2.0",
2400
+ version: "22.2.1",
2394
2401
  ngImport: i0,
2395
2402
  type: StRadioGroup,
2396
2403
  decorators: [{
@@ -2406,7 +2413,7 @@ i0.ɵɵngDeclareClassMetadata({
2406
2413
  "(focusout)": "aLaSortie($event)"
2407
2414
  },
2408
2415
  template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n [readonly]=\"readonly()\"\n choixExclusif\n contenu=\"choix\"\n>\n @for (option of options(); track option.valeur; let indice = $index) {\n <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n <input\n #radio\n class=\"st-radio-group__radio\"\n type=\"radio\"\n [id]=\"identifiantOption(indice)\"\n [name]=\"nomDuGroupe()\"\n [value]=\"option.valeur\"\n [checked]=\"option.valeur === value()\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"choisir($event, option.valeur)\"\n />\n <span class=\"st-radio-group__textes\">\n <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
2409
- 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:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"]
2416
+ 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:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"]
2410
2417
  }]
2411
2418
  }],
2412
2419
  propDecorators: {
@@ -2546,68 +2553,68 @@ i0.ɵɵngDeclareClassMetadata({
2546
2553
  var StCheckboxGroup = class StCheckboxGroup {
2547
2554
  element = inject(ElementRef);
2548
2555
  libelles = inject(ST_LIBELLES);
2549
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
2550
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
2551
- options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
2552
- disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
2556
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
2557
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
2558
+ options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
2559
+ disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
2553
2560
  toutSelectionner = input(false, {
2554
- ...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
2561
+ ...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
2555
2562
  transform: booleanAttribute
2556
2563
  });
2557
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
2558
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
2564
+ value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
2565
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
2559
2566
  touched = input(false, {
2560
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2567
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2561
2568
  transform: booleanAttribute
2562
2569
  });
2563
2570
  dirty = input(false, {
2564
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2571
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2565
2572
  transform: booleanAttribute
2566
2573
  });
2567
2574
  pending = input(false, {
2568
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2575
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2569
2576
  transform: booleanAttribute
2570
2577
  });
2571
2578
  disabled = input(false, {
2572
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2579
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2573
2580
  transform: booleanAttribute
2574
2581
  });
2575
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2582
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2576
2583
  readonly = input(false, {
2577
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2584
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2578
2585
  transform: booleanAttribute
2579
2586
  });
2580
2587
  required = input(false, {
2581
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2588
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2582
2589
  transform: booleanAttribute
2583
2590
  });
2584
2591
  hidden = input(false, {
2585
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2592
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2586
2593
  transform: booleanAttribute
2587
2594
  });
2588
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2595
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2589
2596
  touch = output();
2590
- cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
2597
+ cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
2591
2598
  racine = inject(StIdentifiants).prochain("st-cases");
2592
2599
  identifiantDuTout = `${this.racine}-tout`;
2593
- libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] : /* istanbul ignore next */ []);
2594
- enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2595
- choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
2596
- libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] : /* istanbul ignore next */ []);
2600
+ libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] : /* istanbul ignore next */ []);
2601
+ enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
2602
+ choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
2603
+ libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] : /* istanbul ignore next */ []);
2597
2604
  etatDuTout = computed(() => {
2598
2605
  const libres = this.libres();
2599
2606
  const choisies = this.choisies();
2600
2607
  const cochees = libres.filter((option) => choisies.has(option.valeur)).length;
2601
2608
  if (cochees === 0) return "vide";
2602
2609
  return cochees === libres.length ? "coche" : "partiel";
2603
- }, ...ngDevMode ? [{ debugName: "etatDuTout" }] : /* istanbul ignore next */ []);
2604
- casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] : /* istanbul ignore next */ []);
2610
+ }, ...ngDevMode ? [{ debugName: "etatDuTout" }] : /* istanbul ignore next */ []);
2611
+ casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] : /* istanbul ignore next */ []);
2605
2612
  aideEtRaisons = computed(() => {
2606
2613
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
2607
2614
  const aide = this.aide()?.trim() ?? "";
2608
2615
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
2609
2616
  return morceaux.length === 0 ? null : morceaux.join(" ");
2610
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2617
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2611
2618
  estChoisie(valeur) {
2612
2619
  return this.choisies().has(valeur);
2613
2620
  }
@@ -2664,7 +2671,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2664
2671
  }
2665
2672
  static ɵfac = i0.ɵɵngDeclareFactory({
2666
2673
  minVersion: "12.0.0",
2667
- version: "22.2.0",
2674
+ version: "22.2.1",
2668
2675
  ngImport: i0,
2669
2676
  type: StCheckboxGroup,
2670
2677
  deps: [],
@@ -2672,7 +2679,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2672
2679
  });
2673
2680
  static ɵcmp = i0.ɵɵngDeclareComponent({
2674
2681
  minVersion: "17.0.0",
2675
- version: "22.2.0",
2682
+ version: "22.2.1",
2676
2683
  type: StCheckboxGroup,
2677
2684
  isStandalone: true,
2678
2685
  selector: "st-checkbox-group",
@@ -2810,7 +2817,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2810
2817
  }],
2811
2818
  ngImport: i0,
2812
2819
  template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n contenu=\"choix\"\n>\n @if (toutSelectionner()) {\n <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n <input\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantDuTout\"\n [checked]=\"etatDuTout() === 'coche'\"\n [indeterminate]=\"etatDuTout() === 'partiel'\"\n [disabled]=\"disabled() || casesCommandees() === ''\"\n [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerTout($event)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n {{ libelleDuTout() }}\n </label>\n </span>\n </div>\n }\n @for (option of options(); track option.valeur; let indice = $index) {\n <div\n class=\"st-checkbox-group__option\"\n [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n >\n <input\n #case\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantOption(indice)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"option.valeur\"\n [checked]=\"estChoisie(option.valeur)\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculer($event, option.valeur)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
2813
- 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-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"],
2820
+ 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-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"],
2814
2821
  dependencies: [{
2815
2822
  kind: "component",
2816
2823
  type: StFieldset,
@@ -2832,7 +2839,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2832
2839
  };
2833
2840
  i0.ɵɵngDeclareClassMetadata({
2834
2841
  minVersion: "12.0.0",
2835
- version: "22.2.0",
2842
+ version: "22.2.1",
2836
2843
  ngImport: i0,
2837
2844
  type: StCheckboxGroup,
2838
2845
  decorators: [{
@@ -2848,7 +2855,7 @@ i0.ɵɵngDeclareClassMetadata({
2848
2855
  "(focusout)": "aLaSortie($event)"
2849
2856
  },
2850
2857
  template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n contenu=\"choix\"\n>\n @if (toutSelectionner()) {\n <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n <input\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantDuTout\"\n [checked]=\"etatDuTout() === 'coche'\"\n [indeterminate]=\"etatDuTout() === 'partiel'\"\n [disabled]=\"disabled() || casesCommandees() === ''\"\n [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerTout($event)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n {{ libelleDuTout() }}\n </label>\n </span>\n </div>\n }\n @for (option of options(); track option.valeur; let indice = $index) {\n <div\n class=\"st-checkbox-group__option\"\n [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n >\n <input\n #case\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantOption(indice)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"option.valeur\"\n [checked]=\"estChoisie(option.valeur)\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculer($event, option.valeur)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
2851
- 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-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"]
2858
+ 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-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"]
2852
2859
  }]
2853
2860
  }],
2854
2861
  propDecorators: {
@@ -2998,56 +3005,56 @@ var StChoiceMatrix = class StChoiceMatrix {
2998
3005
  destruction = inject(DestroyRef);
2999
3006
  libelles = inject(ST_LIBELLES);
3000
3007
  locale = inject(ST_LOCALE);
3001
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
3002
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
3003
- lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
3004
- colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
3008
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
3009
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
3010
+ lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
3011
+ colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
3005
3012
  toutParColonne = input(false, {
3006
- ...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
3013
+ ...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
3007
3014
  transform: booleanAttribute
3008
3015
  });
3009
3016
  toutParLigne = input(false, {
3010
- ...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
3017
+ ...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
3011
3018
  transform: booleanAttribute
3012
3019
  });
3013
- cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] : /* istanbul ignore next */ []);
3014
- mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
3015
- cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] : /* istanbul ignore next */ []);
3016
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
3017
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
3020
+ cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] : /* istanbul ignore next */ []);
3021
+ mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
3022
+ cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] : /* istanbul ignore next */ []);
3023
+ value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
3024
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
3018
3025
  touched = input(false, {
3019
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
3026
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
3020
3027
  transform: booleanAttribute
3021
3028
  });
3022
3029
  dirty = input(false, {
3023
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
3030
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
3024
3031
  transform: booleanAttribute
3025
3032
  });
3026
3033
  pending = input(false, {
3027
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
3034
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
3028
3035
  transform: booleanAttribute
3029
3036
  });
3030
3037
  disabled = input(false, {
3031
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
3038
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
3032
3039
  transform: booleanAttribute
3033
3040
  });
3034
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
3041
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
3035
3042
  readonly = input(false, {
3036
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
3043
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
3037
3044
  transform: booleanAttribute
3038
3045
  });
3039
3046
  required = input(false, {
3040
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
3047
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
3041
3048
  transform: booleanAttribute
3042
3049
  });
3043
3050
  hidden = input(false, {
3044
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
3051
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
3045
3052
  transform: booleanAttribute
3046
3053
  });
3047
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
3054
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
3048
3055
  touch = output();
3049
- cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
3050
- zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []);
3056
+ cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
3057
+ zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []);
3051
3058
  racine = inject(StIdentifiants).prochain("st-matrice");
3052
3059
  identifiants = {
3053
3060
  legende: `${this.racine}-legende`,
@@ -3056,30 +3063,30 @@ var StChoiceMatrix = class StChoiceMatrix {
3056
3063
  deborde: `${this.racine}-deborde`
3057
3064
  };
3058
3065
  annonce = new AnnonceLocale(this.destruction);
3059
- deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []);
3060
- choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
3061
- indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] : /* istanbul ignore next */ []);
3062
- enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
3066
+ deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []);
3067
+ choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
3068
+ indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] : /* istanbul ignore next */ []);
3069
+ enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
3063
3070
  bascules = /* @__PURE__ */ new Map();
3064
- enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
3071
+ enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
3065
3072
  messages = computed(() => {
3066
3073
  if (!this.enErreur()) return [];
3067
3074
  const libelles = this.libelles();
3068
3075
  const locale = this.locale();
3069
3076
  return this.errors().map((erreur) => messageDErreur(erreur, libelles, locale));
3070
- }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
3077
+ }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
3071
3078
  aideEtRaisons = computed(() => {
3072
3079
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
3073
3080
  const aide = this.aide()?.trim() ?? "";
3074
3081
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
3075
3082
  return morceaux.length === 0 ? null : morceaux.join(" ");
3076
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
3083
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
3077
3084
  descriptions = computed(() => {
3078
3085
  const ids = [];
3079
3086
  if (this.aideEtRaisons() !== null) ids.push(this.identifiants.aide);
3080
3087
  if (this.enErreur()) ids.push(this.identifiants.erreur);
3081
3088
  return ids.length === 0 ? null : ids.join(" ");
3082
- }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
3089
+ }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
3083
3090
  constructor() {
3084
3091
  if (isDevMode()) afterNextRender(() => {
3085
3092
  if (this.mode() === "immediat" && this.errors().length > 0) console.warn(`[st-choice-matrix] "${this.legende()}" : une regle de validation vise une matrice en mode immediat, qui n affiche aucune erreur (UX-8).`);
@@ -3224,7 +3231,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3224
3231
  }
3225
3232
  static ɵfac = i0.ɵɵngDeclareFactory({
3226
3233
  minVersion: "12.0.0",
3227
- version: "22.2.0",
3234
+ version: "22.2.1",
3228
3235
  ngImport: i0,
3229
3236
  type: StChoiceMatrix,
3230
3237
  deps: [],
@@ -3232,7 +3239,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3232
3239
  });
3233
3240
  static ɵcmp = i0.ɵɵngDeclareComponent({
3234
3241
  minVersion: "17.0.0",
3235
- version: "22.2.0",
3242
+ version: "22.2.1",
3236
3243
  type: StChoiceMatrix,
3237
3244
  isStandalone: true,
3238
3245
  selector: "st-choice-matrix",
@@ -3404,8 +3411,8 @@ var StChoiceMatrix = class StChoiceMatrix {
3404
3411
  isSignal: true
3405
3412
  }],
3406
3413
  ngImport: i0,
3407
- template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__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@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3408
- 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-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"],
3414
+ template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3415
+ 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-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"],
3409
3416
  dependencies: [{
3410
3417
  kind: "component",
3411
3418
  type: StIcon,
@@ -3438,7 +3445,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3438
3445
  };
3439
3446
  i0.ɵɵngDeclareClassMetadata({
3440
3447
  minVersion: "12.0.0",
3441
- version: "22.2.0",
3448
+ version: "22.2.1",
3442
3449
  ngImport: i0,
3443
3450
  type: StChoiceMatrix,
3444
3451
  decorators: [{
@@ -3454,8 +3461,8 @@ i0.ɵɵngDeclareClassMetadata({
3454
3461
  "[attr.data-en-erreur]": "enErreur() ? \"\" : null",
3455
3462
  "(focusout)": "aLaSortie($event)"
3456
3463
  },
3457
- template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__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@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3458
- 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-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"]
3464
+ template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3465
+ 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-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"]
3459
3466
  }]
3460
3467
  }],
3461
3468
  ctorParameters: () => [],
@@ -3643,17 +3650,17 @@ const PARTS = {
3643
3650
  large: 3
3644
3651
  };
3645
3652
  var StFormRow = class StFormRow {
3646
- colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
3647
- largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] : /* istanbul ignore next */ []);
3653
+ colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
3654
+ largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] : /* istanbul ignore next */ []);
3648
3655
  gabarit = computed(() => {
3649
3656
  const largeurs = this.largeurs();
3650
3657
  if (largeurs !== null && largeurs.length > 0) return largeurs.map((largeur) => `minmax(0, ${String(part(largeur))}fr)`).join(" ");
3651
3658
  const colonnes = this.colonnes();
3652
3659
  return colonnes === "auto" ? "repeat(auto-fit, minmax(min(100%, 10rem), 1fr))" : `repeat(${String(colonnes)}, minmax(0, 1fr))`;
3653
- }, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
3660
+ }, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
3654
3661
  static ɵfac = i0.ɵɵngDeclareFactory({
3655
3662
  minVersion: "12.0.0",
3656
- version: "22.2.0",
3663
+ version: "22.2.1",
3657
3664
  ngImport: i0,
3658
3665
  type: StFormRow,
3659
3666
  deps: [],
@@ -3661,7 +3668,7 @@ var StFormRow = class StFormRow {
3661
3668
  });
3662
3669
  static ɵcmp = i0.ɵɵngDeclareComponent({
3663
3670
  minVersion: "17.1.0",
3664
- version: "22.2.0",
3671
+ version: "22.2.1",
3665
3672
  type: StFormRow,
3666
3673
  isStandalone: true,
3667
3674
  selector: "st-form-row",
@@ -3693,7 +3700,7 @@ var StFormRow = class StFormRow {
3693
3700
  };
3694
3701
  i0.ɵɵngDeclareClassMetadata({
3695
3702
  minVersion: "12.0.0",
3696
- version: "22.2.0",
3703
+ version: "22.2.1",
3697
3704
  ngImport: i0,
3698
3705
  type: StFormRow,
3699
3706
  decorators: [{
@@ -3738,30 +3745,30 @@ var StConsentRow = class StConsentRow {
3738
3745
  groupe = inject(ST_GROUPE_DE_CONSENTEMENTS);
3739
3746
  libelles = inject(ST_LIBELLES);
3740
3747
  locale = inject(ST_LOCALE);
3741
- cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
3742
- titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
3743
- description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
3748
+ cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
3749
+ titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
3750
+ description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
3744
3751
  obligatoire = input(false, {
3745
- ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
3752
+ ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
3746
3753
  transform: booleanAttribute
3747
3754
  });
3748
- versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : /* istanbul ignore next */ []);
3749
- decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] : /* istanbul ignore next */ []);
3755
+ versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : /* istanbul ignore next */ []);
3756
+ decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] : /* istanbul ignore next */ []);
3750
3757
  enregistrement = input(false, {
3751
- ...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
3758
+ ...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
3752
3759
  transform: booleanAttribute
3753
3760
  });
3754
- refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
3761
+ refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
3755
3762
  decision = output();
3756
- champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
3763
+ champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
3757
3764
  identifiantDuRefus = inject(StIdentifiants).prochain("st-consentement-refus");
3758
3765
  annonce = new AnnonceLocale(inject(DestroyRef));
3759
- decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
3766
+ decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
3760
3767
  precedente;
3761
- immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] : /* istanbul ignore next */ []);
3762
- coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
3763
- enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
3764
- enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
3768
+ immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] : /* istanbul ignore next */ []);
3769
+ coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
3770
+ enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
3771
+ enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
3765
3772
  aide = computed(() => {
3766
3773
  const version = this.versionDuDocument();
3767
3774
  const date = this.decideLe();
@@ -3769,8 +3776,8 @@ var StConsentRow = class StConsentRow {
3769
3776
  const mention = version === null ? null : date === null ? libelles.versionDuDocument(version) : libelles.decisionDuDocument(version, formaterDateLongue(date, this.locale()), this.groupe.valeurDe(this.cle()) === true);
3770
3777
  const morceaux = [this.description(), mention].map((texte) => texte?.trim() ?? "").filter((texte) => texte !== "");
3771
3778
  return morceaux.length === 0 ? null : morceaux.join(" ");
3772
- }, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
3773
- descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
3779
+ }, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
3780
+ descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
3774
3781
  constructor() {
3775
3782
  if (isDevMode()) afterNextRender(() => {
3776
3783
  if (this.groupe.valeurDe(this.cle()) === true && this.decideLe() === null) console.warn(`[st-consent-row] "${this.titre()}" : cochee sans decision enregistree (decideLe) ; un consentement ne se coche jamais d'office (CNIL). La ligne s'affiche decochee.`);
@@ -3812,7 +3819,7 @@ var StConsentRow = class StConsentRow {
3812
3819
  }
3813
3820
  static ɵfac = i0.ɵɵngDeclareFactory({
3814
3821
  minVersion: "12.0.0",
3815
- version: "22.2.0",
3822
+ version: "22.2.1",
3816
3823
  ngImport: i0,
3817
3824
  type: StConsentRow,
3818
3825
  deps: [],
@@ -3820,7 +3827,7 @@ var StConsentRow = class StConsentRow {
3820
3827
  });
3821
3828
  static ɵcmp = i0.ɵɵngDeclareComponent({
3822
3829
  minVersion: "17.0.0",
3823
- version: "22.2.0",
3830
+ version: "22.2.1",
3824
3831
  type: StConsentRow,
3825
3832
  isStandalone: true,
3826
3833
  selector: "st-consent-row",
@@ -3899,8 +3906,8 @@ var StConsentRow = class StConsentRow {
3899
3906
  isSignal: true
3900
3907
  }],
3901
3908
  ngImport: i0,
3902
- template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"danger\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3903
- 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-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"],
3909
+ template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"erreur\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3910
+ 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-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"],
3904
3911
  dependencies: [
3905
3912
  {
3906
3913
  kind: "component",
@@ -3938,7 +3945,7 @@ var StConsentRow = class StConsentRow {
3938
3945
  };
3939
3946
  i0.ɵɵngDeclareClassMetadata({
3940
3947
  minVersion: "12.0.0",
3941
- version: "22.2.0",
3948
+ version: "22.2.1",
3942
3949
  ngImport: i0,
3943
3950
  type: StConsentRow,
3944
3951
  decorators: [{
@@ -3957,8 +3964,8 @@ i0.ɵɵngDeclareClassMetadata({
3957
3964
  "[attr.data-cochee]": "coche() ? \"\" : null",
3958
3965
  "[attr.data-en-attente]": "enAttente() ? \"\" : null"
3959
3966
  },
3960
- template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"danger\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3961
- 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-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"]
3967
+ template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"erreur\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
3968
+ 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-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"]
3962
3969
  }]
3963
3970
  }],
3964
3971
  ctorParameters: () => [],
@@ -4040,63 +4047,63 @@ i0.ɵɵngDeclareClassMetadata({
4040
4047
  var StConsentGroup = class StConsentGroup {
4041
4048
  element = inject(ElementRef);
4042
4049
  libelles = inject(ST_LIBELLES);
4043
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
4044
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
4045
- mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
4050
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
4051
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
4052
+ mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
4046
4053
  toutAccepter = input(false, {
4047
- ...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
4054
+ ...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
4048
4055
  transform: booleanAttribute
4049
4056
  });
4050
4057
  toutRefuser = input(false, {
4051
- ...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
4058
+ ...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
4052
4059
  transform: booleanAttribute
4053
4060
  });
4054
- value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
4055
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
4061
+ value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
4062
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
4056
4063
  touched = input(false, {
4057
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4064
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4058
4065
  transform: booleanAttribute
4059
4066
  });
4060
4067
  dirty = input(false, {
4061
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4068
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4062
4069
  transform: booleanAttribute
4063
4070
  });
4064
4071
  pending = input(false, {
4065
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4072
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4066
4073
  transform: booleanAttribute
4067
4074
  });
4068
4075
  disabled = input(false, {
4069
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4076
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4070
4077
  transform: booleanAttribute
4071
4078
  });
4072
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4079
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4073
4080
  readonly = input(false, {
4074
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4081
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4075
4082
  transform: booleanAttribute
4076
4083
  });
4077
4084
  required = input(false, {
4078
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4085
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4079
4086
  transform: booleanAttribute
4080
4087
  });
4081
4088
  hidden = input(false, {
4082
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4089
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4083
4090
  transform: booleanAttribute
4084
4091
  });
4085
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4092
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4086
4093
  touch = output();
4087
4094
  lignes = contentChildren(StConsentRow, {
4088
- ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
4095
+ ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
4089
4096
  descendants: true
4090
4097
  });
4091
- desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
4092
- lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
4093
- enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
4098
+ desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
4099
+ lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
4100
+ enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
4094
4101
  aideEtRaisons = computed(() => {
4095
4102
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
4096
4103
  const aide = this.aide()?.trim() ?? "";
4097
4104
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
4098
4105
  return morceaux.length === 0 ? null : morceaux.join(" ");
4099
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4106
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4100
4107
  valeurDe(cle) {
4101
4108
  return this.value()[cle];
4102
4109
  }
@@ -4120,7 +4127,7 @@ var StConsentGroup = class StConsentGroup {
4120
4127
  }
4121
4128
  static ɵfac = i0.ɵɵngDeclareFactory({
4122
4129
  minVersion: "12.0.0",
4123
- version: "22.2.0",
4130
+ version: "22.2.1",
4124
4131
  ngImport: i0,
4125
4132
  type: StConsentGroup,
4126
4133
  deps: [],
@@ -4128,7 +4135,7 @@ var StConsentGroup = class StConsentGroup {
4128
4135
  });
4129
4136
  static ɵcmp = i0.ɵɵngDeclareComponent({
4130
4137
  minVersion: "17.0.0",
4131
- version: "22.2.0",
4138
+ version: "22.2.1",
4132
4139
  type: StConsentGroup,
4133
4140
  isStandalone: true,
4134
4141
  selector: "st-consent-group",
@@ -4303,7 +4310,7 @@ var StConsentGroup = class StConsentGroup {
4303
4310
  };
4304
4311
  i0.ɵɵngDeclareClassMetadata({
4305
4312
  minVersion: "12.0.0",
4306
- version: "22.2.0",
4313
+ version: "22.2.1",
4307
4314
  ngImport: i0,
4308
4315
  type: StConsentGroup,
4309
4316
  decorators: [{
@@ -4473,23 +4480,23 @@ i0.ɵɵngDeclareClassMetadata({
4473
4480
  const ST_GROUPE_DE_CHOIX = new InjectionToken("ST_GROUPE_DE_CHOIX");
4474
4481
  var StChoice = class StChoice {
4475
4482
  groupe = inject(ST_GROUPE_DE_CHOIX);
4476
- valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
4483
+ valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
4477
4484
  desactivee = input(false, {
4478
- ...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
4485
+ ...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
4479
4486
  transform: booleanAttribute
4480
4487
  });
4481
- raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] : /* istanbul ignore next */ []);
4482
- controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] : /* istanbul ignore next */ []);
4483
- zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] : /* istanbul ignore next */ []);
4488
+ raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] : /* istanbul ignore next */ []);
4489
+ controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] : /* istanbul ignore next */ []);
4490
+ zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] : /* istanbul ignore next */ []);
4484
4491
  racine = inject(StIdentifiants).prochain("st-choix-carte");
4485
4492
  identifiantDeLaRaison = `${this.racine}-raison`;
4486
4493
  identifiantDuDetail = `${this.racine}-detail`;
4487
- coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
4494
+ coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
4488
4495
  raison = computed(() => {
4489
4496
  const texte = this.desactivee() ? this.raisonDIndisponibilite()?.trim() ?? "" : "";
4490
4497
  return texte === "" ? null : texte;
4491
- }, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
4492
- aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : /* istanbul ignore next */ []);
4498
+ }, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
4499
+ aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : /* istanbul ignore next */ []);
4493
4500
  constructor() {
4494
4501
  afterRenderEffect(() => {
4495
4502
  this.coche();
@@ -4521,7 +4528,7 @@ var StChoice = class StChoice {
4521
4528
  }
4522
4529
  static ɵfac = i0.ɵɵngDeclareFactory({
4523
4530
  minVersion: "12.0.0",
4524
- version: "22.2.0",
4531
+ version: "22.2.1",
4525
4532
  ngImport: i0,
4526
4533
  type: StChoice,
4527
4534
  deps: [],
@@ -4529,7 +4536,7 @@ var StChoice = class StChoice {
4529
4536
  });
4530
4537
  static ɵcmp = i0.ɵɵngDeclareComponent({
4531
4538
  minVersion: "17.0.0",
4532
- version: "22.2.0",
4539
+ version: "22.2.1",
4533
4540
  type: StChoice,
4534
4541
  isStandalone: true,
4535
4542
  selector: "st-choice",
@@ -4579,13 +4586,13 @@ var StChoice = class StChoice {
4579
4586
  }],
4580
4587
  ngImport: i0,
4581
4588
  template: "<label class=\"st-choice__carte\">\n <input\n #controle\n class=\"st-choice__controle\"\n [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n [name]=\"groupe.nom()\"\n [value]=\"valeur()\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n <span class=\"st-choice__textes\">\n <span class=\"st-choice__titre\"><ng-content /></span>\n <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n </span>\n</label>\n@if (raison(); as texte) {\n <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n <ng-content select=\"[detail]\" />\n</div>\n",
4582
- 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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"],
4589
+ 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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"],
4583
4590
  changeDetection: i0.ChangeDetectionStrategy.OnPush
4584
4591
  });
4585
4592
  };
4586
4593
  i0.ɵɵngDeclareClassMetadata({
4587
4594
  minVersion: "12.0.0",
4588
- version: "22.2.0",
4595
+ version: "22.2.1",
4589
4596
  ngImport: i0,
4590
4597
  type: StChoice,
4591
4598
  decorators: [{
@@ -4600,7 +4607,7 @@ i0.ɵɵngDeclareClassMetadata({
4600
4607
  "[attr.data-lecture-seule]": "groupe.lectureSeule() ? \"\" : null"
4601
4608
  },
4602
4609
  template: "<label class=\"st-choice__carte\">\n <input\n #controle\n class=\"st-choice__controle\"\n [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n [name]=\"groupe.nom()\"\n [value]=\"valeur()\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n <span class=\"st-choice__textes\">\n <span class=\"st-choice__titre\"><ng-content /></span>\n <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n </span>\n</label>\n@if (raison(); as texte) {\n <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n <ng-content select=\"[detail]\" />\n</div>\n",
4603
- 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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"]
4610
+ 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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"]
4604
4611
  }]
4605
4612
  }],
4606
4613
  ctorParameters: () => [],
@@ -4641,64 +4648,64 @@ i0.ɵɵngDeclareClassMetadata({
4641
4648
  });
4642
4649
  var StChoiceGroup = class StChoiceGroup {
4643
4650
  element = inject(ElementRef);
4644
- legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
4645
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
4646
- mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
4647
- disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
4648
- value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
4649
- errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
4651
+ legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
4652
+ aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
4653
+ mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
4654
+ disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
4655
+ value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
4656
+ errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
4650
4657
  touched = input(false, {
4651
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4658
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4652
4659
  transform: booleanAttribute
4653
4660
  });
4654
4661
  dirty = input(false, {
4655
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4662
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4656
4663
  transform: booleanAttribute
4657
4664
  });
4658
4665
  pending = input(false, {
4659
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4666
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4660
4667
  transform: booleanAttribute
4661
4668
  });
4662
4669
  disabled = input(false, {
4663
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4670
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4664
4671
  transform: booleanAttribute
4665
4672
  });
4666
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4673
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4667
4674
  readonly = input(false, {
4668
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4675
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4669
4676
  transform: booleanAttribute
4670
4677
  });
4671
4678
  required = input(false, {
4672
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4679
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4673
4680
  transform: booleanAttribute
4674
4681
  });
4675
4682
  hidden = input(false, {
4676
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4683
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4677
4684
  transform: booleanAttribute
4678
4685
  });
4679
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4686
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4680
4687
  touch = output();
4681
4688
  cartes = contentChildren(StChoice, {
4682
- ...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
4689
+ ...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
4683
4690
  descendants: true
4684
4691
  });
4685
4692
  nomParDefaut = inject(StIdentifiants).prochain("st-choix");
4686
- multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []);
4687
- nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
4688
- desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
4689
- lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
4690
- enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
4693
+ multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []);
4694
+ nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
4695
+ desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
4696
+ lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
4697
+ enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
4691
4698
  choisies = computed(() => {
4692
4699
  const valeur = this.value();
4693
4700
  if (typeof valeur !== "string") return new Set(valeur);
4694
4701
  return new Set(valeur === "" ? [] : [valeur]);
4695
- }, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
4702
+ }, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
4696
4703
  aideEtRaisons = computed(() => {
4697
4704
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
4698
4705
  const aide = this.aide()?.trim() ?? "";
4699
4706
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
4700
4707
  return morceaux.length === 0 ? null : morceaux.join(" ");
4701
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4708
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4702
4709
  constructor() {
4703
4710
  if (isDevMode()) effect(() => {
4704
4711
  const valeur = this.value();
@@ -4738,7 +4745,7 @@ var StChoiceGroup = class StChoiceGroup {
4738
4745
  }
4739
4746
  static ɵfac = i0.ɵɵngDeclareFactory({
4740
4747
  minVersion: "12.0.0",
4741
- version: "22.2.0",
4748
+ version: "22.2.1",
4742
4749
  ngImport: i0,
4743
4750
  type: StChoiceGroup,
4744
4751
  deps: [],
@@ -4746,7 +4753,7 @@ var StChoiceGroup = class StChoiceGroup {
4746
4753
  });
4747
4754
  static ɵcmp = i0.ɵɵngDeclareComponent({
4748
4755
  minVersion: "17.2.0",
4749
- version: "22.2.0",
4756
+ version: "22.2.1",
4750
4757
  type: StChoiceGroup,
4751
4758
  isStandalone: true,
4752
4759
  selector: "st-choice-group",
@@ -4904,7 +4911,7 @@ var StChoiceGroup = class StChoiceGroup {
4904
4911
  };
4905
4912
  i0.ɵɵngDeclareClassMetadata({
4906
4913
  minVersion: "12.0.0",
4907
- version: "22.2.0",
4914
+ version: "22.2.1",
4908
4915
  ngImport: i0,
4909
4916
  type: StChoiceGroup,
4910
4917
  decorators: [{
@@ -5070,16 +5077,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
5070
5077
  libelles = inject(ST_LIBELLES);
5071
5078
  annonce = new AnnonceLocale(inject(DestroyRef));
5072
5079
  enAttente = input(false, {
5073
- ...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
5080
+ ...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
5074
5081
  transform: booleanAttribute
5075
5082
  });
5076
- libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
5083
+ libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
5077
5084
  aideDEtat = input(false, {
5078
- ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
5085
+ ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
5079
5086
  transform: booleanAttribute
5080
5087
  });
5081
5088
  libelleEtat = input(false, {
5082
- ...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
5089
+ ...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
5083
5090
  transform: booleanAttribute
5084
5091
  });
5085
5092
  constructor() {
@@ -5122,16 +5129,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
5122
5129
  }
5123
5130
  super.surBascule(evenement);
5124
5131
  }
5125
- aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
5132
+ aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
5126
5133
  etat = computed(() => {
5127
5134
  const libelles = this.libelles();
5128
5135
  if (this.enAttente()) return this.libelleAttente() ?? libelles.enregistrementEnCours;
5129
5136
  if (!this.libelleEtat()) return null;
5130
5137
  return this.checked() ? libelles.etatActive : libelles.etatDesactive;
5131
- }, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
5138
+ }, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
5132
5139
  static ɵfac = i0.ɵɵngDeclareFactory({
5133
5140
  minVersion: "12.0.0",
5134
- version: "22.2.0",
5141
+ version: "22.2.1",
5135
5142
  ngImport: i0,
5136
5143
  type: StSwitch,
5137
5144
  deps: [],
@@ -5139,7 +5146,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
5139
5146
  });
5140
5147
  static ɵcmp = i0.ɵɵngDeclareComponent({
5141
5148
  minVersion: "17.0.0",
5142
- version: "22.2.0",
5149
+ version: "22.2.1",
5143
5150
  type: StSwitch,
5144
5151
  isStandalone: true,
5145
5152
  selector: "st-switch",
@@ -5226,7 +5233,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
5226
5233
  };
5227
5234
  i0.ɵɵngDeclareClassMetadata({
5228
5235
  minVersion: "12.0.0",
5229
- version: "22.2.0",
5236
+ version: "22.2.1",
5230
5237
  ngImport: i0,
5231
5238
  type: StSwitch,
5232
5239
  decorators: [{
@@ -5293,16 +5300,16 @@ var StErrorSummary = class StErrorSummary {
5293
5300
  injecteur = inject(Injector);
5294
5301
  envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
5295
5302
  noms = inject(StNomsDesChamps);
5296
- erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : /* istanbul ignore next */ []);
5297
- titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
5298
- niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
5299
- introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : /* istanbul ignore next */ []);
5303
+ erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : /* istanbul ignore next */ []);
5304
+ titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
5305
+ niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
5306
+ introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : /* istanbul ignore next */ []);
5300
5307
  tentative = input(0, {
5301
- ...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
5308
+ ...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
5302
5309
  transform: (valeur) => numberAttribute(valeur, 0)
5303
5310
  });
5304
- erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : /* istanbul ignore next */ []);
5305
- tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : /* istanbul ignore next */ []);
5311
+ erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : /* istanbul ignore next */ []);
5312
+ tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : /* istanbul ignore next */ []);
5306
5313
  identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
5307
5314
  lignes = computed(() => {
5308
5315
  const libelles = this.libelles();
@@ -5328,8 +5335,9 @@ var StErrorSummary = class StErrorSummary {
5328
5335
  });
5329
5336
  }
5330
5337
  return lignes;
5331
- }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
5332
- titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
5338
+ }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
5339
+ prefixe = computed(() => this.libelles().tonErreur, ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
5340
+ titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
5333
5341
  constructor() {
5334
5342
  let visible = false;
5335
5343
  let derniereTentative = this.tentativeLue();
@@ -5355,7 +5363,7 @@ var StErrorSummary = class StErrorSummary {
5355
5363
  }
5356
5364
  static ɵfac = i0.ɵɵngDeclareFactory({
5357
5365
  minVersion: "12.0.0",
5358
- version: "22.2.0",
5366
+ version: "22.2.1",
5359
5367
  ngImport: i0,
5360
5368
  type: StErrorSummary,
5361
5369
  deps: [],
@@ -5363,7 +5371,7 @@ var StErrorSummary = class StErrorSummary {
5363
5371
  });
5364
5372
  static ɵcmp = i0.ɵɵngDeclareComponent({
5365
5373
  minVersion: "17.0.0",
5366
- version: "22.2.0",
5374
+ version: "22.2.1",
5367
5375
  type: StErrorSummary,
5368
5376
  isStandalone: true,
5369
5377
  selector: "st-error-summary",
@@ -5414,8 +5422,8 @@ var StErrorSummary = class StErrorSummary {
5414
5422
  classAttribute: "st-error-summary"
5415
5423
  },
5416
5424
  ngImport: i0,
5417
- template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
5418
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-danger)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-danger)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-danger-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-danger) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-danger-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
5425
+ template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
5426
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
5419
5427
  dependencies: [{
5420
5428
  kind: "component",
5421
5429
  type: StIcon,
@@ -5437,7 +5445,7 @@ var StErrorSummary = class StErrorSummary {
5437
5445
  };
5438
5446
  i0.ɵɵngDeclareClassMetadata({
5439
5447
  minVersion: "12.0.0",
5440
- version: "22.2.0",
5448
+ version: "22.2.1",
5441
5449
  ngImport: i0,
5442
5450
  type: StErrorSummary,
5443
5451
  decorators: [{
@@ -5453,8 +5461,8 @@ i0.ɵɵngDeclareClassMetadata({
5453
5461
  "[attr.tabindex]": "lignes().length === 0 ? null : -1",
5454
5462
  "[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
5455
5463
  },
5456
- template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
5457
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-danger)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-danger)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-danger-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-danger) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-danger-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
5464
+ template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
5465
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
5458
5466
  }]
5459
5467
  }],
5460
5468
  ctorParameters: () => [],
@@ -5532,7 +5540,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5532
5540
  }
5533
5541
  static ɵfac = i0.ɵɵngDeclareFactory({
5534
5542
  minVersion: "12.0.0",
5535
- version: "22.2.0",
5543
+ version: "22.2.1",
5536
5544
  ngImport: i0,
5537
5545
  type: EnvoisDeFormulaire,
5538
5546
  deps: [],
@@ -5540,7 +5548,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5540
5548
  });
5541
5549
  static ɵprov = i0.ɵɵngDeclareInjectable({
5542
5550
  minVersion: "12.0.0",
5543
- version: "22.2.0",
5551
+ version: "22.2.1",
5544
5552
  ngImport: i0,
5545
5553
  type: EnvoisDeFormulaire,
5546
5554
  providedIn: "root"
@@ -5548,7 +5556,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5548
5556
  };
5549
5557
  i0.ɵɵngDeclareClassMetadata({
5550
5558
  minVersion: "12.0.0",
5551
- version: "22.2.0",
5559
+ version: "22.2.1",
5552
5560
  ngImport: i0,
5553
5561
  type: EnvoisDeFormulaire,
5554
5562
  decorators: [{
@@ -5556,6 +5564,17 @@ i0.ɵɵngDeclareClassMetadata({
5556
5564
  args: [{ providedIn: "root" }]
5557
5565
  }]
5558
5566
  });
5567
+ const ST_ESTIMATEUR_DE_FORCE = new InjectionToken("ST_ESTIMATEUR_DE_FORCE");
5568
+ function fournirEstimateurDeForce(chargeur) {
5569
+ return {
5570
+ provide: ST_ESTIMATEUR_DE_FORCE,
5571
+ useValue: chargeur
5572
+ };
5573
+ }
5574
+ function niveauDuScore(score) {
5575
+ if (!Number.isFinite(score) || score < 3) return 1;
5576
+ return score < 4 ? 2 : 3;
5577
+ }
5559
5578
  function longueurVue(texte) {
5560
5579
  return Array.from(texte).length;
5561
5580
  }
@@ -5566,12 +5585,37 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5566
5585
  racineDesParties = inject(StIdentifiants).prochain("st-password-field");
5567
5586
  idRegles = `${this.racineDesParties}-regles`;
5568
5587
  idMajuscules = `${this.racineDesParties}-majuscules`;
5569
- usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
5570
- regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
5571
- titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
5572
- revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
5573
- majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
5574
- autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
5588
+ idJauge = `${this.racineDesParties}-jauge`;
5589
+ chargeurDeForce = inject(ST_ESTIMATEUR_DE_FORCE, { optional: true });
5590
+ usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
5591
+ regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
5592
+ titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
5593
+ jauge = input(false, {
5594
+ ...ngDevMode ? { debugName: "jauge" } : /* istanbul ignore next */ {},
5595
+ transform: booleanAttribute
5596
+ });
5597
+ motsDeForce = input(null, ...ngDevMode ? [{ debugName: "motsDeForce" }] : /* istanbul ignore next */ []);
5598
+ jaugeActive = computed(() => this.jauge() && this.usage() === "creation", ...ngDevMode ? [{ debugName: "jaugeActive" }] : /* istanbul ignore next */ []);
5599
+ niveauDeForce = signal(0, ...ngDevMode ? [{ debugName: "niveauDeForce" }] : /* istanbul ignore next */ []);
5600
+ segmentsDeForce = [
5601
+ 1,
5602
+ 2,
5603
+ 3
5604
+ ];
5605
+ motDeForce = computed(() => {
5606
+ const niveau = this.niveauDeForce();
5607
+ if (niveau === 0) return "";
5608
+ return (this.motsDeForce() ?? this.libelles().niveauxDeForce)[niveau - 1] ?? "";
5609
+ }, ...ngDevMode ? [{ debugName: "motDeForce" }] : /* istanbul ignore next */ []);
5610
+ reglePendante = computed(() => {
5611
+ const valeur = this.value();
5612
+ return this.regles().some((regle) => typeof regle !== "string" && regle.respectee !== void 0 && !regle.respectee(valeur));
5613
+ }, ...ngDevMode ? [{ debugName: "reglePendante" }] : /* istanbul ignore next */ []);
5614
+ estimateur = null;
5615
+ minuterieDeForce;
5616
+ revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
5617
+ majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
5618
+ autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
5575
5619
  reglesRendues = computed(() => {
5576
5620
  if (this.usage() !== "creation") return [];
5577
5621
  const valeur = this.value();
@@ -5582,27 +5626,59 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5582
5626
  texte: regle.texte,
5583
5627
  respectee: regle.respectee?.(valeur) ?? false
5584
5628
  });
5585
- }, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
5586
- titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : /* istanbul ignore next */ []);
5629
+ }, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
5630
+ titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : /* istanbul ignore next */ []);
5587
5631
  compteur = computed(() => {
5588
5632
  const maximum = this.maxLength();
5589
5633
  if (maximum === void 0) return null;
5590
5634
  const restants = maximum - longueurVue(this.value());
5591
5635
  const libelles = this.libelles();
5592
5636
  return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
5593
- }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
5637
+ }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
5594
5638
  descriptionsDuControle = computed(() => {
5595
5639
  const ids = [];
5640
+ if (this.jaugeActive() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
5596
5641
  if (this.reglesRendues().length > 0) ids.push(this.idRegles);
5597
5642
  if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
5598
5643
  return ids;
5599
- }, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
5644
+ }, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
5600
5645
  constructor() {
5601
5646
  super();
5602
5647
  const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
5603
5648
  if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
5604
5649
  });
5605
- inject(DestroyRef).onDestroy(desabonner);
5650
+ const destruction = inject(DestroyRef);
5651
+ destruction.onDestroy(desabonner);
5652
+ destruction.onDestroy(() => {
5653
+ clearTimeout(this.minuterieDeForce);
5654
+ });
5655
+ effect(() => {
5656
+ if (!this.jaugeActive()) return;
5657
+ const valeur = this.value();
5658
+ const plafonnee = this.reglePendante();
5659
+ clearTimeout(this.minuterieDeForce);
5660
+ if (valeur === "") {
5661
+ this.niveauDeForce.set(0);
5662
+ return;
5663
+ }
5664
+ this.minuterieDeForce = setTimeout(() => {
5665
+ this.estimerLaForce(valeur, plafonnee);
5666
+ }, delai.frappe);
5667
+ });
5668
+ }
5669
+ async estimerLaForce(valeur, plafonnee) {
5670
+ const chargeur = this.chargeurDeForce;
5671
+ if (chargeur === null) {
5672
+ if (isDevMode()) throw new Error("st-password-field : jauge sans estimateur. Fournir fournirEstimateurDeForce(...) (ADR web 0011).");
5673
+ return;
5674
+ }
5675
+ this.estimateur ??= chargeur();
5676
+ const estimateur = await this.estimateur;
5677
+ if (valeur !== this.value()) return;
5678
+ const niveau = plafonnee ? 1 : niveauDuScore(estimateur.estimer(valeur));
5679
+ if (niveau === this.niveauDeForce()) return;
5680
+ this.niveauDeForce.set(niveau);
5681
+ this.annonce.annoncer(this.libelles().forceAnnoncee(this.motDeForce()));
5606
5682
  }
5607
5683
  basculer() {
5608
5684
  if (this.readonly() || this.desactive()) return;
@@ -5631,7 +5707,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5631
5707
  }
5632
5708
  static ɵfac = i0.ɵɵngDeclareFactory({
5633
5709
  minVersion: "12.0.0",
5634
- version: "22.2.0",
5710
+ version: "22.2.1",
5635
5711
  ngImport: i0,
5636
5712
  type: StPasswordField,
5637
5713
  deps: [],
@@ -5639,7 +5715,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5639
5715
  });
5640
5716
  static ɵcmp = i0.ɵɵngDeclareComponent({
5641
5717
  minVersion: "17.0.0",
5642
- version: "22.2.0",
5718
+ version: "22.2.1",
5643
5719
  type: StPasswordField,
5644
5720
  isStandalone: true,
5645
5721
  selector: "st-password-field",
@@ -5664,6 +5740,20 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5664
5740
  isSignal: true,
5665
5741
  isRequired: false,
5666
5742
  transformFunction: null
5743
+ },
5744
+ jauge: {
5745
+ classPropertyName: "jauge",
5746
+ publicName: "jauge",
5747
+ isSignal: true,
5748
+ isRequired: false,
5749
+ transformFunction: null
5750
+ },
5751
+ motsDeForce: {
5752
+ classPropertyName: "motsDeForce",
5753
+ publicName: "motsDeForce",
5754
+ isSignal: true,
5755
+ isRequired: false,
5756
+ transformFunction: null
5667
5757
  }
5668
5758
  },
5669
5759
  host: {
@@ -5675,8 +5765,8 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5675
5765
  },
5676
5766
  usesInheritance: true,
5677
5767
  ngImport: i0,
5678
- template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
5679
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
5768
+ template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive()) {\n <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n <span\n class=\"st-password-field__segments\"\n role=\"meter\"\n aria-valuemin=\"1\"\n aria-valuemax=\"3\"\n [attr.aria-valuenow]=\"niveauDeForce() || null\"\n [attr.aria-valuetext]=\"motDeForce() || null\"\n [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n >\n @for (segment of segmentsDeForce; track segment) {\n <span\n class=\"st-password-field__segment\"\n [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n ></span>\n }\n </span>\n <span class=\"st-password-field__force\">\n @if (niveauDeForce() !== 0) {\n {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n }\n </span>\n </div>\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
5769
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
5680
5770
  dependencies: [
5681
5771
  {
5682
5772
  kind: "component",
@@ -5747,7 +5837,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5747
5837
  };
5748
5838
  i0.ɵɵngDeclareClassMetadata({
5749
5839
  minVersion: "12.0.0",
5750
- version: "22.2.0",
5840
+ version: "22.2.1",
5751
5841
  ngImport: i0,
5752
5842
  type: StPasswordField,
5753
5843
  decorators: [{
@@ -5767,8 +5857,8 @@ i0.ɵɵngDeclareClassMetadata({
5767
5857
  "(focusout)": "aLaSortie($event)",
5768
5858
  "(window:beforeprint)": "remasquer()"
5769
5859
  },
5770
- template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
5771
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
5860
+ template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive()) {\n <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n <span\n class=\"st-password-field__segments\"\n role=\"meter\"\n aria-valuemin=\"1\"\n aria-valuemax=\"3\"\n [attr.aria-valuenow]=\"niveauDeForce() || null\"\n [attr.aria-valuetext]=\"motDeForce() || null\"\n [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n >\n @for (segment of segmentsDeForce; track segment) {\n <span\n class=\"st-password-field__segment\"\n [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n ></span>\n }\n </span>\n <span class=\"st-password-field__force\">\n @if (niveauDeForce() !== 0) {\n {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n }\n </span>\n </div>\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
5861
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
5772
5862
  }]
5773
5863
  }],
5774
5864
  ctorParameters: () => [],
@@ -5796,6 +5886,22 @@ i0.ɵɵngDeclareClassMetadata({
5796
5886
  alias: "titreDesRegles",
5797
5887
  required: false
5798
5888
  }]
5889
+ }],
5890
+ jauge: [{
5891
+ type: i0.Input,
5892
+ args: [{
5893
+ isSignal: true,
5894
+ alias: "jauge",
5895
+ required: false
5896
+ }]
5897
+ }],
5898
+ motsDeForce: [{
5899
+ type: i0.Input,
5900
+ args: [{
5901
+ isSignal: true,
5902
+ alias: "motsDeForce",
5903
+ required: false
5904
+ }]
5799
5905
  }]
5800
5906
  }
5801
5907
  });
@@ -5812,11 +5918,11 @@ function nettoyerLeCode(texte) {
5812
5918
  var StOtpField = class StOtpField extends ControleDeSaisie {
5813
5919
  libelles = inject(ST_LIBELLES);
5814
5920
  longueur = input(6, {
5815
- ...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
5921
+ ...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
5816
5922
  transform: numberAttribute
5817
5923
  });
5818
- decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
5819
- aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
5924
+ decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
5925
+ aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
5820
5926
  surSaisie(evenement) {
5821
5927
  const champ = evenement.target;
5822
5928
  const code = nettoyerLeCode(champ.value);
@@ -5828,7 +5934,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5828
5934
  }
5829
5935
  static ɵfac = i0.ɵɵngDeclareFactory({
5830
5936
  minVersion: "12.0.0",
5831
- version: "22.2.0",
5937
+ version: "22.2.1",
5832
5938
  ngImport: i0,
5833
5939
  type: StOtpField,
5834
5940
  deps: null,
@@ -5836,7 +5942,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5836
5942
  });
5837
5943
  static ɵcmp = i0.ɵɵngDeclareComponent({
5838
5944
  minVersion: "17.1.0",
5839
- version: "22.2.0",
5945
+ version: "22.2.1",
5840
5946
  type: StOtpField,
5841
5947
  isStandalone: true,
5842
5948
  selector: "st-otp-field",
@@ -5860,7 +5966,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5860
5966
  usesInheritance: true,
5861
5967
  ngImport: i0,
5862
5968
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"decritPar()\"\n>\n <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n 0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n <div class=\"st-otp-field__ligne\">\n <input\n #champ\n class=\"st-otp-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n autocomplete=\"one-time-code\"\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n dir=\"ltr\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"touch.emit()\"\n />\n <ng-content select=\"[stRenvoi]\" />\n </div>\n</st-form-field>\n",
5863
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}\n"],
5969
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"],
5864
5970
  dependencies: [{
5865
5971
  kind: "component",
5866
5972
  type: StFormField,
@@ -5883,7 +5989,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5883
5989
  };
5884
5990
  i0.ɵɵngDeclareClassMetadata({
5885
5991
  minVersion: "12.0.0",
5886
- version: "22.2.0",
5992
+ version: "22.2.1",
5887
5993
  ngImport: i0,
5888
5994
  type: StOtpField,
5889
5995
  decorators: [{
@@ -5894,7 +6000,7 @@ i0.ɵɵngDeclareClassMetadata({
5894
6000
  imports: [StFormField, StControleDeChamp],
5895
6001
  host: { class: "st-otp-field" },
5896
6002
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"decritPar()\"\n>\n <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n 0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n <div class=\"st-otp-field__ligne\">\n <input\n #champ\n class=\"st-otp-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n autocomplete=\"one-time-code\"\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n dir=\"ltr\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"touch.emit()\"\n />\n <ng-content select=\"[stRenvoi]\" />\n </div>\n</st-form-field>\n",
5897
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}\n"]
6003
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"]
5898
6004
  }]
5899
6005
  }],
5900
6006
  propDecorators: {
@@ -5918,18 +6024,18 @@ i0.ɵɵngDeclareClassMetadata({
5918
6024
  });
5919
6025
  var StSearchField = class StSearchField extends ControleDeSaisie {
5920
6026
  libelles = inject(ST_LIBELLES);
5921
- saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
6027
+ saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
5922
6028
  compact = input(false, {
5923
- ...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
6029
+ ...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
5924
6030
  transform: booleanAttribute
5925
6031
  });
5926
6032
  libelleVisible = input(false, {
5927
- ...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
6033
+ ...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
5928
6034
  transform: booleanAttribute
5929
6035
  });
5930
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
6036
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
5931
6037
  chargement = input(false, {
5932
- ...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
6038
+ ...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
5933
6039
  transform: booleanAttribute
5934
6040
  });
5935
6041
  recherche = output();
@@ -5948,7 +6054,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
5948
6054
  }
5949
6055
  static ɵfac = i0.ɵɵngDeclareFactory({
5950
6056
  minVersion: "12.0.0",
5951
- version: "22.2.0",
6057
+ version: "22.2.1",
5952
6058
  ngImport: i0,
5953
6059
  type: StSearchField,
5954
6060
  deps: null,
@@ -5956,7 +6062,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
5956
6062
  });
5957
6063
  static ɵcmp = i0.ɵɵngDeclareComponent({
5958
6064
  minVersion: "17.0.0",
5959
- version: "22.2.0",
6065
+ version: "22.2.1",
5960
6066
  type: StSearchField,
5961
6067
  isStandalone: true,
5962
6068
  selector: "st-search-field",
@@ -6009,7 +6115,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
6009
6115
  usesInheritance: true,
6010
6116
  ngImport: i0,
6011
6117
  template: "<st-form-field\n [libelleMasque]=\"!libelleVisible()\"\n [presentation]=\"presentation()\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <div class=\"st-search-field__ligne\">\n <div class=\"st-search-field__cadre\">\n <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n @if (attenteVisible()) {\n <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n } @else {\n <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n }\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]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown.enter)=\"lancer($event)\"\n (blur)=\"touch.emit()\"\n />\n @if (value() !== '' && !readonly()) {\n <button\n class=\"st-search-field__effacer\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n icone=\"croix\"\n [etiquette]=\"libelles().effacerLaRecherche\"\n [disabled]=\"desactive()\"\n (click)=\"effacer()\"\n ></button>\n }\n <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n ><ng-content select=\"[stRaccourci]\"\n /></span>\n </div>\n @if (!compact()) {\n <button\n stButton\n type=\"button\"\n variante=\"secondaire\"\n [chargement]=\"chargement()\"\n [disabled]=\"desactive()\"\n (click)=\"lancer()\"\n >\n {{ libelles().rechercher }}\n </button>\n }\n </div>\n</st-form-field>\n",
6012
- 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{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.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__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"],
6118
+ 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{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.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__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"],
6013
6119
  dependencies: [
6014
6120
  {
6015
6121
  kind: "component",
@@ -6094,7 +6200,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
6094
6200
  };
6095
6201
  i0.ɵɵngDeclareClassMetadata({
6096
6202
  minVersion: "12.0.0",
6097
- version: "22.2.0",
6203
+ version: "22.2.1",
6098
6204
  ngImport: i0,
6099
6205
  type: StSearchField,
6100
6206
  decorators: [{
@@ -6117,7 +6223,7 @@ i0.ɵɵngDeclareClassMetadata({
6117
6223
  "[attr.data-compact]": "compact() ? \"\" : null"
6118
6224
  },
6119
6225
  template: "<st-form-field\n [libelleMasque]=\"!libelleVisible()\"\n [presentation]=\"presentation()\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <div class=\"st-search-field__ligne\">\n <div class=\"st-search-field__cadre\">\n <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n @if (attenteVisible()) {\n <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n } @else {\n <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n }\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]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown.enter)=\"lancer($event)\"\n (blur)=\"touch.emit()\"\n />\n @if (value() !== '' && !readonly()) {\n <button\n class=\"st-search-field__effacer\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n icone=\"croix\"\n [etiquette]=\"libelles().effacerLaRecherche\"\n [disabled]=\"desactive()\"\n (click)=\"effacer()\"\n ></button>\n }\n <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n ><ng-content select=\"[stRaccourci]\"\n /></span>\n </div>\n @if (!compact()) {\n <button\n stButton\n type=\"button\"\n variante=\"secondaire\"\n [chargement]=\"chargement()\"\n [disabled]=\"desactive()\"\n (click)=\"lancer()\"\n >\n {{ libelles().rechercher }}\n </button>\n }\n </div>\n</st-form-field>\n",
6120
- 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{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.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__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"]
6226
+ 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{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.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__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"]
6121
6227
  }]
6122
6228
  }],
6123
6229
  propDecorators: {
@@ -6169,21 +6275,21 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6169
6275
  element = inject(ElementRef);
6170
6276
  annonce = new AnnonceLocale(inject(DestroyRef));
6171
6277
  masque = input(false, {
6172
- ...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
6278
+ ...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
6173
6279
  transform: booleanAttribute
6174
6280
  });
6175
6281
  detection = inject(ChangeDetectorRef);
6176
- bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
6282
+ bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
6177
6283
  idDuBouton = `${inject(StIdentifiants).prochain("st-iban-field")}-reveler`;
6178
- enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []);
6179
- brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []);
6180
- revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
6181
- masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : /* istanbul ignore next */ []);
6182
- impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] : /* istanbul ignore next */ []);
6284
+ enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []);
6285
+ brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []);
6286
+ revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
6287
+ masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : /* istanbul ignore next */ []);
6288
+ impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] : /* istanbul ignore next */ []);
6183
6289
  minuterie = null;
6184
- aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
6185
- libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
6186
- descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] : /* istanbul ignore next */ []);
6290
+ aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
6291
+ libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
6292
+ descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] : /* istanbul ignore next */ []);
6187
6293
  masquee = computed(() => {
6188
6294
  if (!this.masque()) return false;
6189
6295
  if (this.impression()) return true;
@@ -6191,14 +6297,14 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6191
6297
  if (this.readonly()) return true;
6192
6298
  if (this.enSaisie()) return false;
6193
6299
  return this.masqueDemande() || !(this.touched() && this.errors().length > 0);
6194
- }, ...ngDevMode ? [{ debugName: "masquee" }] : /* istanbul ignore next */ []);
6195
- enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] : /* istanbul ignore next */ []);
6300
+ }, ...ngDevMode ? [{ debugName: "masquee" }] : /* istanbul ignore next */ []);
6301
+ enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] : /* istanbul ignore next */ []);
6196
6302
  affichage = computed(() => {
6197
6303
  const valeur = this.value();
6198
6304
  if (this.masquee()) return masquerIban(valeur);
6199
6305
  const brut = this.brut();
6200
6306
  return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
6201
- }, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
6307
+ }, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
6202
6308
  constructor() {
6203
6309
  super();
6204
6310
  const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
@@ -6275,7 +6381,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6275
6381
  }
6276
6382
  static ɵfac = i0.ɵɵngDeclareFactory({
6277
6383
  minVersion: "12.0.0",
6278
- version: "22.2.0",
6384
+ version: "22.2.1",
6279
6385
  ngImport: i0,
6280
6386
  type: StIbanField,
6281
6387
  deps: [],
@@ -6283,7 +6389,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6283
6389
  });
6284
6390
  static ɵcmp = i0.ɵɵngDeclareComponent({
6285
6391
  minVersion: "17.0.0",
6286
- version: "22.2.0",
6392
+ version: "22.2.1",
6287
6393
  type: StIbanField,
6288
6394
  isStandalone: true,
6289
6395
  selector: "st-iban-field",
@@ -6312,7 +6418,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6312
6418
  usesInheritance: true,
6313
6419
  ngImport: i0,
6314
6420
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n le bouton « Reveler 30s ». -->\n <div class=\"st-iban-field__cadre\">\n <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n @if (readonly()) {\n <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n meme nom, meme tabulation que le champ. -->\n <textarea\n #champ\n class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n stControleDeChamp\n rows=\"1\"\n readonly\n autocomplete=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (blur)=\"aLaSortie()\"\n ></textarea>\n } @else {\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 dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n }\n @if (masque()) {\n <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n enfonce et l'oeil barre disent la revelation a la demande. -->\n <button\n #bouton\n class=\"st-iban-field__reveler\"\n type=\"button\"\n [attr.aria-pressed]=\"enClair()\"\n [attr.aria-describedby]=\"idDuBouton\"\n [attr.data-revele]=\"revele() ? '' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n >\n <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n <span>{{ libelleDuBouton() }}</span>\n </button>\n }\n </div>\n</st-form-field>\n@if (masque()) {\n <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
6315
- 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__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"],
6421
+ 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__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"],
6316
6422
  dependencies: [
6317
6423
  {
6318
6424
  kind: "component",
@@ -6354,7 +6460,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6354
6460
  };
6355
6461
  i0.ɵɵngDeclareClassMetadata({
6356
6462
  minVersion: "12.0.0",
6357
- version: "22.2.0",
6463
+ version: "22.2.1",
6358
6464
  ngImport: i0,
6359
6465
  type: StIbanField,
6360
6466
  decorators: [{
@@ -6374,7 +6480,7 @@ i0.ɵɵngDeclareClassMetadata({
6374
6480
  "(window:afterprint)": "apresImpression()"
6375
6481
  },
6376
6482
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n le bouton « Reveler 30s ». -->\n <div class=\"st-iban-field__cadre\">\n <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n @if (readonly()) {\n <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n meme nom, meme tabulation que le champ. -->\n <textarea\n #champ\n class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n stControleDeChamp\n rows=\"1\"\n readonly\n autocomplete=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (blur)=\"aLaSortie()\"\n ></textarea>\n } @else {\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 dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n }\n @if (masque()) {\n <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n enfonce et l'oeil barre disent la revelation a la demande. -->\n <button\n #bouton\n class=\"st-iban-field__reveler\"\n type=\"button\"\n [attr.aria-pressed]=\"enClair()\"\n [attr.aria-describedby]=\"idDuBouton\"\n [attr.data-revele]=\"revele() ? '' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n >\n <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n <span>{{ libelleDuBouton() }}</span>\n </button>\n }\n </div>\n</st-form-field>\n@if (masque()) {\n <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
6377
- 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__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"]
6483
+ 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__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"]
6378
6484
  }]
6379
6485
  }],
6380
6486
  ctorParameters: () => [],
@@ -6437,12 +6543,12 @@ function toucheQuiChoisit(evenement) {
6437
6543
  var StSelect = class StSelect extends ControleDeSaisie {
6438
6544
  affichable = sansCommandesDeDirection;
6439
6545
  libelles = inject(ST_LIBELLES);
6440
- options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
6441
- texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
6442
- autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
6443
- icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
6444
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
6445
- variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
6546
+ options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
6547
+ texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
6548
+ autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
6549
+ icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
6550
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
6551
+ variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
6446
6552
  blocs = computed(() => {
6447
6553
  const blocs = [];
6448
6554
  for (const option of this.options()) {
@@ -6456,12 +6562,12 @@ var StSelect = class StSelect extends ControleDeSaisie {
6456
6562
  });
6457
6563
  }
6458
6564
  return blocs;
6459
- }, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
6565
+ }, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
6460
6566
  valeurInconnue = computed(() => {
6461
6567
  const valeur = this.value();
6462
6568
  if (valeur === "") return null;
6463
6569
  return this.options().some((option) => option.valeur === valeur) ? null : valeur;
6464
- }, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
6570
+ }, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
6465
6571
  constructor() {
6466
6572
  super();
6467
6573
  if (isDevMode()) effect(() => {
@@ -6487,7 +6593,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6487
6593
  }
6488
6594
  static ɵfac = i0.ɵɵngDeclareFactory({
6489
6595
  minVersion: "12.0.0",
6490
- version: "22.2.0",
6596
+ version: "22.2.1",
6491
6597
  ngImport: i0,
6492
6598
  type: StSelect,
6493
6599
  deps: [],
@@ -6495,7 +6601,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6495
6601
  });
6496
6602
  static ɵcmp = i0.ɵɵngDeclareComponent({
6497
6603
  minVersion: "17.0.0",
6498
- version: "22.2.0",
6604
+ version: "22.2.1",
6499
6605
  type: StSelect,
6500
6606
  isStandalone: true,
6501
6607
  selector: "st-select",
@@ -6550,7 +6656,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6550
6656
  usesInheritance: true,
6551
6657
  ngImport: i0,
6552
6658
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <div class=\"st-select__cadre\">\n @if (icone(); as nom) {\n <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <select\n #champ\n class=\"st-select__champ\"\n stControleDeChamp\n [class.st-select__champ--icone]=\"icone() !== null\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"surPression($event)\"\n (keydown)=\"surTouche($event)\"\n (change)=\"surChoix($event)\"\n (blur)=\"touch.emit()\"\n >\n <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n @if (valeurInconnue(); as inconnue) {\n <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n }\n @for (bloc of blocs(); track bloc.cle) {\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 {{ affichable(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 {{ affichable(option.libelle) }}\n </option>\n }\n </optgroup>\n }\n }\n </select>\n @if (!readonly()) {\n <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n }\n </div>\n</st-form-field>\n",
6553
- 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{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"],
6659
+ 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{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"],
6554
6660
  dependencies: [
6555
6661
  {
6556
6662
  kind: "component",
@@ -6592,7 +6698,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6592
6698
  };
6593
6699
  i0.ɵɵngDeclareClassMetadata({
6594
6700
  minVersion: "12.0.0",
6595
- version: "22.2.0",
6701
+ version: "22.2.1",
6596
6702
  ngImport: i0,
6597
6703
  type: StSelect,
6598
6704
  decorators: [{
@@ -6610,7 +6716,7 @@ i0.ɵɵngDeclareClassMetadata({
6610
6716
  "[attr.data-variante]": "variante() === \"tonale\" ? \"tonale\" : null"
6611
6717
  },
6612
6718
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <div class=\"st-select__cadre\">\n @if (icone(); as nom) {\n <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <select\n #champ\n class=\"st-select__champ\"\n stControleDeChamp\n [class.st-select__champ--icone]=\"icone() !== null\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"surPression($event)\"\n (keydown)=\"surTouche($event)\"\n (change)=\"surChoix($event)\"\n (blur)=\"touch.emit()\"\n >\n <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n @if (valeurInconnue(); as inconnue) {\n <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n }\n @for (bloc of blocs(); track bloc.cle) {\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 {{ affichable(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 {{ affichable(option.libelle) }}\n </option>\n }\n </optgroup>\n }\n }\n </select>\n @if (!readonly()) {\n <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n }\n </div>\n</st-form-field>\n",
6613
- 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{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"]
6719
+ 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{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"]
6614
6720
  }]
6615
6721
  }],
6616
6722
  ctorParameters: () => [],
@@ -6686,19 +6792,19 @@ var StCalendar = class StCalendar {
6686
6792
  fuseau = inject(FUSEAU_PAR_DEFAUT);
6687
6793
  element = inject(ElementRef);
6688
6794
  injecteur = inject(Injector);
6689
- aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : /* istanbul ignore next */ []);
6690
- selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
6691
- dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
6692
- dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
6693
- plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
6694
- rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : /* istanbul ignore next */ []);
6695
- annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
6795
+ aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : /* istanbul ignore next */ []);
6796
+ selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
6797
+ dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
6798
+ dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
6799
+ plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
6800
+ rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : /* istanbul ignore next */ []);
6801
+ annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
6696
6802
  pleineLargeur = input(false, {
6697
- ...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
6803
+ ...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
6698
6804
  transform: booleanAttribute
6699
6805
  });
6700
6806
  fermable = input(false, {
6701
- ...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
6807
+ ...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
6702
6808
  transform: booleanAttribute
6703
6809
  });
6704
6810
  choix = output();
@@ -6711,9 +6817,9 @@ var StCalendar = class StCalendar {
6711
6817
  pied: `${base}-pied`
6712
6818
  };
6713
6819
  })();
6714
- active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
6715
- premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []);
6716
- anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] : /* istanbul ignore next */ []);
6820
+ active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
6821
+ premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []);
6822
+ anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] : /* istanbul ignore next */ []);
6717
6823
  titre = computed(() => {
6718
6824
  const [annee, mois] = this.active().split("-").map(Number);
6719
6825
  return initiale(new Intl.DateTimeFormat(this.locale(), {
@@ -6721,7 +6827,7 @@ var StCalendar = class StCalendar {
6721
6827
  year: "numeric",
6722
6828
  timeZone: "UTC"
6723
6829
  }).format(Date.UTC(annee ?? 2e3, (mois ?? 1) - 1, 1)), this.locale());
6724
- }, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
6830
+ }, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
6725
6831
  listeDAnnees = computed(() => {
6726
6832
  const courante = Number(this.aujourdHui().slice(0, 4));
6727
6833
  const annees = this.annees();
@@ -6733,7 +6839,7 @@ var StCalendar = class StCalendar {
6733
6839
  const debut = Math.min(min, active);
6734
6840
  const fin = Math.max(max, active);
6735
6841
  return Array.from({ length: fin - debut + 1 }, (_, index) => debut + index);
6736
- }, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
6842
+ }, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
6737
6843
  joursDeLaSemaine = computed(() => {
6738
6844
  const locale = this.locale();
6739
6845
  const court = new Intl.DateTimeFormat(locale, {
@@ -6752,7 +6858,7 @@ var StCalendar = class StCalendar {
6752
6858
  long: long.format(instant)
6753
6859
  };
6754
6860
  });
6755
- }, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
6861
+ }, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
6756
6862
  semaines = computed(() => {
6757
6863
  const active = this.active();
6758
6864
  const [annee, mois] = active.split("-").map(Number);
@@ -6787,15 +6893,15 @@ var StCalendar = class StCalendar {
6787
6893
  aujourdHui: date === aujourdHui,
6788
6894
  rejete: date === rejet
6789
6895
  })));
6790
- }, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
6896
+ }, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
6791
6897
  moisPrecedentPossible = computed(() => {
6792
6898
  const min = this.dateMin();
6793
6899
  return min === null || this.active().slice(0, 7) > min.slice(0, 7);
6794
- }, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
6900
+ }, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
6795
6901
  moisSuivantPossible = computed(() => {
6796
6902
  const max = this.dateMax();
6797
6903
  return max === null || this.active().slice(0, 7) < max.slice(0, 7);
6798
- }, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
6904
+ }, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
6799
6905
  constructor() {
6800
6906
  afterNextRender(() => {
6801
6907
  this.relireAujourdHui();
@@ -6878,7 +6984,7 @@ var StCalendar = class StCalendar {
6878
6984
  }
6879
6985
  static ɵfac = i0.ɵɵngDeclareFactory({
6880
6986
  minVersion: "12.0.0",
6881
- version: "22.2.0",
6987
+ version: "22.2.1",
6882
6988
  ngImport: i0,
6883
6989
  type: StCalendar,
6884
6990
  deps: [],
@@ -6886,7 +6992,7 @@ var StCalendar = class StCalendar {
6886
6992
  });
6887
6993
  static ɵcmp = i0.ɵɵngDeclareComponent({
6888
6994
  minVersion: "17.0.0",
6889
- version: "22.2.0",
6995
+ version: "22.2.1",
6890
6996
  type: StCalendar,
6891
6997
  isStandalone: true,
6892
6998
  selector: "st-calendar",
@@ -6967,7 +7073,7 @@ var StCalendar = class StCalendar {
6967
7073
  },
6968
7074
  ngImport: i0,
6969
7075
  template: "<div class=\"st-calendar__entete\">\n <div class=\"st-calendar__periode\">\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 <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n <span class=\"st-calendar__annee\">\n <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n <select\n class=\"st-calendar__annee-choix\"\n [attr.aria-label]=\"libelles().annee\"\n (change)=\"changerDAnnee($event)\"\n >\n @for (annee of listeDAnnees(); track annee) {\n <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n }\n </select>\n </span>\n </div>\n <div class=\"st-calendar__navigation\">\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-gauche\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisPrecedent\"\n [disabled]=\"!moisPrecedentPossible()\"\n (click)=\"changerDeMois(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-droite\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisSuivant\"\n [disabled]=\"!moisSuivantPossible()\"\n (click)=\"changerDeMois(1)\"\n ></button>\n </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n un `display` change efface la semantique implicite d'un tableau. -->\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 class=\"st-calendar__tete\">\n <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n @for (jour of joursDeLaSemaine(); track $index) {\n <th\n class=\"st-calendar__jour-de-semaine\"\n role=\"columnheader\"\n scope=\"col\"\n [attr.abbr]=\"jour.long\"\n >\n {{ jour.court }}\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"st-calendar__semaines\">\n @for (semaine of semaines(); track semaine[0]?.date) {\n <tr class=\"st-calendar__semaine\" role=\"row\">\n @for (jour of semaine; track jour.date) {\n @if (jour.horsDuMois) {\n <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n } @else {\n <td\n class=\"st-calendar__cellule\"\n role=\"gridcell\"\n [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n >\n <button\n class=\"st-calendar__jour\"\n type=\"button\"\n [attr.data-date]=\"jour.date\"\n [attr.data-borne]=\"jour.borne\"\n [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n [attr.data-rejete]=\"jour.rejete ? '' : 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 [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n (click)=\"choisir(jour)\"\n >\n <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n </button>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></div>\n",
6970
- 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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-danger);text-decoration-line:line-through;background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"],
7076
+ 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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"],
6971
7077
  dependencies: [{
6972
7078
  kind: "component",
6973
7079
  type: StIcon,
@@ -7005,7 +7111,7 @@ var StCalendar = class StCalendar {
7005
7111
  };
7006
7112
  i0.ɵɵngDeclareClassMetadata({
7007
7113
  minVersion: "12.0.0",
7008
- version: "22.2.0",
7114
+ version: "22.2.1",
7009
7115
  ngImport: i0,
7010
7116
  type: StCalendar,
7011
7117
  decorators: [{
@@ -7024,7 +7130,7 @@ i0.ɵɵngDeclareClassMetadata({
7024
7130
  "(mousedown)": "surAppui($event)"
7025
7131
  },
7026
7132
  template: "<div class=\"st-calendar__entete\">\n <div class=\"st-calendar__periode\">\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 <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n <span class=\"st-calendar__annee\">\n <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n <select\n class=\"st-calendar__annee-choix\"\n [attr.aria-label]=\"libelles().annee\"\n (change)=\"changerDAnnee($event)\"\n >\n @for (annee of listeDAnnees(); track annee) {\n <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n }\n </select>\n </span>\n </div>\n <div class=\"st-calendar__navigation\">\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-gauche\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisPrecedent\"\n [disabled]=\"!moisPrecedentPossible()\"\n (click)=\"changerDeMois(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-droite\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisSuivant\"\n [disabled]=\"!moisSuivantPossible()\"\n (click)=\"changerDeMois(1)\"\n ></button>\n </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n un `display` change efface la semantique implicite d'un tableau. -->\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 class=\"st-calendar__tete\">\n <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n @for (jour of joursDeLaSemaine(); track $index) {\n <th\n class=\"st-calendar__jour-de-semaine\"\n role=\"columnheader\"\n scope=\"col\"\n [attr.abbr]=\"jour.long\"\n >\n {{ jour.court }}\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"st-calendar__semaines\">\n @for (semaine of semaines(); track semaine[0]?.date) {\n <tr class=\"st-calendar__semaine\" role=\"row\">\n @for (jour of semaine; track jour.date) {\n @if (jour.horsDuMois) {\n <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n } @else {\n <td\n class=\"st-calendar__cellule\"\n role=\"gridcell\"\n [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n >\n <button\n class=\"st-calendar__jour\"\n type=\"button\"\n [attr.data-date]=\"jour.date\"\n [attr.data-borne]=\"jour.borne\"\n [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n [attr.data-rejete]=\"jour.rejete ? '' : 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 [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n (click)=\"choisir(jour)\"\n >\n <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n </button>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></div>\n",
7027
- 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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-danger);text-decoration-line:line-through;background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"]
7133
+ 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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"]
7028
7134
  }]
7029
7135
  }],
7030
7136
  ctorParameters: () => [],
@@ -7179,30 +7285,30 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7179
7285
  element = inject(ElementRef);
7180
7286
  document = inject(DOCUMENT);
7181
7287
  injecteur = inject(Injector);
7182
- natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : /* istanbul ignore next */ []);
7183
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7184
- accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
7288
+ natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : /* istanbul ignore next */ []);
7289
+ value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7290
+ accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
7185
7291
  multiple = input(false, {
7186
- ...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
7292
+ ...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
7187
7293
  transform: booleanAttribute
7188
7294
  });
7189
- tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []);
7190
- nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
7191
- libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : /* istanbul ignore next */ []);
7192
- etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] : /* istanbul ignore next */ []);
7295
+ tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []);
7296
+ nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
7297
+ libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : /* istanbul ignore next */ []);
7298
+ etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] : /* istanbul ignore next */ []);
7193
7299
  annulation = output();
7194
7300
  remplacement = output();
7195
7301
  annonce = new AnnonceLocale(inject(DestroyRef));
7196
- survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
7302
+ survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
7197
7303
  identifiants = inject(StIdentifiants);
7198
7304
  identifiantDesConsignes = this.identifiants.prochain("st-file-upload-consignes");
7199
7305
  identifiantDeLaLecture = this.identifiants.prochain("st-file-upload-lecture");
7200
7306
  identifiantDuRefus = this.identifiants.prochain("st-file-upload-refus");
7201
- refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
7307
+ refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
7202
7308
  entreesDuGlisser = 0;
7203
7309
  aRemplacer = null;
7204
- ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
7205
- texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] : /* istanbul ignore next */ []);
7310
+ ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
7311
+ texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] : /* istanbul ignore next */ []);
7206
7312
  consignes = computed(() => {
7207
7313
  const libelles = this.libelles();
7208
7314
  const textes = [this.aideEtRaisons()];
@@ -7213,12 +7319,12 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7213
7319
  if (nombre !== null && this.multiple()) textes.push(libelles.nombreMaximalDeFichiers(nombre));
7214
7320
  const texte = textes.filter((morceau) => morceau !== null).join(" ");
7215
7321
  return texte === "" ? null : texte;
7216
- }, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
7322
+ }, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
7217
7323
  descriptionsDesConsignes = computed(() => [
7218
7324
  ...this.consignes() === null ? [] : [this.identifiantDesConsignes],
7219
7325
  ...this.readonly() ? [this.identifiantDeLaLecture] : [],
7220
7326
  ...this.refusDuNombre() === null ? [] : [this.identifiantDuRefus]
7221
- ], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
7327
+ ], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
7222
7328
  lignes = computed(() => {
7223
7329
  const locale = this.locale();
7224
7330
  const libelles = this.libelles();
@@ -7269,7 +7375,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7269
7375
  annulable: etape === "en-cours" && etat?.annulable !== false
7270
7376
  };
7271
7377
  });
7272
- }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
7378
+ }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
7273
7379
  constructor() {
7274
7380
  super();
7275
7381
  let etapesConnues = null;
@@ -7435,7 +7541,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7435
7541
  }
7436
7542
  static ɵfac = i0.ɵɵngDeclareFactory({
7437
7543
  minVersion: "12.0.0",
7438
- version: "22.2.0",
7544
+ version: "22.2.1",
7439
7545
  ngImport: i0,
7440
7546
  type: StFileUpload,
7441
7547
  deps: [],
@@ -7443,7 +7549,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7443
7549
  });
7444
7550
  static ɵcmp = i0.ɵɵngDeclareComponent({
7445
7551
  minVersion: "17.0.0",
7446
- version: "22.2.0",
7552
+ version: "22.2.1",
7447
7553
  type: StFileUpload,
7448
7554
  isStandalone: true,
7449
7555
  selector: "st-file-upload",
@@ -7517,7 +7623,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7517
7623
  usesInheritance: true,
7518
7624
  ngImport: i0,
7519
7625
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n toutesLesErreurs\n>\n <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n <div\n class=\"st-file-upload__zone\"\n [attr.data-survol]=\"survol() ? '' : null\"\n [attr.data-desactive]=\"desactive() ? '' : null\"\n [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n (dragenter)=\"surEntreeDuGlisser($event)\"\n (dragover)=\"surSurvol($event)\"\n (dragleave)=\"surSortieDuGlisser()\"\n (drop)=\"surDepot($event)\"\n >\n <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n </span>\n <div class=\"st-file-upload__choix\">\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]=\"desactive()\"\n [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n (click)=\"surClicDuNatif($event)\"\n (change)=\"surChoix($event)\"\n (cancel)=\"surAbandon()\"\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 ; son focus se voit ici. En lecture seule, il\n dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n aria-readonly). -->\n <span\n class=\"st-file-upload__bouton\"\n aria-hidden=\"true\"\n [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n (click)=\"ouvrir()\"\n >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n >\n @if (multiple() && !readonly()) {\n <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n libelles().ouDeposerIci\n }}</span>\n }\n </div>\n @if (consignes(); as texte) {\n <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n }\n </div>\n\n <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n element : aucun blanc de mise en page ne s'y glisse. -->\n @if (refusDuNombre(); as refus) {\n <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>\n @for (morceau of refus.morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </p>\n }\n\n @if (lignes().length === 0) {\n <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n } @else {\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-file-upload__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n <div class=\"st-file-upload__entete\">\n <div class=\"st-file-upload__identite\">\n <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n </span>\n <div class=\"st-file-upload__textes\">\n <div class=\"st-file-upload__titre\">\n <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n </div>\n @if (ligne.morceauxDuStatut; as morceaux) {\n <div class=\"st-file-upload__statut\">\n @switch (ligne.etape) {\n @case ('depose') {\n <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n }\n @case ('refuse') {\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n }\n }\n <span>\n @for (morceau of morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </div>\n }\n </div>\n </div>\n\n <div class=\"st-file-upload__actions\">\n @if (ligne.detail; as detail) {\n <span class=\"st-file-upload__detail\">{{ detail }}</span>\n }\n @if (ligne.etape === 'refuse') {\n <button\n class=\"st-file-upload__remplacer\"\n stButton\n type=\"button\"\n variante=\"secondaire\"\n taille=\"xs\"\n [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"remplacer(indice)\"\n >\n {{ libelles().remplacer }}\n </button>\n }\n <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n <button\n class=\"st-file-upload__retrait\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n [etiquette]=\"\n ligne.etape === 'en-cours'\n ? libelles().annulerLeTeleversement(ligne.nom)\n : libelles().retirerLeFichier(ligne.nom)\n \"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n ></button>\n }\n </div>\n </div>\n\n @if (ligne.etape === 'en-cours') {\n <st-progress\n class=\"st-file-upload__progression\"\n epaisseur=\"moyenne\"\n [valeur]=\"ligne.progression\"\n [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n />\n }\n </li>\n }\n </ul>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
7520
- 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-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.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;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-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__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-danger);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-danger)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-danger)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"],
7626
+ 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-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.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;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-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__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"],
7521
7627
  dependencies: [
7522
7628
  {
7523
7629
  kind: "component",
@@ -7606,7 +7712,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7606
7712
  };
7607
7713
  i0.ɵɵngDeclareClassMetadata({
7608
7714
  minVersion: "12.0.0",
7609
- version: "22.2.0",
7715
+ version: "22.2.1",
7610
7716
  ngImport: i0,
7611
7717
  type: StFileUpload,
7612
7718
  decorators: [{
@@ -7627,7 +7733,7 @@ i0.ɵɵngDeclareClassMetadata({
7627
7733
  "(focusout)": "aLaSortie($event)"
7628
7734
  },
7629
7735
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n toutesLesErreurs\n>\n <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n <div\n class=\"st-file-upload__zone\"\n [attr.data-survol]=\"survol() ? '' : null\"\n [attr.data-desactive]=\"desactive() ? '' : null\"\n [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n (dragenter)=\"surEntreeDuGlisser($event)\"\n (dragover)=\"surSurvol($event)\"\n (dragleave)=\"surSortieDuGlisser()\"\n (drop)=\"surDepot($event)\"\n >\n <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n </span>\n <div class=\"st-file-upload__choix\">\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]=\"desactive()\"\n [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n (click)=\"surClicDuNatif($event)\"\n (change)=\"surChoix($event)\"\n (cancel)=\"surAbandon()\"\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 ; son focus se voit ici. En lecture seule, il\n dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n aria-readonly). -->\n <span\n class=\"st-file-upload__bouton\"\n aria-hidden=\"true\"\n [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n (click)=\"ouvrir()\"\n >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n >\n @if (multiple() && !readonly()) {\n <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n libelles().ouDeposerIci\n }}</span>\n }\n </div>\n @if (consignes(); as texte) {\n <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n }\n </div>\n\n <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n element : aucun blanc de mise en page ne s'y glisse. -->\n @if (refusDuNombre(); as refus) {\n <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>\n @for (morceau of refus.morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </p>\n }\n\n @if (lignes().length === 0) {\n <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n } @else {\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-file-upload__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n <div class=\"st-file-upload__entete\">\n <div class=\"st-file-upload__identite\">\n <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n </span>\n <div class=\"st-file-upload__textes\">\n <div class=\"st-file-upload__titre\">\n <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n </div>\n @if (ligne.morceauxDuStatut; as morceaux) {\n <div class=\"st-file-upload__statut\">\n @switch (ligne.etape) {\n @case ('depose') {\n <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n }\n @case ('refuse') {\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n }\n }\n <span>\n @for (morceau of morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </div>\n }\n </div>\n </div>\n\n <div class=\"st-file-upload__actions\">\n @if (ligne.detail; as detail) {\n <span class=\"st-file-upload__detail\">{{ detail }}</span>\n }\n @if (ligne.etape === 'refuse') {\n <button\n class=\"st-file-upload__remplacer\"\n stButton\n type=\"button\"\n variante=\"secondaire\"\n taille=\"xs\"\n [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"remplacer(indice)\"\n >\n {{ libelles().remplacer }}\n </button>\n }\n <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n <button\n class=\"st-file-upload__retrait\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n [etiquette]=\"\n ligne.etape === 'en-cours'\n ? libelles().annulerLeTeleversement(ligne.nom)\n : libelles().retirerLeFichier(ligne.nom)\n \"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n ></button>\n }\n </div>\n </div>\n\n @if (ligne.etape === 'en-cours') {\n <st-progress\n class=\"st-file-upload__progression\"\n epaisseur=\"moyenne\"\n [valeur]=\"ligne.progression\"\n [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n />\n }\n </li>\n }\n </ul>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
7630
- 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-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.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;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-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__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-danger);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-danger)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-danger)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"]
7736
+ 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-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.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;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-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__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"]
7631
7737
  }]
7632
7738
  }],
7633
7739
  ctorParameters: () => [],
@@ -7719,14 +7825,14 @@ function phrase(texte) {
7719
7825
  var StTagInput = class StTagInput extends ContratDeChamp {
7720
7826
  libelles = inject(ST_LIBELLES);
7721
7827
  element = inject(ElementRef);
7722
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7723
- separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : /* istanbul ignore next */ []);
7724
- valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : /* istanbul ignore next */ []);
7725
- nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
7828
+ value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7829
+ separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : /* istanbul ignore next */ []);
7830
+ valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : /* istanbul ignore next */ []);
7831
+ nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
7726
7832
  annonce = new AnnonceLocale(inject(DestroyRef));
7727
7833
  identifiantDuRefus = inject(StIdentifiants).prochain("st-tag-input-refus");
7728
- refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
7729
- modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
7834
+ refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
7835
+ modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
7730
7836
  elements = computed(() => {
7731
7837
  const supprimable = this.modifiable();
7732
7838
  return this.value().map((valeur) => ({
@@ -7734,8 +7840,8 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7734
7840
  libelle: valeur,
7735
7841
  supprimable
7736
7842
  }));
7737
- }, ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
7738
- descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
7843
+ }, ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
7844
+ descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
7739
7845
  constructor() {
7740
7846
  super();
7741
7847
  CHAMPS$1.set(this, {
@@ -7826,7 +7932,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7826
7932
  }
7827
7933
  static ɵfac = i0.ɵɵngDeclareFactory({
7828
7934
  minVersion: "12.0.0",
7829
- version: "22.2.0",
7935
+ version: "22.2.1",
7830
7936
  ngImport: i0,
7831
7937
  type: StTagInput,
7832
7938
  deps: [],
@@ -7834,7 +7940,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7834
7940
  });
7835
7941
  static ɵcmp = i0.ɵɵngDeclareComponent({
7836
7942
  minVersion: "17.0.0",
7837
- version: "22.2.0",
7943
+ version: "22.2.1",
7838
7944
  type: StTagInput,
7839
7945
  isStandalone: true,
7840
7946
  selector: "st-tag-input",
@@ -7876,7 +7982,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7876
7982
  usesInheritance: true,
7877
7983
  ngImport: i0,
7878
7984
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n du champ. -->\n <div class=\"st-tag-input__cadre\">\n <st-tag-group\n class=\"st-tag-input__valeurs\"\n [etiquette]=\"libelle()\"\n [elements]=\"elements()\"\n (supprime)=\"retirer($event)\"\n />\n <input\n #champ\n class=\"st-tag-input__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (keydown)=\"auClavier($event)\"\n (input)=\"surSaisie($event)\"\n (paste)=\"surCollage($event)\"\n />\n </div>\n <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n (WCAG 3.3.1), repris par l'annonce. -->\n @if (refus(); as texte) {\n <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>{{ texte }}</span>\n </p>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
7879
- 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-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"],
7985
+ 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-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"],
7880
7986
  dependencies: [
7881
7987
  {
7882
7988
  kind: "component",
@@ -7933,7 +8039,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7933
8039
  };
7934
8040
  i0.ɵɵngDeclareClassMetadata({
7935
8041
  minVersion: "12.0.0",
7936
- version: "22.2.0",
8042
+ version: "22.2.1",
7937
8043
  ngImport: i0,
7938
8044
  type: StTagInput,
7939
8045
  decorators: [{
@@ -7960,7 +8066,7 @@ i0.ɵɵngDeclareClassMetadata({
7960
8066
  "(focusout)": "aLaSortie($event)"
7961
8067
  },
7962
8068
  template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n du champ. -->\n <div class=\"st-tag-input__cadre\">\n <st-tag-group\n class=\"st-tag-input__valeurs\"\n [etiquette]=\"libelle()\"\n [elements]=\"elements()\"\n (supprime)=\"retirer($event)\"\n />\n <input\n #champ\n class=\"st-tag-input__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (keydown)=\"auClavier($event)\"\n (input)=\"surSaisie($event)\"\n (paste)=\"surCollage($event)\"\n />\n </div>\n <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n (WCAG 3.3.1), repris par l'annonce. -->\n @if (refus(); as texte) {\n <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>{{ texte }}</span>\n </p>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
7963
- 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-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"]
8069
+ 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-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"]
7964
8070
  }]
7965
8071
  }],
7966
8072
  ctorParameters: () => [],
@@ -8037,12 +8143,12 @@ function optionsDesPays(parametres) {
8037
8143
  var StCountryField = class StCountryField extends ControleDeSaisie {
8038
8144
  libelles = inject(ST_LIBELLES);
8039
8145
  locale = inject(ST_LOCALE);
8040
- codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
8041
- enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : /* istanbul ignore next */ []);
8042
- autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
8043
- texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
8044
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
8045
- liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] : /* istanbul ignore next */ []);
8146
+ codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
8147
+ enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : /* istanbul ignore next */ []);
8148
+ autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
8149
+ texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
8150
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
8151
+ liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] : /* istanbul ignore next */ []);
8046
8152
  options = computed(() => optionsDesPays({
8047
8153
  locale: this.locale(),
8048
8154
  codes: this.codes(),
@@ -8052,13 +8158,13 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8052
8158
  frequents: this.libelles().paysFrequents,
8053
8159
  tous: this.libelles().tousLesPays
8054
8160
  }
8055
- }), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
8161
+ }), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
8056
8162
  focus(options) {
8057
8163
  this.liste().focus(options);
8058
8164
  }
8059
8165
  static ɵfac = i0.ɵɵngDeclareFactory({
8060
8166
  minVersion: "12.0.0",
8061
- version: "22.2.0",
8167
+ version: "22.2.1",
8062
8168
  ngImport: i0,
8063
8169
  type: StCountryField,
8064
8170
  deps: null,
@@ -8066,7 +8172,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8066
8172
  });
8067
8173
  static ɵcmp = i0.ɵɵngDeclareComponent({
8068
8174
  minVersion: "17.2.0",
8069
- version: "22.2.0",
8175
+ version: "22.2.1",
8070
8176
  type: StCountryField,
8071
8177
  isStandalone: true,
8072
8178
  selector: "st-country-field",
@@ -8136,7 +8242,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8136
8242
  };
8137
8243
  i0.ɵɵngDeclareClassMetadata({
8138
8244
  minVersion: "12.0.0",
8139
- version: "22.2.0",
8245
+ version: "22.2.1",
8140
8246
  ngImport: i0,
8141
8247
  type: StCountryField,
8142
8248
  decorators: [{
@@ -8216,22 +8322,22 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8216
8322
  libelles = inject(ST_LIBELLES);
8217
8323
  locale = inject(ST_LOCALE);
8218
8324
  element = inject(ElementRef);
8219
- value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
8220
- paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : /* istanbul ignore next */ []);
8221
- codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : /* istanbul ignore next */ []);
8222
- paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] : /* istanbul ignore next */ []);
8325
+ value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
8326
+ paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : /* istanbul ignore next */ []);
8327
+ codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : /* istanbul ignore next */ []);
8328
+ paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] : /* istanbul ignore next */ []);
8223
8329
  ligne2Masquee = input(false, {
8224
- ...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
8330
+ ...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
8225
8331
  transform: booleanAttribute
8226
8332
  });
8227
- sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
8333
+ sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
8228
8334
  annonce = new AnnonceLocale(inject(DestroyRef));
8229
8335
  listes = inject(ST_LISTES_D_ADRESSES);
8230
- pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : /* istanbul ignore next */ []);
8231
- format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
8232
- parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
8233
- exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : /* istanbul ignore next */ []);
8234
- modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
8336
+ pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : /* istanbul ignore next */ []);
8337
+ format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
8338
+ parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
8339
+ exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : /* istanbul ignore next */ []);
8340
+ modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
8235
8341
  erreursParPartie = computed(() => {
8236
8342
  const parPartie = /* @__PURE__ */ new Map();
8237
8343
  const groupe = [];
@@ -8250,8 +8356,8 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8250
8356
  parPartie,
8251
8357
  groupe
8252
8358
  };
8253
- }, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : /* istanbul ignore next */ []);
8254
- erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : /* istanbul ignore next */ []);
8359
+ }, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : /* istanbul ignore next */ []);
8360
+ erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : /* istanbul ignore next */ []);
8255
8361
  demandeDeRegions = computed(() => {
8256
8362
  const pays = this.pays();
8257
8363
  if (this.listes === null || pays === "" || this.format().region === null) return void 0;
@@ -8260,11 +8366,11 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8260
8366
  langue: this.locale()
8261
8367
  };
8262
8368
  }, {
8263
- ...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
8369
+ ...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
8264
8370
  equal: (a, b) => a?.pays === b?.pays && a?.langue === b?.langue
8265
8371
  });
8266
8372
  regions = resource({
8267
- ...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
8373
+ ...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
8268
8374
  params: () => this.demandeDeRegions(),
8269
8375
  loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.regions(params.pays, params.langue, abortSignal)
8270
8376
  });
@@ -8272,14 +8378,14 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8272
8378
  if (!this.regions.hasValue()) return null;
8273
8379
  const liste = this.regions.value();
8274
8380
  return liste !== null && liste.length > 0 ? liste : null;
8275
- }, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
8381
+ }, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
8276
8382
  modeDeRegion = computed(() => {
8277
8383
  if (this.demandeDeRegions() === void 0) return "texte";
8278
8384
  if (this.regions.isLoading()) return "chargement";
8279
8385
  if (this.regions.status() === "error") return "panne";
8280
8386
  return this.listeDesRegions() === null ? "texte" : "liste";
8281
- }, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : /* istanbul ignore next */ []);
8282
- regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] : /* istanbul ignore next */ []);
8387
+ }, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : /* istanbul ignore next */ []);
8388
+ regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] : /* istanbul ignore next */ []);
8283
8389
  optionsDeRegion = computed(() => {
8284
8390
  const liste = this.listeDesRegions() ?? [];
8285
8391
  const options = liste.map((region) => ({
@@ -8292,7 +8398,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8292
8398
  libelle: actuelle
8293
8399
  });
8294
8400
  return options;
8295
- }, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
8401
+ }, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
8296
8402
  demandeDeVilles = computed(() => {
8297
8403
  const pays = this.pays();
8298
8404
  if (this.listes === null || pays === "") return void 0;
@@ -8303,16 +8409,16 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8303
8409
  langue: this.locale()
8304
8410
  };
8305
8411
  }, {
8306
- ...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
8412
+ ...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
8307
8413
  equal: (a, b) => a?.pays === b?.pays && a?.region === b?.region && a?.langue === b?.langue
8308
8414
  });
8309
8415
  villes = resource({
8310
- ...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
8416
+ ...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
8311
8417
  params: () => this.demandeDeVilles(),
8312
8418
  loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.villes(params, abortSignal)
8313
8419
  });
8314
- villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : /* istanbul ignore next */ []);
8315
- listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] : /* istanbul ignore next */ []);
8420
+ villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : /* istanbul ignore next */ []);
8421
+ listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] : /* istanbul ignore next */ []);
8316
8422
  constructor() {
8317
8423
  super();
8318
8424
  CHAMPS.set(this, {
@@ -8435,7 +8541,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8435
8541
  }
8436
8542
  static ɵfac = i0.ɵɵngDeclareFactory({
8437
8543
  minVersion: "12.0.0",
8438
- version: "22.2.0",
8544
+ version: "22.2.1",
8439
8545
  ngImport: i0,
8440
8546
  type: StAddressFieldset,
8441
8547
  deps: [],
@@ -8443,7 +8549,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8443
8549
  });
8444
8550
  static ɵcmp = i0.ɵɵngDeclareComponent({
8445
8551
  minVersion: "17.0.0",
8446
- version: "22.2.0",
8552
+ version: "22.2.1",
8447
8553
  type: StAddressFieldset,
8448
8554
  isStandalone: true,
8449
8555
  selector: "st-address-fieldset",
@@ -8578,7 +8684,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8578
8684
  };
8579
8685
  i0.ɵɵngDeclareClassMetadata({
8580
8686
  minVersion: "12.0.0",
8581
- version: "22.2.0",
8687
+ version: "22.2.1",
8582
8688
  ngImport: i0,
8583
8689
  type: StAddressFieldset,
8584
8690
  decorators: [{
@@ -8668,8 +8774,8 @@ i0.ɵɵngDeclareClassMetadata({
8668
8774
  }
8669
8775
  });
8670
8776
  var StFormActions = class StFormActions {
8671
- disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
8672
- collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] : /* istanbul ignore next */ []);
8777
+ disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
8778
+ collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] : /* istanbul ignore next */ []);
8673
8779
  constructor() {
8674
8780
  const element = inject(ElementRef).nativeElement;
8675
8781
  const document = inject(DOCUMENT$1);
@@ -8719,7 +8825,7 @@ var StFormActions = class StFormActions {
8719
8825
  }
8720
8826
  static ɵfac = i0.ɵɵngDeclareFactory({
8721
8827
  minVersion: "12.0.0",
8722
- version: "22.2.0",
8828
+ version: "22.2.1",
8723
8829
  ngImport: i0,
8724
8830
  type: StFormActions,
8725
8831
  deps: [],
@@ -8727,7 +8833,7 @@ var StFormActions = class StFormActions {
8727
8833
  });
8728
8834
  static ɵcmp = i0.ɵɵngDeclareComponent({
8729
8835
  minVersion: "17.1.0",
8730
- version: "22.2.0",
8836
+ version: "22.2.1",
8731
8837
  type: StFormActions,
8732
8838
  isStandalone: true,
8733
8839
  selector: "st-form-actions",
@@ -8753,7 +8859,7 @@ var StFormActions = class StFormActions {
8753
8859
  };
8754
8860
  i0.ɵɵngDeclareClassMetadata({
8755
8861
  minVersion: "12.0.0",
8756
- version: "22.2.0",
8862
+ version: "22.2.1",
8757
8863
  ngImport: i0,
8758
8864
  type: StFormActions,
8759
8865
  decorators: [{
@@ -8793,6 +8899,6 @@ function avertirDesEnvoisMultiples(element) {
8793
8899
  const envois = element.querySelectorAll("button[type=\"submit\"], input[type=\"submit\"]").length;
8794
8900
  if (envois > 1) console.warn(`[st-form-actions] ${String(envois)} boutons d'envoi : un formulaire n'a qu'une action principale, et Entree dans un champ declenche la premiere.`);
8795
8901
  }
8796
- export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifLocal, normaliserPourRecherche, optionsDesPays };
8902
+ export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ESTIMATEUR_DE_FORCE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fournirEstimateurDeForce, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal, niveauDuScore, normaliserPourRecherche, optionsDesPays };
8797
8903
 
8798
8904
  //# sourceMappingURL=starterlib-ui-saisie.mjs.map