@starterlib/ui 0.10.14 → 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 (56) hide show
  1. package/README.md +137 -32
  2. package/assets/icones/catalogue.json +199 -4
  3. package/assets/icones/sprite.svg +14 -0
  4. package/fesm2022/starterlib-ui-arbre.mjs +25 -25
  5. package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
  6. package/fesm2022/starterlib-ui-donnees.mjs +760 -274
  7. package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
  8. package/fesm2022/starterlib-ui-etats.mjs +82 -82
  9. package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
  10. package/fesm2022/starterlib-ui-force.mjs +18 -0
  11. package/fesm2022/starterlib-ui-force.mjs.map +1 -0
  12. package/fesm2022/starterlib-ui-formulaires.mjs +218 -218
  13. package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
  14. package/fesm2022/starterlib-ui-graphiques.mjs +934 -0
  15. package/fesm2022/starterlib-ui-graphiques.mjs.map +1 -0
  16. package/fesm2022/starterlib-ui-indicateurs.mjs +59 -59
  17. package/fesm2022/starterlib-ui-indicateurs.mjs.map +1 -1
  18. package/fesm2022/starterlib-ui-libelles-en.mjs +11 -0
  19. package/fesm2022/starterlib-ui-libelles-en.mjs.map +1 -1
  20. package/fesm2022/starterlib-ui-listes.mjs +727 -315
  21. package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
  22. package/fesm2022/starterlib-ui-messagerie.mjs +45 -45
  23. package/fesm2022/starterlib-ui-messagerie.mjs.map +1 -1
  24. package/fesm2022/starterlib-ui-mise-en-page.mjs +46 -46
  25. package/fesm2022/starterlib-ui-mise-en-page.mjs.map +1 -1
  26. package/fesm2022/starterlib-ui-navigation.mjs +200 -42
  27. package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
  28. package/fesm2022/starterlib-ui-onglets.mjs +20 -20
  29. package/fesm2022/starterlib-ui-onglets.mjs.map +1 -1
  30. package/fesm2022/starterlib-ui-parcours.mjs +631 -168
  31. package/fesm2022/starterlib-ui-parcours.mjs.map +1 -1
  32. package/fesm2022/starterlib-ui-qr.mjs +11 -11
  33. package/fesm2022/starterlib-ui-qr.mjs.map +1 -1
  34. package/fesm2022/starterlib-ui-saisie.mjs +609 -510
  35. package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
  36. package/fesm2022/starterlib-ui-selection.mjs +64 -64
  37. package/fesm2022/starterlib-ui-selection.mjs.map +1 -1
  38. package/fesm2022/starterlib-ui-sens.mjs +3 -3
  39. package/fesm2022/starterlib-ui-surfaces.mjs +246 -242
  40. package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
  41. package/fesm2022/starterlib-ui-virtuel.mjs +17 -17
  42. package/fesm2022/starterlib-ui-virtuel.mjs.map +1 -1
  43. package/fesm2022/starterlib-ui.mjs +1136 -892
  44. package/fesm2022/starterlib-ui.mjs.map +1 -1
  45. package/package.json +27 -3
  46. package/types/starterlib-ui-donnees.d.ts +231 -5
  47. package/types/starterlib-ui-force.d.ts +19 -0
  48. package/types/starterlib-ui-graphiques.d.ts +421 -0
  49. package/types/starterlib-ui-indicateurs.d.ts +11 -4
  50. package/types/starterlib-ui-listes.d.ts +230 -13
  51. package/types/starterlib-ui-navigation.d.ts +82 -1
  52. package/types/starterlib-ui-parcours.d.ts +265 -5
  53. package/types/starterlib-ui-saisie.d.ts +89 -10
  54. package/types/starterlib-ui-selection.d.ts +1 -1
  55. package/types/starterlib-ui-surfaces.d.ts +10 -9
  56. package/types/starterlib-ui.d.ts +175 -24
@@ -2,8 +2,8 @@ import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois
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") {
@@ -275,52 +275,52 @@ function fusionnerErreurs(formulaire, lecture) {
275
275
  }
276
276
  const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
277
277
  var ContratDeChamp = class ContratDeChamp {
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 */ []);
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 */ []);
281
281
  touched = input(false, {
282
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
282
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
283
283
  transform: booleanAttribute
284
284
  });
285
285
  dirty = input(false, {
286
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
286
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
287
287
  transform: booleanAttribute
288
288
  });
289
289
  pending = input(false, {
290
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
290
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
291
291
  transform: booleanAttribute
292
292
  });
293
293
  disabled = input(false, {
294
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
294
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
295
295
  transform: booleanAttribute
296
296
  });
297
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
297
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
298
298
  readonly = input(false, {
299
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
299
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
300
300
  transform: booleanAttribute
301
301
  });
302
302
  required = input(false, {
303
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
303
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
304
304
  transform: booleanAttribute
305
305
  });
306
306
  hidden = input(false, {
307
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
307
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
308
308
  transform: booleanAttribute
309
309
  });
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 */ []);
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 */ []);
314
314
  touch = output();
315
- champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
315
+ champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
316
316
  groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
317
- 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 */ []);
318
318
  aideEtRaisons = computed(() => {
319
319
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
320
320
  const aide = this.aide()?.trim() ?? "";
321
321
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
322
322
  return morceaux.length === 0 ? null : morceaux.join(" ");
323
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
323
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
324
324
  focus(options) {
325
325
  this.champ()?.nativeElement.focus(options);
326
326
  }
@@ -329,7 +329,7 @@ var ContratDeChamp = class ContratDeChamp {
329
329
  }
330
330
  static ɵfac = i0.ɵɵngDeclareFactory({
331
331
  minVersion: "12.0.0",
332
- version: "22.2.0",
332
+ version: "22.2.1",
333
333
  ngImport: i0,
334
334
  type: ContratDeChamp,
335
335
  deps: [],
@@ -337,7 +337,7 @@ var ContratDeChamp = class ContratDeChamp {
337
337
  });
338
338
  static ɵdir = i0.ɵɵngDeclareDirective({
339
339
  minVersion: "17.2.0",
340
- version: "22.2.0",
340
+ version: "22.2.1",
341
341
  type: ContratDeChamp,
342
342
  isStandalone: true,
343
343
  inputs: {
@@ -461,7 +461,7 @@ var ContratDeChamp = class ContratDeChamp {
461
461
  };
462
462
  i0.ɵɵngDeclareClassMetadata({
463
463
  minVersion: "12.0.0",
464
- version: "22.2.0",
464
+ version: "22.2.1",
465
465
  ngImport: i0,
466
466
  type: ContratDeChamp,
467
467
  decorators: [{
@@ -600,11 +600,11 @@ i0.ɵɵngDeclareClassMetadata({
600
600
  }
601
601
  });
602
602
  var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
603
- min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
604
- 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 */ []);
605
605
  static ɵfac = i0.ɵɵngDeclareFactory({
606
606
  minVersion: "12.0.0",
607
- version: "22.2.0",
607
+ version: "22.2.1",
608
608
  ngImport: i0,
609
609
  type: ContratDeChampABornes,
610
610
  deps: null,
@@ -612,7 +612,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
612
612
  });
613
613
  static ɵdir = i0.ɵɵngDeclareDirective({
614
614
  minVersion: "17.1.0",
615
- version: "22.2.0",
615
+ version: "22.2.1",
616
616
  type: ContratDeChampABornes,
617
617
  isStandalone: true,
618
618
  inputs: {
@@ -637,7 +637,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
637
637
  };
638
638
  i0.ɵɵngDeclareClassMetadata({
639
639
  minVersion: "12.0.0",
640
- version: "22.2.0",
640
+ version: "22.2.1",
641
641
  ngImport: i0,
642
642
  type: ContratDeChampABornes,
643
643
  decorators: [{ type: Directive }],
@@ -661,10 +661,10 @@ i0.ɵɵngDeclareClassMetadata({
661
661
  }
662
662
  });
663
663
  var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
664
- value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
664
+ value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
665
665
  static ɵfac = i0.ɵɵngDeclareFactory({
666
666
  minVersion: "12.0.0",
667
- version: "22.2.0",
667
+ version: "22.2.1",
668
668
  ngImport: i0,
669
669
  type: ControleDeSaisie,
670
670
  deps: null,
@@ -672,7 +672,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
672
672
  });
673
673
  static ɵdir = i0.ɵɵngDeclareDirective({
674
674
  minVersion: "17.1.0",
675
- version: "22.2.0",
675
+ version: "22.2.1",
676
676
  type: ControleDeSaisie,
677
677
  isStandalone: true,
678
678
  inputs: { value: {
@@ -689,7 +689,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
689
689
  };
690
690
  i0.ɵɵngDeclareClassMetadata({
691
691
  minVersion: "12.0.0",
692
- version: "22.2.0",
692
+ version: "22.2.1",
693
693
  ngImport: i0,
694
694
  type: ControleDeSaisie,
695
695
  decorators: [{ type: Directive }],
@@ -706,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({
706
706
  }] }
707
707
  });
708
708
  var ContratDeCase = class ContratDeCase extends ContratDeChamp {
709
- checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
709
+ checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
710
710
  surClic(evenement) {
711
711
  if (this.readonly()) evenement.preventDefault();
712
712
  }
@@ -720,7 +720,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
720
720
  }
721
721
  static ɵfac = i0.ɵɵngDeclareFactory({
722
722
  minVersion: "12.0.0",
723
- version: "22.2.0",
723
+ version: "22.2.1",
724
724
  ngImport: i0,
725
725
  type: ContratDeCase,
726
726
  deps: null,
@@ -728,7 +728,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
728
728
  });
729
729
  static ɵdir = i0.ɵɵngDeclareDirective({
730
730
  minVersion: "17.1.0",
731
- version: "22.2.0",
731
+ version: "22.2.1",
732
732
  type: ContratDeCase,
733
733
  isStandalone: true,
734
734
  inputs: { checked: {
@@ -745,7 +745,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
745
745
  };
746
746
  i0.ɵɵngDeclareClassMetadata({
747
747
  minVersion: "12.0.0",
748
- version: "22.2.0",
748
+ version: "22.2.1",
749
749
  ngImport: i0,
750
750
  type: ContratDeCase,
751
751
  decorators: [{ type: Directive }],
@@ -780,7 +780,7 @@ var StNomsDesChamps = class StNomsDesChamps {
780
780
  }
781
781
  static ɵfac = i0.ɵɵngDeclareFactory({
782
782
  minVersion: "12.0.0",
783
- version: "22.2.0",
783
+ version: "22.2.1",
784
784
  ngImport: i0,
785
785
  type: StNomsDesChamps,
786
786
  deps: [],
@@ -788,7 +788,7 @@ var StNomsDesChamps = class StNomsDesChamps {
788
788
  });
789
789
  static ɵprov = i0.ɵɵngDeclareInjectable({
790
790
  minVersion: "12.0.0",
791
- version: "22.2.0",
791
+ version: "22.2.1",
792
792
  ngImport: i0,
793
793
  type: StNomsDesChamps,
794
794
  providedIn: "root"
@@ -796,7 +796,7 @@ var StNomsDesChamps = class StNomsDesChamps {
796
796
  };
797
797
  i0.ɵɵngDeclareClassMetadata({
798
798
  minVersion: "12.0.0",
799
- version: "22.2.0",
799
+ version: "22.2.1",
800
800
  ngImport: i0,
801
801
  type: StNomsDesChamps,
802
802
  decorators: [{
@@ -807,18 +807,18 @@ i0.ɵɵngDeclareClassMetadata({
807
807
  var PorteurDErreurs = class PorteurDErreurs {
808
808
  libelles = inject(ST_LIBELLES);
809
809
  locale = inject(ST_LOCALE);
810
- aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
811
- 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 */ []);
812
812
  afficherErreurs = input(false, {
813
- ...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
813
+ ...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
814
814
  transform: booleanAttribute
815
815
  });
816
816
  toutesLesErreurs = input(false, {
817
- ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
817
+ ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
818
818
  transform: booleanAttribute
819
819
  });
820
820
  obligatoire = input(false, {
821
- ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
821
+ ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
822
822
  transform: booleanAttribute
823
823
  });
824
824
  racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
@@ -830,29 +830,29 @@ var PorteurDErreurs = class PorteurDErreurs {
830
830
  noms.retirer(element);
831
831
  });
832
832
  }
833
- libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
834
- 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 */ []);
835
835
  messages = computed(() => {
836
836
  if (!this.afficherErreurs()) return [];
837
837
  const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
838
838
  const libelles = this.libelles();
839
839
  const locale = this.locale();
840
840
  return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
841
- }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
842
- 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 */ []);
843
843
  descriptions = computed(() => {
844
844
  const ids = [];
845
845
  if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
846
846
  ids.push(...this.descriptionsPropres());
847
847
  if (this.enErreur()) ids.push(this.identifiants.erreur);
848
848
  return ids.length === 0 ? null : ids.join(" ");
849
- }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
849
+ }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
850
850
  descriptionsPropres() {
851
851
  return [];
852
852
  }
853
853
  static ɵfac = i0.ɵɵngDeclareFactory({
854
854
  minVersion: "12.0.0",
855
- version: "22.2.0",
855
+ version: "22.2.1",
856
856
  ngImport: i0,
857
857
  type: PorteurDErreurs,
858
858
  deps: [],
@@ -860,7 +860,7 @@ var PorteurDErreurs = class PorteurDErreurs {
860
860
  });
861
861
  static ɵdir = i0.ɵɵngDeclareDirective({
862
862
  minVersion: "17.1.0",
863
- version: "22.2.0",
863
+ version: "22.2.1",
864
864
  type: PorteurDErreurs,
865
865
  isStandalone: true,
866
866
  inputs: {
@@ -905,7 +905,7 @@ var PorteurDErreurs = class PorteurDErreurs {
905
905
  };
906
906
  i0.ɵɵngDeclareClassMetadata({
907
907
  minVersion: "12.0.0",
908
- version: "22.2.0",
908
+ version: "22.2.1",
909
909
  ngImport: i0,
910
910
  type: PorteurDErreurs,
911
911
  decorators: [{ type: Directive }],
@@ -966,15 +966,15 @@ const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
966
966
  "PROGRESS"
967
967
  ]);
968
968
  var StFormField = class StFormField extends PorteurDErreurs {
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 */ []);
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 */ []);
973
973
  libelleMasque = input(false, {
974
- ...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
974
+ ...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
975
975
  transform: booleanAttribute
976
976
  });
977
- descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
977
+ descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
978
978
  identifiants = {
979
979
  controle: this.racine,
980
980
  libelle: `${this.racine}-libelle`,
@@ -984,18 +984,18 @@ var StFormField = class StFormField extends PorteurDErreurs {
984
984
  complement: `${this.racine}-complement`,
985
985
  erreur: `${this.racine}-erreur`
986
986
  };
987
- complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
987
+ complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
988
988
  controle = contentChild(StControleDeChamp, {
989
- ...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
989
+ ...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
990
990
  descendants: true,
991
991
  read: ElementRef
992
992
  });
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 */ []);
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 */ []);
999
999
  nom() {
1000
1000
  return this.libelle();
1001
1001
  }
@@ -1030,7 +1030,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1030
1030
  }
1031
1031
  static ɵfac = i0.ɵɵngDeclareFactory({
1032
1032
  minVersion: "12.0.0",
1033
- version: "22.2.0",
1033
+ version: "22.2.1",
1034
1034
  ngImport: i0,
1035
1035
  type: StFormField,
1036
1036
  deps: [],
@@ -1038,7 +1038,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1038
1038
  });
1039
1039
  static ɵcmp = i0.ɵɵngDeclareComponent({
1040
1040
  minVersion: "17.0.0",
1041
- version: "22.2.0",
1041
+ version: "22.2.1",
1042
1042
  type: StFormField,
1043
1043
  isStandalone: true,
1044
1044
  selector: "st-form-field",
@@ -1127,8 +1127,8 @@ var StFormField = class StFormField extends PorteurDErreurs {
1127
1127
  ],
1128
1128
  usesInheritance: true,
1129
1129
  ngImport: i0,
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=\"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",
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-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"],
1132
1132
  dependencies: [{
1133
1133
  kind: "component",
1134
1134
  type: StInlineMessage,
@@ -1146,7 +1146,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
1146
1146
  };
1147
1147
  i0.ɵɵngDeclareClassMetadata({
1148
1148
  minVersion: "12.0.0",
1149
- version: "22.2.0",
1149
+ version: "22.2.1",
1150
1150
  ngImport: i0,
1151
1151
  type: StFormField,
1152
1152
  decorators: [{
@@ -1161,8 +1161,8 @@ i0.ɵɵngDeclareClassMetadata({
1161
1161
  "[attr.data-disposition]": "disposition()",
1162
1162
  "[attr.data-presentation]": "presentation()"
1163
1163
  },
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=\"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",
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-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"]
1166
1166
  }]
1167
1167
  }],
1168
1168
  ctorParameters: () => [],
@@ -1245,7 +1245,7 @@ var StControleDeChamp = class StControleDeChamp {
1245
1245
  etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
1246
1246
  static ɵfac = i0.ɵɵngDeclareFactory({
1247
1247
  minVersion: "12.0.0",
1248
- version: "22.2.0",
1248
+ version: "22.2.1",
1249
1249
  ngImport: i0,
1250
1250
  type: StControleDeChamp,
1251
1251
  deps: [],
@@ -1253,7 +1253,7 @@ var StControleDeChamp = class StControleDeChamp {
1253
1253
  });
1254
1254
  static ɵdir = i0.ɵɵngDeclareDirective({
1255
1255
  minVersion: "14.0.0",
1256
- version: "22.2.0",
1256
+ version: "22.2.1",
1257
1257
  type: StControleDeChamp,
1258
1258
  isStandalone: true,
1259
1259
  selector: "[stControleDeChamp]",
@@ -1270,7 +1270,7 @@ var StControleDeChamp = class StControleDeChamp {
1270
1270
  };
1271
1271
  i0.ɵɵngDeclareClassMetadata({
1272
1272
  minVersion: "12.0.0",
1273
- version: "22.2.0",
1273
+ version: "22.2.1",
1274
1274
  ngImport: i0,
1275
1275
  type: StControleDeChamp,
1276
1276
  decorators: [{
@@ -1302,21 +1302,21 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1302
1302
  restants = computed(() => {
1303
1303
  const maximum = this.maxLength();
1304
1304
  return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
1305
- }, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
1306
- 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 */ []);
1307
1307
  compteur = computed(() => {
1308
1308
  const restants = this.restants();
1309
1309
  if (restants === null) return null;
1310
1310
  const libelles = this.libelles();
1311
1311
  return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
1312
- }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
1312
+ }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
1313
1313
  aideAffichee = computed(() => {
1314
1314
  const libelles = this.libelles();
1315
1315
  const minimum = this.minLength();
1316
1316
  const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
1317
1317
  if (!this.pending()) return aide;
1318
1318
  return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
1319
- }, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
1319
+ }, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
1320
1320
  erreurs = computed(() => {
1321
1321
  const maximum = this.maxLength();
1322
1322
  if (!this.enDepassement() || maximum === void 0) return this.errors();
@@ -1325,9 +1325,9 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1325
1325
  maxLength: maximum
1326
1326
  };
1327
1327
  return fusionnerErreurs(this.errors(), [depassement]);
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 */ []);
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 */ []);
1331
1331
  constructor() {
1332
1332
  super();
1333
1333
  let precedent = null;
@@ -1348,7 +1348,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1348
1348
  }
1349
1349
  static ɵfac = i0.ɵɵngDeclareFactory({
1350
1350
  minVersion: "12.0.0",
1351
- version: "22.2.0",
1351
+ version: "22.2.1",
1352
1352
  ngImport: i0,
1353
1353
  type: ControleDeSaisieCompte,
1354
1354
  deps: [],
@@ -1356,7 +1356,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1356
1356
  });
1357
1357
  static ɵdir = i0.ɵɵngDeclareDirective({
1358
1358
  minVersion: "14.0.0",
1359
- version: "22.2.0",
1359
+ version: "22.2.1",
1360
1360
  type: ControleDeSaisieCompte,
1361
1361
  isStandalone: true,
1362
1362
  usesInheritance: true,
@@ -1365,7 +1365,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
1365
1365
  };
1366
1366
  i0.ɵɵngDeclareClassMetadata({
1367
1367
  minVersion: "12.0.0",
1368
- version: "22.2.0",
1368
+ version: "22.2.1",
1369
1369
  ngImport: i0,
1370
1370
  type: ControleDeSaisieCompte,
1371
1371
  decorators: [{ type: Directive }],
@@ -1385,22 +1385,22 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1385
1385
  racineDuCadre = inject(StIdentifiants).prochain("st-input");
1386
1386
  idPrefixe = `${this.racineDuCadre}-prefixe`;
1387
1387
  idSuffixe = `${this.racineDuCadre}-suffixe`;
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 */ []);
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 */ []);
1400
1400
  idDesSuggestions = `${this.racineDuCadre}-suggestions`;
1401
- 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 */ []);
1402
1402
  attenteVisible = affichageDiffere(() => this.pending());
1403
- 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 */ []);
1404
1404
  constructor() {
1405
1405
  super();
1406
1406
  afterEveryRender({ read: () => {
@@ -1424,7 +1424,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1424
1424
  }
1425
1425
  static ɵfac = i0.ɵɵngDeclareFactory({
1426
1426
  minVersion: "12.0.0",
1427
- version: "22.2.0",
1427
+ version: "22.2.1",
1428
1428
  ngImport: i0,
1429
1429
  type: StInput,
1430
1430
  deps: [],
@@ -1432,7 +1432,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1432
1432
  });
1433
1433
  static ɵcmp = i0.ɵɵngDeclareComponent({
1434
1434
  minVersion: "17.0.0",
1435
- version: "22.2.0",
1435
+ version: "22.2.1",
1436
1436
  type: StInput,
1437
1437
  isStandalone: true,
1438
1438
  selector: "st-input",
@@ -1514,7 +1514,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1514
1514
  usesInheritance: true,
1515
1515
  ngImport: i0,
1516
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",
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-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"],
1518
1518
  dependencies: [
1519
1519
  {
1520
1520
  kind: "component",
@@ -1567,7 +1567,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
1567
1567
  };
1568
1568
  i0.ɵɵngDeclareClassMetadata({
1569
1569
  minVersion: "12.0.0",
1570
- version: "22.2.0",
1570
+ version: "22.2.1",
1571
1571
  ngImport: i0,
1572
1572
  type: StInput,
1573
1573
  decorators: [{
@@ -1586,7 +1586,7 @@ i0.ɵɵngDeclareClassMetadata({
1586
1586
  "[attr.data-depassement]": "enDepassement() ? \"\" : null"
1587
1587
  },
1588
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",
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-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"]
1590
1590
  }]
1591
1591
  }],
1592
1592
  ctorParameters: () => [],
@@ -1667,11 +1667,11 @@ i0.ɵɵngDeclareClassMetadata({
1667
1667
  });
1668
1668
  var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1669
1669
  lignes = input(4, {
1670
- ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
1670
+ ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
1671
1671
  transform: numberAttribute
1672
1672
  });
1673
1673
  lignesMax = input(12, {
1674
- ...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
1674
+ ...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
1675
1675
  transform: numberAttribute
1676
1676
  });
1677
1677
  bornes = computed(() => {
@@ -1680,13 +1680,13 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1680
1680
  lignes,
1681
1681
  lignesMax: Math.max(lignes, this.lignesMax())
1682
1682
  };
1683
- }, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
1683
+ }, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
1684
1684
  surSaisie(evenement) {
1685
1685
  this.value.set(this.texteSaisi(evenement));
1686
1686
  }
1687
1687
  static ɵfac = i0.ɵɵngDeclareFactory({
1688
1688
  minVersion: "12.0.0",
1689
- version: "22.2.0",
1689
+ version: "22.2.1",
1690
1690
  ngImport: i0,
1691
1691
  type: StTextarea,
1692
1692
  deps: null,
@@ -1694,7 +1694,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1694
1694
  });
1695
1695
  static ɵcmp = i0.ɵɵngDeclareComponent({
1696
1696
  minVersion: "17.1.0",
1697
- version: "22.2.0",
1697
+ version: "22.2.1",
1698
1698
  type: StTextarea,
1699
1699
  isStandalone: true,
1700
1700
  selector: "st-textarea",
@@ -1721,7 +1721,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1721
1721
  usesInheritance: true,
1722
1722
  ngImport: i0,
1723
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",
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-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"],
1725
1725
  dependencies: [{
1726
1726
  kind: "component",
1727
1727
  type: StFormField,
@@ -1744,7 +1744,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
1744
1744
  };
1745
1745
  i0.ɵɵngDeclareClassMetadata({
1746
1746
  minVersion: "12.0.0",
1747
- version: "22.2.0",
1747
+ version: "22.2.1",
1748
1748
  ngImport: i0,
1749
1749
  type: StTextarea,
1750
1750
  decorators: [{
@@ -1758,7 +1758,7 @@ i0.ɵɵngDeclareClassMetadata({
1758
1758
  "[attr.data-depassement]": "enDepassement() ? \"\" : null"
1759
1759
  },
1760
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",
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-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"]
1762
1762
  }]
1763
1763
  }],
1764
1764
  propDecorators: {
@@ -1781,30 +1781,30 @@ i0.ɵɵngDeclareClassMetadata({
1781
1781
  }
1782
1782
  });
1783
1783
  var StFieldset = class StFieldset extends PorteurDErreurs {
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 */ []);
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 */ []);
1787
1787
  toutesLesErreurs = input(true, {
1788
- ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
1788
+ ...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
1789
1789
  transform: booleanAttribute
1790
1790
  });
1791
1791
  choixExclusif = input(false, {
1792
- ...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
1792
+ ...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
1793
1793
  transform: booleanAttribute
1794
1794
  });
1795
1795
  readonly = input(false, {
1796
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
1796
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
1797
1797
  transform: booleanAttribute
1798
1798
  });
1799
1799
  disabled = input(false, {
1800
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
1800
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
1801
1801
  transform: booleanAttribute
1802
1802
  });
1803
1803
  hidden = input(false, {
1804
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
1804
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
1805
1805
  transform: booleanAttribute
1806
1806
  });
1807
- decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1807
+ decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
1808
1808
  identifiants = {
1809
1809
  aide: `${this.racine}-aide`,
1810
1810
  erreur: `${this.racine}-erreur`
@@ -1820,7 +1820,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1820
1820
  }
1821
1821
  static ɵfac = i0.ɵɵngDeclareFactory({
1822
1822
  minVersion: "12.0.0",
1823
- version: "22.2.0",
1823
+ version: "22.2.1",
1824
1824
  ngImport: i0,
1825
1825
  type: StFieldset,
1826
1826
  deps: null,
@@ -1828,7 +1828,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1828
1828
  });
1829
1829
  static ɵcmp = i0.ɵɵngDeclareComponent({
1830
1830
  minVersion: "17.0.0",
1831
- version: "22.2.0",
1831
+ version: "22.2.1",
1832
1832
  type: StFieldset,
1833
1833
  isStandalone: true,
1834
1834
  selector: "st-fieldset",
@@ -1912,8 +1912,8 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1912
1912
  }],
1913
1913
  usesInheritance: true,
1914
1914
  ngImport: i0,
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=\"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",
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-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"],
1917
1917
  dependencies: [{
1918
1918
  kind: "component",
1919
1919
  type: StInlineMessage,
@@ -1931,7 +1931,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
1931
1931
  };
1932
1932
  i0.ɵɵngDeclareClassMetadata({
1933
1933
  minVersion: "12.0.0",
1934
- version: "22.2.0",
1934
+ version: "22.2.1",
1935
1935
  ngImport: i0,
1936
1936
  type: StFieldset,
1937
1937
  decorators: [{
@@ -1951,8 +1951,8 @@ i0.ɵɵngDeclareClassMetadata({
1951
1951
  provide: ST_GROUPE_DE_SAISIE,
1952
1952
  useExisting: StFieldset
1953
1953
  }],
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=\"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",
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-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"]
1956
1956
  }]
1957
1957
  }],
1958
1958
  propDecorators: {
@@ -2031,19 +2031,19 @@ i0.ɵɵngDeclareClassMetadata({
2031
2031
  }
2032
2032
  });
2033
2033
  var StCheckbox = class StCheckbox extends ContratDeCase {
2034
- indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
2034
+ indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
2035
2035
  aideDEtat = input(false, {
2036
- ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
2036
+ ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
2037
2037
  transform: booleanAttribute
2038
2038
  });
2039
- 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 */ []);
2040
2040
  surChangement(evenement) {
2041
2041
  this.surBascule(evenement);
2042
2042
  if (!this.readonly()) this.indetermine.set(false);
2043
2043
  }
2044
2044
  static ɵfac = i0.ɵɵngDeclareFactory({
2045
2045
  minVersion: "12.0.0",
2046
- version: "22.2.0",
2046
+ version: "22.2.1",
2047
2047
  ngImport: i0,
2048
2048
  type: StCheckbox,
2049
2049
  deps: null,
@@ -2051,7 +2051,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2051
2051
  });
2052
2052
  static ɵcmp = i0.ɵɵngDeclareComponent({
2053
2053
  minVersion: "17.1.0",
2054
- version: "22.2.0",
2054
+ version: "22.2.1",
2055
2055
  type: StCheckbox,
2056
2056
  isStandalone: true,
2057
2057
  selector: "st-checkbox",
@@ -2084,7 +2084,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2084
2084
  usesInheritance: true,
2085
2085
  ngImport: i0,
2086
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",
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-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"],
2088
2088
  dependencies: [{
2089
2089
  kind: "component",
2090
2090
  type: StFormField,
@@ -2107,7 +2107,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
2107
2107
  };
2108
2108
  i0.ɵɵngDeclareClassMetadata({
2109
2109
  minVersion: "12.0.0",
2110
- version: "22.2.0",
2110
+ version: "22.2.1",
2111
2111
  ngImport: i0,
2112
2112
  type: StCheckbox,
2113
2113
  decorators: [{
@@ -2124,7 +2124,7 @@ i0.ɵɵngDeclareClassMetadata({
2124
2124
  "[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
2125
2125
  },
2126
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",
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-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"]
2128
2128
  }]
2129
2129
  }],
2130
2130
  propDecorators: {
@@ -2151,52 +2151,52 @@ i0.ɵɵngDeclareClassMetadata({
2151
2151
  });
2152
2152
  var StRadioGroup = class StRadioGroup {
2153
2153
  element = inject(ElementRef);
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 */ []);
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 */ []);
2160
2160
  touched = input(false, {
2161
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2161
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2162
2162
  transform: booleanAttribute
2163
2163
  });
2164
2164
  dirty = input(false, {
2165
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2165
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2166
2166
  transform: booleanAttribute
2167
2167
  });
2168
2168
  pending = input(false, {
2169
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2169
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2170
2170
  transform: booleanAttribute
2171
2171
  });
2172
2172
  disabled = input(false, {
2173
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2173
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2174
2174
  transform: booleanAttribute
2175
2175
  });
2176
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2176
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2177
2177
  readonly = input(false, {
2178
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2178
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2179
2179
  transform: booleanAttribute
2180
2180
  });
2181
2181
  required = input(false, {
2182
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2182
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2183
2183
  transform: booleanAttribute
2184
2184
  });
2185
2185
  hidden = input(false, {
2186
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2186
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2187
2187
  transform: booleanAttribute
2188
2188
  });
2189
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2189
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2190
2190
  touch = output();
2191
- radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
2191
+ radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
2192
2192
  nomParDefaut = inject(StIdentifiants).prochain("st-radio");
2193
- 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 */ []);
2194
2194
  aideEtRaisons = computed(() => {
2195
2195
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
2196
2196
  const aide = this.aide()?.trim() ?? "";
2197
2197
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
2198
2198
  return morceaux.length === 0 ? null : morceaux.join(" ");
2199
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2199
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2200
2200
  nomDuGroupe() {
2201
2201
  return this.name() === "" ? this.nomParDefaut : this.name();
2202
2202
  }
@@ -2236,7 +2236,7 @@ var StRadioGroup = class StRadioGroup {
2236
2236
  }
2237
2237
  static ɵfac = i0.ɵɵngDeclareFactory({
2238
2238
  minVersion: "12.0.0",
2239
- version: "22.2.0",
2239
+ version: "22.2.1",
2240
2240
  ngImport: i0,
2241
2241
  type: StRadioGroup,
2242
2242
  deps: [],
@@ -2244,7 +2244,7 @@ var StRadioGroup = class StRadioGroup {
2244
2244
  });
2245
2245
  static ɵcmp = i0.ɵɵngDeclareComponent({
2246
2246
  minVersion: "17.0.0",
2247
- version: "22.2.0",
2247
+ version: "22.2.1",
2248
2248
  type: StRadioGroup,
2249
2249
  isStandalone: true,
2250
2250
  selector: "st-radio-group",
@@ -2375,7 +2375,7 @@ var StRadioGroup = class StRadioGroup {
2375
2375
  }],
2376
2376
  ngImport: i0,
2377
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",
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-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"],
2379
2379
  dependencies: [{
2380
2380
  kind: "component",
2381
2381
  type: StFieldset,
@@ -2397,7 +2397,7 @@ var StRadioGroup = class StRadioGroup {
2397
2397
  };
2398
2398
  i0.ɵɵngDeclareClassMetadata({
2399
2399
  minVersion: "12.0.0",
2400
- version: "22.2.0",
2400
+ version: "22.2.1",
2401
2401
  ngImport: i0,
2402
2402
  type: StRadioGroup,
2403
2403
  decorators: [{
@@ -2413,7 +2413,7 @@ i0.ɵɵngDeclareClassMetadata({
2413
2413
  "(focusout)": "aLaSortie($event)"
2414
2414
  },
2415
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",
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-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"]
2417
2417
  }]
2418
2418
  }],
2419
2419
  propDecorators: {
@@ -2553,68 +2553,68 @@ i0.ɵɵngDeclareClassMetadata({
2553
2553
  var StCheckboxGroup = class StCheckboxGroup {
2554
2554
  element = inject(ElementRef);
2555
2555
  libelles = inject(ST_LIBELLES);
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 */ []);
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 */ []);
2560
2560
  toutSelectionner = input(false, {
2561
- ...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
2561
+ ...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
2562
2562
  transform: booleanAttribute
2563
2563
  });
2564
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
2565
- 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 */ []);
2566
2566
  touched = input(false, {
2567
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2567
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
2568
2568
  transform: booleanAttribute
2569
2569
  });
2570
2570
  dirty = input(false, {
2571
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2571
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
2572
2572
  transform: booleanAttribute
2573
2573
  });
2574
2574
  pending = input(false, {
2575
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2575
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
2576
2576
  transform: booleanAttribute
2577
2577
  });
2578
2578
  disabled = input(false, {
2579
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2579
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
2580
2580
  transform: booleanAttribute
2581
2581
  });
2582
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2582
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
2583
2583
  readonly = input(false, {
2584
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2584
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
2585
2585
  transform: booleanAttribute
2586
2586
  });
2587
2587
  required = input(false, {
2588
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2588
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
2589
2589
  transform: booleanAttribute
2590
2590
  });
2591
2591
  hidden = input(false, {
2592
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2592
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
2593
2593
  transform: booleanAttribute
2594
2594
  });
2595
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2595
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
2596
2596
  touch = output();
2597
- cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
2597
+ cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
2598
2598
  racine = inject(StIdentifiants).prochain("st-cases");
2599
2599
  identifiantDuTout = `${this.racine}-tout`;
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 */ []);
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 */ []);
2604
2604
  etatDuTout = computed(() => {
2605
2605
  const libres = this.libres();
2606
2606
  const choisies = this.choisies();
2607
2607
  const cochees = libres.filter((option) => choisies.has(option.valeur)).length;
2608
2608
  if (cochees === 0) return "vide";
2609
2609
  return cochees === libres.length ? "coche" : "partiel";
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 */ []);
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 */ []);
2612
2612
  aideEtRaisons = computed(() => {
2613
2613
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
2614
2614
  const aide = this.aide()?.trim() ?? "";
2615
2615
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
2616
2616
  return morceaux.length === 0 ? null : morceaux.join(" ");
2617
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2617
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
2618
2618
  estChoisie(valeur) {
2619
2619
  return this.choisies().has(valeur);
2620
2620
  }
@@ -2671,7 +2671,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2671
2671
  }
2672
2672
  static ɵfac = i0.ɵɵngDeclareFactory({
2673
2673
  minVersion: "12.0.0",
2674
- version: "22.2.0",
2674
+ version: "22.2.1",
2675
2675
  ngImport: i0,
2676
2676
  type: StCheckboxGroup,
2677
2677
  deps: [],
@@ -2679,7 +2679,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2679
2679
  });
2680
2680
  static ɵcmp = i0.ɵɵngDeclareComponent({
2681
2681
  minVersion: "17.0.0",
2682
- version: "22.2.0",
2682
+ version: "22.2.1",
2683
2683
  type: StCheckboxGroup,
2684
2684
  isStandalone: true,
2685
2685
  selector: "st-checkbox-group",
@@ -2817,7 +2817,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2817
2817
  }],
2818
2818
  ngImport: i0,
2819
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",
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-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"],
2821
2821
  dependencies: [{
2822
2822
  kind: "component",
2823
2823
  type: StFieldset,
@@ -2839,7 +2839,7 @@ var StCheckboxGroup = class StCheckboxGroup {
2839
2839
  };
2840
2840
  i0.ɵɵngDeclareClassMetadata({
2841
2841
  minVersion: "12.0.0",
2842
- version: "22.2.0",
2842
+ version: "22.2.1",
2843
2843
  ngImport: i0,
2844
2844
  type: StCheckboxGroup,
2845
2845
  decorators: [{
@@ -2855,7 +2855,7 @@ i0.ɵɵngDeclareClassMetadata({
2855
2855
  "(focusout)": "aLaSortie($event)"
2856
2856
  },
2857
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",
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-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"]
2859
2859
  }]
2860
2860
  }],
2861
2861
  propDecorators: {
@@ -3005,56 +3005,56 @@ var StChoiceMatrix = class StChoiceMatrix {
3005
3005
  destruction = inject(DestroyRef);
3006
3006
  libelles = inject(ST_LIBELLES);
3007
3007
  locale = inject(ST_LOCALE);
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 */ []);
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 */ []);
3012
3012
  toutParColonne = input(false, {
3013
- ...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
3013
+ ...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
3014
3014
  transform: booleanAttribute
3015
3015
  });
3016
3016
  toutParLigne = input(false, {
3017
- ...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
3017
+ ...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
3018
3018
  transform: booleanAttribute
3019
3019
  });
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 */ []);
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 */ []);
3025
3025
  touched = input(false, {
3026
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
3026
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
3027
3027
  transform: booleanAttribute
3028
3028
  });
3029
3029
  dirty = input(false, {
3030
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
3030
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
3031
3031
  transform: booleanAttribute
3032
3032
  });
3033
3033
  pending = input(false, {
3034
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
3034
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
3035
3035
  transform: booleanAttribute
3036
3036
  });
3037
3037
  disabled = input(false, {
3038
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
3038
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
3039
3039
  transform: booleanAttribute
3040
3040
  });
3041
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
3041
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
3042
3042
  readonly = input(false, {
3043
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
3043
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
3044
3044
  transform: booleanAttribute
3045
3045
  });
3046
3046
  required = input(false, {
3047
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
3047
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
3048
3048
  transform: booleanAttribute
3049
3049
  });
3050
3050
  hidden = input(false, {
3051
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
3051
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
3052
3052
  transform: booleanAttribute
3053
3053
  });
3054
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
3054
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
3055
3055
  touch = output();
3056
- cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
3057
- 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 */ []);
3058
3058
  racine = inject(StIdentifiants).prochain("st-matrice");
3059
3059
  identifiants = {
3060
3060
  legende: `${this.racine}-legende`,
@@ -3063,30 +3063,30 @@ var StChoiceMatrix = class StChoiceMatrix {
3063
3063
  deborde: `${this.racine}-deborde`
3064
3064
  };
3065
3065
  annonce = new AnnonceLocale(this.destruction);
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 */ []);
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 */ []);
3070
3070
  bascules = /* @__PURE__ */ new Map();
3071
- 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 */ []);
3072
3072
  messages = computed(() => {
3073
3073
  if (!this.enErreur()) return [];
3074
3074
  const libelles = this.libelles();
3075
3075
  const locale = this.locale();
3076
3076
  return this.errors().map((erreur) => messageDErreur(erreur, libelles, locale));
3077
- }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
3077
+ }, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
3078
3078
  aideEtRaisons = computed(() => {
3079
3079
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
3080
3080
  const aide = this.aide()?.trim() ?? "";
3081
3081
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
3082
3082
  return morceaux.length === 0 ? null : morceaux.join(" ");
3083
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
3083
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
3084
3084
  descriptions = computed(() => {
3085
3085
  const ids = [];
3086
3086
  if (this.aideEtRaisons() !== null) ids.push(this.identifiants.aide);
3087
3087
  if (this.enErreur()) ids.push(this.identifiants.erreur);
3088
3088
  return ids.length === 0 ? null : ids.join(" ");
3089
- }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
3089
+ }, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
3090
3090
  constructor() {
3091
3091
  if (isDevMode()) afterNextRender(() => {
3092
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).`);
@@ -3231,7 +3231,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3231
3231
  }
3232
3232
  static ɵfac = i0.ɵɵngDeclareFactory({
3233
3233
  minVersion: "12.0.0",
3234
- version: "22.2.0",
3234
+ version: "22.2.1",
3235
3235
  ngImport: i0,
3236
3236
  type: StChoiceMatrix,
3237
3237
  deps: [],
@@ -3239,7 +3239,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3239
3239
  });
3240
3240
  static ɵcmp = i0.ɵɵngDeclareComponent({
3241
3241
  minVersion: "17.0.0",
3242
- version: "22.2.0",
3242
+ version: "22.2.1",
3243
3243
  type: StChoiceMatrix,
3244
3244
  isStandalone: true,
3245
3245
  selector: "st-choice-matrix",
@@ -3411,8 +3411,8 @@ var StChoiceMatrix = class StChoiceMatrix {
3411
3411
  isSignal: true
3412
3412
  }],
3413
3413
  ngImport: i0,
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=\"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",
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-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"],
3416
3416
  dependencies: [{
3417
3417
  kind: "component",
3418
3418
  type: StIcon,
@@ -3445,7 +3445,7 @@ var StChoiceMatrix = class StChoiceMatrix {
3445
3445
  };
3446
3446
  i0.ɵɵngDeclareClassMetadata({
3447
3447
  minVersion: "12.0.0",
3448
- version: "22.2.0",
3448
+ version: "22.2.1",
3449
3449
  ngImport: i0,
3450
3450
  type: StChoiceMatrix,
3451
3451
  decorators: [{
@@ -3461,8 +3461,8 @@ i0.ɵɵngDeclareClassMetadata({
3461
3461
  "[attr.data-en-erreur]": "enErreur() ? \"\" : null",
3462
3462
  "(focusout)": "aLaSortie($event)"
3463
3463
  },
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=\"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",
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-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"]
3466
3466
  }]
3467
3467
  }],
3468
3468
  ctorParameters: () => [],
@@ -3650,17 +3650,17 @@ const PARTS = {
3650
3650
  large: 3
3651
3651
  };
3652
3652
  var StFormRow = class StFormRow {
3653
- colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
3654
- 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 */ []);
3655
3655
  gabarit = computed(() => {
3656
3656
  const largeurs = this.largeurs();
3657
3657
  if (largeurs !== null && largeurs.length > 0) return largeurs.map((largeur) => `minmax(0, ${String(part(largeur))}fr)`).join(" ");
3658
3658
  const colonnes = this.colonnes();
3659
3659
  return colonnes === "auto" ? "repeat(auto-fit, minmax(min(100%, 10rem), 1fr))" : `repeat(${String(colonnes)}, minmax(0, 1fr))`;
3660
- }, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
3660
+ }, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
3661
3661
  static ɵfac = i0.ɵɵngDeclareFactory({
3662
3662
  minVersion: "12.0.0",
3663
- version: "22.2.0",
3663
+ version: "22.2.1",
3664
3664
  ngImport: i0,
3665
3665
  type: StFormRow,
3666
3666
  deps: [],
@@ -3668,7 +3668,7 @@ var StFormRow = class StFormRow {
3668
3668
  });
3669
3669
  static ɵcmp = i0.ɵɵngDeclareComponent({
3670
3670
  minVersion: "17.1.0",
3671
- version: "22.2.0",
3671
+ version: "22.2.1",
3672
3672
  type: StFormRow,
3673
3673
  isStandalone: true,
3674
3674
  selector: "st-form-row",
@@ -3700,7 +3700,7 @@ var StFormRow = class StFormRow {
3700
3700
  };
3701
3701
  i0.ɵɵngDeclareClassMetadata({
3702
3702
  minVersion: "12.0.0",
3703
- version: "22.2.0",
3703
+ version: "22.2.1",
3704
3704
  ngImport: i0,
3705
3705
  type: StFormRow,
3706
3706
  decorators: [{
@@ -3745,30 +3745,30 @@ var StConsentRow = class StConsentRow {
3745
3745
  groupe = inject(ST_GROUPE_DE_CONSENTEMENTS);
3746
3746
  libelles = inject(ST_LIBELLES);
3747
3747
  locale = inject(ST_LOCALE);
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 */ []);
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 */ []);
3751
3751
  obligatoire = input(false, {
3752
- ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
3752
+ ...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
3753
3753
  transform: booleanAttribute
3754
3754
  });
3755
- versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : /* istanbul ignore next */ []);
3756
- 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 */ []);
3757
3757
  enregistrement = input(false, {
3758
- ...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
3758
+ ...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
3759
3759
  transform: booleanAttribute
3760
3760
  });
3761
- refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
3761
+ refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
3762
3762
  decision = output();
3763
- champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
3763
+ champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
3764
3764
  identifiantDuRefus = inject(StIdentifiants).prochain("st-consentement-refus");
3765
3765
  annonce = new AnnonceLocale(inject(DestroyRef));
3766
- decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
3766
+ decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
3767
3767
  precedente;
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 */ []);
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 */ []);
3772
3772
  aide = computed(() => {
3773
3773
  const version = this.versionDuDocument();
3774
3774
  const date = this.decideLe();
@@ -3776,8 +3776,8 @@ var StConsentRow = class StConsentRow {
3776
3776
  const mention = version === null ? null : date === null ? libelles.versionDuDocument(version) : libelles.decisionDuDocument(version, formaterDateLongue(date, this.locale()), this.groupe.valeurDe(this.cle()) === true);
3777
3777
  const morceaux = [this.description(), mention].map((texte) => texte?.trim() ?? "").filter((texte) => texte !== "");
3778
3778
  return morceaux.length === 0 ? null : morceaux.join(" ");
3779
- }, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
3780
- 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 */ []);
3781
3781
  constructor() {
3782
3782
  if (isDevMode()) afterNextRender(() => {
3783
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.`);
@@ -3819,7 +3819,7 @@ var StConsentRow = class StConsentRow {
3819
3819
  }
3820
3820
  static ɵfac = i0.ɵɵngDeclareFactory({
3821
3821
  minVersion: "12.0.0",
3822
- version: "22.2.0",
3822
+ version: "22.2.1",
3823
3823
  ngImport: i0,
3824
3824
  type: StConsentRow,
3825
3825
  deps: [],
@@ -3827,7 +3827,7 @@ var StConsentRow = class StConsentRow {
3827
3827
  });
3828
3828
  static ɵcmp = i0.ɵɵngDeclareComponent({
3829
3829
  minVersion: "17.0.0",
3830
- version: "22.2.0",
3830
+ version: "22.2.1",
3831
3831
  type: StConsentRow,
3832
3832
  isStandalone: true,
3833
3833
  selector: "st-consent-row",
@@ -3906,8 +3906,8 @@ var StConsentRow = class StConsentRow {
3906
3906
  isSignal: true
3907
3907
  }],
3908
3908
  ngImport: i0,
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=\"danger\"\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-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"],
3911
3911
  dependencies: [
3912
3912
  {
3913
3913
  kind: "component",
@@ -3945,7 +3945,7 @@ var StConsentRow = class StConsentRow {
3945
3945
  };
3946
3946
  i0.ɵɵngDeclareClassMetadata({
3947
3947
  minVersion: "12.0.0",
3948
- version: "22.2.0",
3948
+ version: "22.2.1",
3949
3949
  ngImport: i0,
3950
3950
  type: StConsentRow,
3951
3951
  decorators: [{
@@ -3964,8 +3964,8 @@ i0.ɵɵngDeclareClassMetadata({
3964
3964
  "[attr.data-cochee]": "coche() ? \"\" : null",
3965
3965
  "[attr.data-en-attente]": "enAttente() ? \"\" : null"
3966
3966
  },
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=\"danger\"\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-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"]
3969
3969
  }]
3970
3970
  }],
3971
3971
  ctorParameters: () => [],
@@ -4047,63 +4047,63 @@ i0.ɵɵngDeclareClassMetadata({
4047
4047
  var StConsentGroup = class StConsentGroup {
4048
4048
  element = inject(ElementRef);
4049
4049
  libelles = inject(ST_LIBELLES);
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 */ []);
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 */ []);
4053
4053
  toutAccepter = input(false, {
4054
- ...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
4054
+ ...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
4055
4055
  transform: booleanAttribute
4056
4056
  });
4057
4057
  toutRefuser = input(false, {
4058
- ...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
4058
+ ...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
4059
4059
  transform: booleanAttribute
4060
4060
  });
4061
- value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
4062
- 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 */ []);
4063
4063
  touched = input(false, {
4064
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4064
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4065
4065
  transform: booleanAttribute
4066
4066
  });
4067
4067
  dirty = input(false, {
4068
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4068
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4069
4069
  transform: booleanAttribute
4070
4070
  });
4071
4071
  pending = input(false, {
4072
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4072
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4073
4073
  transform: booleanAttribute
4074
4074
  });
4075
4075
  disabled = input(false, {
4076
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4076
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4077
4077
  transform: booleanAttribute
4078
4078
  });
4079
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4079
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4080
4080
  readonly = input(false, {
4081
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4081
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4082
4082
  transform: booleanAttribute
4083
4083
  });
4084
4084
  required = input(false, {
4085
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4085
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4086
4086
  transform: booleanAttribute
4087
4087
  });
4088
4088
  hidden = input(false, {
4089
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4089
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4090
4090
  transform: booleanAttribute
4091
4091
  });
4092
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4092
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4093
4093
  touch = output();
4094
4094
  lignes = contentChildren(StConsentRow, {
4095
- ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
4095
+ ...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
4096
4096
  descendants: true
4097
4097
  });
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 */ []);
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 */ []);
4101
4101
  aideEtRaisons = computed(() => {
4102
4102
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
4103
4103
  const aide = this.aide()?.trim() ?? "";
4104
4104
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
4105
4105
  return morceaux.length === 0 ? null : morceaux.join(" ");
4106
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4106
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4107
4107
  valeurDe(cle) {
4108
4108
  return this.value()[cle];
4109
4109
  }
@@ -4127,7 +4127,7 @@ var StConsentGroup = class StConsentGroup {
4127
4127
  }
4128
4128
  static ɵfac = i0.ɵɵngDeclareFactory({
4129
4129
  minVersion: "12.0.0",
4130
- version: "22.2.0",
4130
+ version: "22.2.1",
4131
4131
  ngImport: i0,
4132
4132
  type: StConsentGroup,
4133
4133
  deps: [],
@@ -4135,7 +4135,7 @@ var StConsentGroup = class StConsentGroup {
4135
4135
  });
4136
4136
  static ɵcmp = i0.ɵɵngDeclareComponent({
4137
4137
  minVersion: "17.0.0",
4138
- version: "22.2.0",
4138
+ version: "22.2.1",
4139
4139
  type: StConsentGroup,
4140
4140
  isStandalone: true,
4141
4141
  selector: "st-consent-group",
@@ -4310,7 +4310,7 @@ var StConsentGroup = class StConsentGroup {
4310
4310
  };
4311
4311
  i0.ɵɵngDeclareClassMetadata({
4312
4312
  minVersion: "12.0.0",
4313
- version: "22.2.0",
4313
+ version: "22.2.1",
4314
4314
  ngImport: i0,
4315
4315
  type: StConsentGroup,
4316
4316
  decorators: [{
@@ -4480,23 +4480,23 @@ i0.ɵɵngDeclareClassMetadata({
4480
4480
  const ST_GROUPE_DE_CHOIX = new InjectionToken("ST_GROUPE_DE_CHOIX");
4481
4481
  var StChoice = class StChoice {
4482
4482
  groupe = inject(ST_GROUPE_DE_CHOIX);
4483
- valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
4483
+ valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
4484
4484
  desactivee = input(false, {
4485
- ...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
4485
+ ...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
4486
4486
  transform: booleanAttribute
4487
4487
  });
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 */ []);
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 */ []);
4491
4491
  racine = inject(StIdentifiants).prochain("st-choix-carte");
4492
4492
  identifiantDeLaRaison = `${this.racine}-raison`;
4493
4493
  identifiantDuDetail = `${this.racine}-detail`;
4494
- 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 */ []);
4495
4495
  raison = computed(() => {
4496
4496
  const texte = this.desactivee() ? this.raisonDIndisponibilite()?.trim() ?? "" : "";
4497
4497
  return texte === "" ? null : texte;
4498
- }, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
4499
- 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 */ []);
4500
4500
  constructor() {
4501
4501
  afterRenderEffect(() => {
4502
4502
  this.coche();
@@ -4528,7 +4528,7 @@ var StChoice = class StChoice {
4528
4528
  }
4529
4529
  static ɵfac = i0.ɵɵngDeclareFactory({
4530
4530
  minVersion: "12.0.0",
4531
- version: "22.2.0",
4531
+ version: "22.2.1",
4532
4532
  ngImport: i0,
4533
4533
  type: StChoice,
4534
4534
  deps: [],
@@ -4536,7 +4536,7 @@ var StChoice = class StChoice {
4536
4536
  });
4537
4537
  static ɵcmp = i0.ɵɵngDeclareComponent({
4538
4538
  minVersion: "17.0.0",
4539
- version: "22.2.0",
4539
+ version: "22.2.1",
4540
4540
  type: StChoice,
4541
4541
  isStandalone: true,
4542
4542
  selector: "st-choice",
@@ -4586,13 +4586,13 @@ var StChoice = class StChoice {
4586
4586
  }],
4587
4587
  ngImport: i0,
4588
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",
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-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"],
4590
4590
  changeDetection: i0.ChangeDetectionStrategy.OnPush
4591
4591
  });
4592
4592
  };
4593
4593
  i0.ɵɵngDeclareClassMetadata({
4594
4594
  minVersion: "12.0.0",
4595
- version: "22.2.0",
4595
+ version: "22.2.1",
4596
4596
  ngImport: i0,
4597
4597
  type: StChoice,
4598
4598
  decorators: [{
@@ -4607,7 +4607,7 @@ i0.ɵɵngDeclareClassMetadata({
4607
4607
  "[attr.data-lecture-seule]": "groupe.lectureSeule() ? \"\" : null"
4608
4608
  },
4609
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",
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-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"]
4611
4611
  }]
4612
4612
  }],
4613
4613
  ctorParameters: () => [],
@@ -4648,64 +4648,64 @@ i0.ɵɵngDeclareClassMetadata({
4648
4648
  });
4649
4649
  var StChoiceGroup = class StChoiceGroup {
4650
4650
  element = inject(ElementRef);
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 */ []);
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 */ []);
4657
4657
  touched = input(false, {
4658
- ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4658
+ ...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
4659
4659
  transform: booleanAttribute
4660
4660
  });
4661
4661
  dirty = input(false, {
4662
- ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4662
+ ...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
4663
4663
  transform: booleanAttribute
4664
4664
  });
4665
4665
  pending = input(false, {
4666
- ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4666
+ ...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
4667
4667
  transform: booleanAttribute
4668
4668
  });
4669
4669
  disabled = input(false, {
4670
- ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4670
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
4671
4671
  transform: booleanAttribute
4672
4672
  });
4673
- disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4673
+ disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
4674
4674
  readonly = input(false, {
4675
- ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4675
+ ...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
4676
4676
  transform: booleanAttribute
4677
4677
  });
4678
4678
  required = input(false, {
4679
- ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4679
+ ...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
4680
4680
  transform: booleanAttribute
4681
4681
  });
4682
4682
  hidden = input(false, {
4683
- ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4683
+ ...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
4684
4684
  transform: booleanAttribute
4685
4685
  });
4686
- name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4686
+ name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
4687
4687
  touch = output();
4688
4688
  cartes = contentChildren(StChoice, {
4689
- ...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
4689
+ ...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
4690
4690
  descendants: true
4691
4691
  });
4692
4692
  nomParDefaut = inject(StIdentifiants).prochain("st-choix");
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 */ []);
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 */ []);
4698
4698
  choisies = computed(() => {
4699
4699
  const valeur = this.value();
4700
4700
  if (typeof valeur !== "string") return new Set(valeur);
4701
4701
  return new Set(valeur === "" ? [] : [valeur]);
4702
- }, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
4702
+ }, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
4703
4703
  aideEtRaisons = computed(() => {
4704
4704
  const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
4705
4705
  const aide = this.aide()?.trim() ?? "";
4706
4706
  const morceaux = aide === "" ? raisons : [aide, ...raisons];
4707
4707
  return morceaux.length === 0 ? null : morceaux.join(" ");
4708
- }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4708
+ }, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
4709
4709
  constructor() {
4710
4710
  if (isDevMode()) effect(() => {
4711
4711
  const valeur = this.value();
@@ -4745,7 +4745,7 @@ var StChoiceGroup = class StChoiceGroup {
4745
4745
  }
4746
4746
  static ɵfac = i0.ɵɵngDeclareFactory({
4747
4747
  minVersion: "12.0.0",
4748
- version: "22.2.0",
4748
+ version: "22.2.1",
4749
4749
  ngImport: i0,
4750
4750
  type: StChoiceGroup,
4751
4751
  deps: [],
@@ -4753,7 +4753,7 @@ var StChoiceGroup = class StChoiceGroup {
4753
4753
  });
4754
4754
  static ɵcmp = i0.ɵɵngDeclareComponent({
4755
4755
  minVersion: "17.2.0",
4756
- version: "22.2.0",
4756
+ version: "22.2.1",
4757
4757
  type: StChoiceGroup,
4758
4758
  isStandalone: true,
4759
4759
  selector: "st-choice-group",
@@ -4911,7 +4911,7 @@ var StChoiceGroup = class StChoiceGroup {
4911
4911
  };
4912
4912
  i0.ɵɵngDeclareClassMetadata({
4913
4913
  minVersion: "12.0.0",
4914
- version: "22.2.0",
4914
+ version: "22.2.1",
4915
4915
  ngImport: i0,
4916
4916
  type: StChoiceGroup,
4917
4917
  decorators: [{
@@ -5077,16 +5077,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
5077
5077
  libelles = inject(ST_LIBELLES);
5078
5078
  annonce = new AnnonceLocale(inject(DestroyRef));
5079
5079
  enAttente = input(false, {
5080
- ...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
5080
+ ...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
5081
5081
  transform: booleanAttribute
5082
5082
  });
5083
- libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
5083
+ libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
5084
5084
  aideDEtat = input(false, {
5085
- ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
5085
+ ...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
5086
5086
  transform: booleanAttribute
5087
5087
  });
5088
5088
  libelleEtat = input(false, {
5089
- ...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
5089
+ ...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
5090
5090
  transform: booleanAttribute
5091
5091
  });
5092
5092
  constructor() {
@@ -5129,16 +5129,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
5129
5129
  }
5130
5130
  super.surBascule(evenement);
5131
5131
  }
5132
- 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 */ []);
5133
5133
  etat = computed(() => {
5134
5134
  const libelles = this.libelles();
5135
5135
  if (this.enAttente()) return this.libelleAttente() ?? libelles.enregistrementEnCours;
5136
5136
  if (!this.libelleEtat()) return null;
5137
5137
  return this.checked() ? libelles.etatActive : libelles.etatDesactive;
5138
- }, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
5138
+ }, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
5139
5139
  static ɵfac = i0.ɵɵngDeclareFactory({
5140
5140
  minVersion: "12.0.0",
5141
- version: "22.2.0",
5141
+ version: "22.2.1",
5142
5142
  ngImport: i0,
5143
5143
  type: StSwitch,
5144
5144
  deps: [],
@@ -5146,7 +5146,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
5146
5146
  });
5147
5147
  static ɵcmp = i0.ɵɵngDeclareComponent({
5148
5148
  minVersion: "17.0.0",
5149
- version: "22.2.0",
5149
+ version: "22.2.1",
5150
5150
  type: StSwitch,
5151
5151
  isStandalone: true,
5152
5152
  selector: "st-switch",
@@ -5233,7 +5233,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
5233
5233
  };
5234
5234
  i0.ɵɵngDeclareClassMetadata({
5235
5235
  minVersion: "12.0.0",
5236
- version: "22.2.0",
5236
+ version: "22.2.1",
5237
5237
  ngImport: i0,
5238
5238
  type: StSwitch,
5239
5239
  decorators: [{
@@ -5300,16 +5300,16 @@ var StErrorSummary = class StErrorSummary {
5300
5300
  injecteur = inject(Injector);
5301
5301
  envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
5302
5302
  noms = inject(StNomsDesChamps);
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 */ []);
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 */ []);
5307
5307
  tentative = input(0, {
5308
- ...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
5308
+ ...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
5309
5309
  transform: (valeur) => numberAttribute(valeur, 0)
5310
5310
  });
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 */ []);
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 */ []);
5313
5313
  identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
5314
5314
  lignes = computed(() => {
5315
5315
  const libelles = this.libelles();
@@ -5335,8 +5335,9 @@ var StErrorSummary = class StErrorSummary {
5335
5335
  });
5336
5336
  }
5337
5337
  return lignes;
5338
- }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
5339
- 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 */ []);
5340
5341
  constructor() {
5341
5342
  let visible = false;
5342
5343
  let derniereTentative = this.tentativeLue();
@@ -5362,7 +5363,7 @@ var StErrorSummary = class StErrorSummary {
5362
5363
  }
5363
5364
  static ɵfac = i0.ɵɵngDeclareFactory({
5364
5365
  minVersion: "12.0.0",
5365
- version: "22.2.0",
5366
+ version: "22.2.1",
5366
5367
  ngImport: i0,
5367
5368
  type: StErrorSummary,
5368
5369
  deps: [],
@@ -5370,7 +5371,7 @@ var StErrorSummary = class StErrorSummary {
5370
5371
  });
5371
5372
  static ɵcmp = i0.ɵɵngDeclareComponent({
5372
5373
  minVersion: "17.0.0",
5373
- version: "22.2.0",
5374
+ version: "22.2.1",
5374
5375
  type: StErrorSummary,
5375
5376
  isStandalone: true,
5376
5377
  selector: "st-error-summary",
@@ -5421,8 +5422,8 @@ var StErrorSummary = class StErrorSummary {
5421
5422
  classAttribute: "st-error-summary"
5422
5423
  },
5423
5424
  ngImport: i0,
5424
- 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",
5425
- 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"],
5426
5427
  dependencies: [{
5427
5428
  kind: "component",
5428
5429
  type: StIcon,
@@ -5444,7 +5445,7 @@ var StErrorSummary = class StErrorSummary {
5444
5445
  };
5445
5446
  i0.ɵɵngDeclareClassMetadata({
5446
5447
  minVersion: "12.0.0",
5447
- version: "22.2.0",
5448
+ version: "22.2.1",
5448
5449
  ngImport: i0,
5449
5450
  type: StErrorSummary,
5450
5451
  decorators: [{
@@ -5460,8 +5461,8 @@ i0.ɵɵngDeclareClassMetadata({
5460
5461
  "[attr.tabindex]": "lignes().length === 0 ? null : -1",
5461
5462
  "[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
5462
5463
  },
5463
- 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",
5464
- 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"]
5465
5466
  }]
5466
5467
  }],
5467
5468
  ctorParameters: () => [],
@@ -5539,7 +5540,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5539
5540
  }
5540
5541
  static ɵfac = i0.ɵɵngDeclareFactory({
5541
5542
  minVersion: "12.0.0",
5542
- version: "22.2.0",
5543
+ version: "22.2.1",
5543
5544
  ngImport: i0,
5544
5545
  type: EnvoisDeFormulaire,
5545
5546
  deps: [],
@@ -5547,7 +5548,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5547
5548
  });
5548
5549
  static ɵprov = i0.ɵɵngDeclareInjectable({
5549
5550
  minVersion: "12.0.0",
5550
- version: "22.2.0",
5551
+ version: "22.2.1",
5551
5552
  ngImport: i0,
5552
5553
  type: EnvoisDeFormulaire,
5553
5554
  providedIn: "root"
@@ -5555,7 +5556,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
5555
5556
  };
5556
5557
  i0.ɵɵngDeclareClassMetadata({
5557
5558
  minVersion: "12.0.0",
5558
- version: "22.2.0",
5559
+ version: "22.2.1",
5559
5560
  ngImport: i0,
5560
5561
  type: EnvoisDeFormulaire,
5561
5562
  decorators: [{
@@ -5563,6 +5564,17 @@ i0.ɵɵngDeclareClassMetadata({
5563
5564
  args: [{ providedIn: "root" }]
5564
5565
  }]
5565
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
+ }
5566
5578
  function longueurVue(texte) {
5567
5579
  return Array.from(texte).length;
5568
5580
  }
@@ -5573,12 +5585,37 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5573
5585
  racineDesParties = inject(StIdentifiants).prochain("st-password-field");
5574
5586
  idRegles = `${this.racineDesParties}-regles`;
5575
5587
  idMajuscules = `${this.racineDesParties}-majuscules`;
5576
- usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
5577
- regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
5578
- titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
5579
- revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
5580
- majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
5581
- 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 */ []);
5582
5619
  reglesRendues = computed(() => {
5583
5620
  if (this.usage() !== "creation") return [];
5584
5621
  const valeur = this.value();
@@ -5589,27 +5626,59 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5589
5626
  texte: regle.texte,
5590
5627
  respectee: regle.respectee?.(valeur) ?? false
5591
5628
  });
5592
- }, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
5593
- 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 */ []);
5594
5631
  compteur = computed(() => {
5595
5632
  const maximum = this.maxLength();
5596
5633
  if (maximum === void 0) return null;
5597
5634
  const restants = maximum - longueurVue(this.value());
5598
5635
  const libelles = this.libelles();
5599
5636
  return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
5600
- }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
5637
+ }, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
5601
5638
  descriptionsDuControle = computed(() => {
5602
5639
  const ids = [];
5640
+ if (this.jaugeActive() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
5603
5641
  if (this.reglesRendues().length > 0) ids.push(this.idRegles);
5604
5642
  if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
5605
5643
  return ids;
5606
- }, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
5644
+ }, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
5607
5645
  constructor() {
5608
5646
  super();
5609
5647
  const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
5610
5648
  if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
5611
5649
  });
5612
- 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()));
5613
5682
  }
5614
5683
  basculer() {
5615
5684
  if (this.readonly() || this.desactive()) return;
@@ -5638,7 +5707,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5638
5707
  }
5639
5708
  static ɵfac = i0.ɵɵngDeclareFactory({
5640
5709
  minVersion: "12.0.0",
5641
- version: "22.2.0",
5710
+ version: "22.2.1",
5642
5711
  ngImport: i0,
5643
5712
  type: StPasswordField,
5644
5713
  deps: [],
@@ -5646,7 +5715,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5646
5715
  });
5647
5716
  static ɵcmp = i0.ɵɵngDeclareComponent({
5648
5717
  minVersion: "17.0.0",
5649
- version: "22.2.0",
5718
+ version: "22.2.1",
5650
5719
  type: StPasswordField,
5651
5720
  isStandalone: true,
5652
5721
  selector: "st-password-field",
@@ -5671,6 +5740,20 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5671
5740
  isSignal: true,
5672
5741
  isRequired: false,
5673
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
5674
5757
  }
5675
5758
  },
5676
5759
  host: {
@@ -5682,8 +5765,8 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5682
5765
  },
5683
5766
  usesInheritance: true,
5684
5767
  ngImport: i0,
5685
- 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",
5686
- 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"],
5687
5770
  dependencies: [
5688
5771
  {
5689
5772
  kind: "component",
@@ -5754,7 +5837,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
5754
5837
  };
5755
5838
  i0.ɵɵngDeclareClassMetadata({
5756
5839
  minVersion: "12.0.0",
5757
- version: "22.2.0",
5840
+ version: "22.2.1",
5758
5841
  ngImport: i0,
5759
5842
  type: StPasswordField,
5760
5843
  decorators: [{
@@ -5774,8 +5857,8 @@ i0.ɵɵngDeclareClassMetadata({
5774
5857
  "(focusout)": "aLaSortie($event)",
5775
5858
  "(window:beforeprint)": "remasquer()"
5776
5859
  },
5777
- 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",
5778
- 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"]
5779
5862
  }]
5780
5863
  }],
5781
5864
  ctorParameters: () => [],
@@ -5803,6 +5886,22 @@ i0.ɵɵngDeclareClassMetadata({
5803
5886
  alias: "titreDesRegles",
5804
5887
  required: false
5805
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
+ }]
5806
5905
  }]
5807
5906
  }
5808
5907
  });
@@ -5819,11 +5918,11 @@ function nettoyerLeCode(texte) {
5819
5918
  var StOtpField = class StOtpField extends ControleDeSaisie {
5820
5919
  libelles = inject(ST_LIBELLES);
5821
5920
  longueur = input(6, {
5822
- ...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
5921
+ ...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
5823
5922
  transform: numberAttribute
5824
5923
  });
5825
- decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
5826
- 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 */ []);
5827
5926
  surSaisie(evenement) {
5828
5927
  const champ = evenement.target;
5829
5928
  const code = nettoyerLeCode(champ.value);
@@ -5835,7 +5934,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5835
5934
  }
5836
5935
  static ɵfac = i0.ɵɵngDeclareFactory({
5837
5936
  minVersion: "12.0.0",
5838
- version: "22.2.0",
5937
+ version: "22.2.1",
5839
5938
  ngImport: i0,
5840
5939
  type: StOtpField,
5841
5940
  deps: null,
@@ -5843,7 +5942,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5843
5942
  });
5844
5943
  static ɵcmp = i0.ɵɵngDeclareComponent({
5845
5944
  minVersion: "17.1.0",
5846
- version: "22.2.0",
5945
+ version: "22.2.1",
5847
5946
  type: StOtpField,
5848
5947
  isStandalone: true,
5849
5948
  selector: "st-otp-field",
@@ -5867,7 +5966,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5867
5966
  usesInheritance: true,
5868
5967
  ngImport: i0,
5869
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",
5870
- 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)}@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"],
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"],
5871
5970
  dependencies: [{
5872
5971
  kind: "component",
5873
5972
  type: StFormField,
@@ -5890,7 +5989,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
5890
5989
  };
5891
5990
  i0.ɵɵngDeclareClassMetadata({
5892
5991
  minVersion: "12.0.0",
5893
- version: "22.2.0",
5992
+ version: "22.2.1",
5894
5993
  ngImport: i0,
5895
5994
  type: StOtpField,
5896
5995
  decorators: [{
@@ -5901,7 +6000,7 @@ i0.ɵɵngDeclareClassMetadata({
5901
6000
  imports: [StFormField, StControleDeChamp],
5902
6001
  host: { class: "st-otp-field" },
5903
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",
5904
- 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)}@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"]
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"]
5905
6004
  }]
5906
6005
  }],
5907
6006
  propDecorators: {
@@ -5925,18 +6024,18 @@ i0.ɵɵngDeclareClassMetadata({
5925
6024
  });
5926
6025
  var StSearchField = class StSearchField extends ControleDeSaisie {
5927
6026
  libelles = inject(ST_LIBELLES);
5928
- saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
6027
+ saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
5929
6028
  compact = input(false, {
5930
- ...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
6029
+ ...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
5931
6030
  transform: booleanAttribute
5932
6031
  });
5933
6032
  libelleVisible = input(false, {
5934
- ...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
6033
+ ...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
5935
6034
  transform: booleanAttribute
5936
6035
  });
5937
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
6036
+ presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
5938
6037
  chargement = input(false, {
5939
- ...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
6038
+ ...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
5940
6039
  transform: booleanAttribute
5941
6040
  });
5942
6041
  recherche = output();
@@ -5955,7 +6054,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
5955
6054
  }
5956
6055
  static ɵfac = i0.ɵɵngDeclareFactory({
5957
6056
  minVersion: "12.0.0",
5958
- version: "22.2.0",
6057
+ version: "22.2.1",
5959
6058
  ngImport: i0,
5960
6059
  type: StSearchField,
5961
6060
  deps: null,
@@ -5963,7 +6062,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
5963
6062
  });
5964
6063
  static ɵcmp = i0.ɵɵngDeclareComponent({
5965
6064
  minVersion: "17.0.0",
5966
- version: "22.2.0",
6065
+ version: "22.2.1",
5967
6066
  type: StSearchField,
5968
6067
  isStandalone: true,
5969
6068
  selector: "st-search-field",
@@ -6016,7 +6115,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
6016
6115
  usesInheritance: true,
6017
6116
  ngImport: i0,
6018
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",
6019
- 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"],
6020
6119
  dependencies: [
6021
6120
  {
6022
6121
  kind: "component",
@@ -6101,7 +6200,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
6101
6200
  };
6102
6201
  i0.ɵɵngDeclareClassMetadata({
6103
6202
  minVersion: "12.0.0",
6104
- version: "22.2.0",
6203
+ version: "22.2.1",
6105
6204
  ngImport: i0,
6106
6205
  type: StSearchField,
6107
6206
  decorators: [{
@@ -6124,7 +6223,7 @@ i0.ɵɵngDeclareClassMetadata({
6124
6223
  "[attr.data-compact]": "compact() ? \"\" : null"
6125
6224
  },
6126
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",
6127
- 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"]
6128
6227
  }]
6129
6228
  }],
6130
6229
  propDecorators: {
@@ -6176,21 +6275,21 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6176
6275
  element = inject(ElementRef);
6177
6276
  annonce = new AnnonceLocale(inject(DestroyRef));
6178
6277
  masque = input(false, {
6179
- ...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
6278
+ ...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
6180
6279
  transform: booleanAttribute
6181
6280
  });
6182
6281
  detection = inject(ChangeDetectorRef);
6183
- bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
6282
+ bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
6184
6283
  idDuBouton = `${inject(StIdentifiants).prochain("st-iban-field")}-reveler`;
6185
- enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []);
6186
- brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []);
6187
- revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
6188
- masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : /* istanbul ignore next */ []);
6189
- 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 */ []);
6190
6289
  minuterie = null;
6191
- aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
6192
- libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
6193
- 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 */ []);
6194
6293
  masquee = computed(() => {
6195
6294
  if (!this.masque()) return false;
6196
6295
  if (this.impression()) return true;
@@ -6198,14 +6297,14 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6198
6297
  if (this.readonly()) return true;
6199
6298
  if (this.enSaisie()) return false;
6200
6299
  return this.masqueDemande() || !(this.touched() && this.errors().length > 0);
6201
- }, ...ngDevMode ? [{ debugName: "masquee" }] : /* istanbul ignore next */ []);
6202
- 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 */ []);
6203
6302
  affichage = computed(() => {
6204
6303
  const valeur = this.value();
6205
6304
  if (this.masquee()) return masquerIban(valeur);
6206
6305
  const brut = this.brut();
6207
6306
  return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
6208
- }, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
6307
+ }, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
6209
6308
  constructor() {
6210
6309
  super();
6211
6310
  const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
@@ -6282,7 +6381,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6282
6381
  }
6283
6382
  static ɵfac = i0.ɵɵngDeclareFactory({
6284
6383
  minVersion: "12.0.0",
6285
- version: "22.2.0",
6384
+ version: "22.2.1",
6286
6385
  ngImport: i0,
6287
6386
  type: StIbanField,
6288
6387
  deps: [],
@@ -6290,7 +6389,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6290
6389
  });
6291
6390
  static ɵcmp = i0.ɵɵngDeclareComponent({
6292
6391
  minVersion: "17.0.0",
6293
- version: "22.2.0",
6392
+ version: "22.2.1",
6294
6393
  type: StIbanField,
6295
6394
  isStandalone: true,
6296
6395
  selector: "st-iban-field",
@@ -6319,7 +6418,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6319
6418
  usesInheritance: true,
6320
6419
  ngImport: i0,
6321
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",
6322
- 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"],
6323
6422
  dependencies: [
6324
6423
  {
6325
6424
  kind: "component",
@@ -6361,7 +6460,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
6361
6460
  };
6362
6461
  i0.ɵɵngDeclareClassMetadata({
6363
6462
  minVersion: "12.0.0",
6364
- version: "22.2.0",
6463
+ version: "22.2.1",
6365
6464
  ngImport: i0,
6366
6465
  type: StIbanField,
6367
6466
  decorators: [{
@@ -6381,7 +6480,7 @@ i0.ɵɵngDeclareClassMetadata({
6381
6480
  "(window:afterprint)": "apresImpression()"
6382
6481
  },
6383
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",
6384
- 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"]
6385
6484
  }]
6386
6485
  }],
6387
6486
  ctorParameters: () => [],
@@ -6444,12 +6543,12 @@ function toucheQuiChoisit(evenement) {
6444
6543
  var StSelect = class StSelect extends ControleDeSaisie {
6445
6544
  affichable = sansCommandesDeDirection;
6446
6545
  libelles = inject(ST_LIBELLES);
6447
- options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
6448
- texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
6449
- autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
6450
- icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
6451
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
6452
- 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 */ []);
6453
6552
  blocs = computed(() => {
6454
6553
  const blocs = [];
6455
6554
  for (const option of this.options()) {
@@ -6463,12 +6562,12 @@ var StSelect = class StSelect extends ControleDeSaisie {
6463
6562
  });
6464
6563
  }
6465
6564
  return blocs;
6466
- }, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
6565
+ }, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
6467
6566
  valeurInconnue = computed(() => {
6468
6567
  const valeur = this.value();
6469
6568
  if (valeur === "") return null;
6470
6569
  return this.options().some((option) => option.valeur === valeur) ? null : valeur;
6471
- }, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
6570
+ }, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
6472
6571
  constructor() {
6473
6572
  super();
6474
6573
  if (isDevMode()) effect(() => {
@@ -6494,7 +6593,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6494
6593
  }
6495
6594
  static ɵfac = i0.ɵɵngDeclareFactory({
6496
6595
  minVersion: "12.0.0",
6497
- version: "22.2.0",
6596
+ version: "22.2.1",
6498
6597
  ngImport: i0,
6499
6598
  type: StSelect,
6500
6599
  deps: [],
@@ -6502,7 +6601,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6502
6601
  });
6503
6602
  static ɵcmp = i0.ɵɵngDeclareComponent({
6504
6603
  minVersion: "17.0.0",
6505
- version: "22.2.0",
6604
+ version: "22.2.1",
6506
6605
  type: StSelect,
6507
6606
  isStandalone: true,
6508
6607
  selector: "st-select",
@@ -6557,7 +6656,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6557
6656
  usesInheritance: true,
6558
6657
  ngImport: i0,
6559
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",
6560
- 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"],
6561
6660
  dependencies: [
6562
6661
  {
6563
6662
  kind: "component",
@@ -6599,7 +6698,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
6599
6698
  };
6600
6699
  i0.ɵɵngDeclareClassMetadata({
6601
6700
  minVersion: "12.0.0",
6602
- version: "22.2.0",
6701
+ version: "22.2.1",
6603
6702
  ngImport: i0,
6604
6703
  type: StSelect,
6605
6704
  decorators: [{
@@ -6617,7 +6716,7 @@ i0.ɵɵngDeclareClassMetadata({
6617
6716
  "[attr.data-variante]": "variante() === \"tonale\" ? \"tonale\" : null"
6618
6717
  },
6619
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",
6620
- 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"]
6621
6720
  }]
6622
6721
  }],
6623
6722
  ctorParameters: () => [],
@@ -6693,19 +6792,19 @@ var StCalendar = class StCalendar {
6693
6792
  fuseau = inject(FUSEAU_PAR_DEFAUT);
6694
6793
  element = inject(ElementRef);
6695
6794
  injecteur = inject(Injector);
6696
- aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : /* istanbul ignore next */ []);
6697
- selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
6698
- dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
6699
- dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
6700
- plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
6701
- rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : /* istanbul ignore next */ []);
6702
- 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 */ []);
6703
6802
  pleineLargeur = input(false, {
6704
- ...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
6803
+ ...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
6705
6804
  transform: booleanAttribute
6706
6805
  });
6707
6806
  fermable = input(false, {
6708
- ...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
6807
+ ...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
6709
6808
  transform: booleanAttribute
6710
6809
  });
6711
6810
  choix = output();
@@ -6718,9 +6817,9 @@ var StCalendar = class StCalendar {
6718
6817
  pied: `${base}-pied`
6719
6818
  };
6720
6819
  })();
6721
- active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
6722
- premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []);
6723
- 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 */ []);
6724
6823
  titre = computed(() => {
6725
6824
  const [annee, mois] = this.active().split("-").map(Number);
6726
6825
  return initiale(new Intl.DateTimeFormat(this.locale(), {
@@ -6728,7 +6827,7 @@ var StCalendar = class StCalendar {
6728
6827
  year: "numeric",
6729
6828
  timeZone: "UTC"
6730
6829
  }).format(Date.UTC(annee ?? 2e3, (mois ?? 1) - 1, 1)), this.locale());
6731
- }, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
6830
+ }, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
6732
6831
  listeDAnnees = computed(() => {
6733
6832
  const courante = Number(this.aujourdHui().slice(0, 4));
6734
6833
  const annees = this.annees();
@@ -6740,7 +6839,7 @@ var StCalendar = class StCalendar {
6740
6839
  const debut = Math.min(min, active);
6741
6840
  const fin = Math.max(max, active);
6742
6841
  return Array.from({ length: fin - debut + 1 }, (_, index) => debut + index);
6743
- }, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
6842
+ }, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
6744
6843
  joursDeLaSemaine = computed(() => {
6745
6844
  const locale = this.locale();
6746
6845
  const court = new Intl.DateTimeFormat(locale, {
@@ -6759,7 +6858,7 @@ var StCalendar = class StCalendar {
6759
6858
  long: long.format(instant)
6760
6859
  };
6761
6860
  });
6762
- }, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
6861
+ }, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
6763
6862
  semaines = computed(() => {
6764
6863
  const active = this.active();
6765
6864
  const [annee, mois] = active.split("-").map(Number);
@@ -6794,15 +6893,15 @@ var StCalendar = class StCalendar {
6794
6893
  aujourdHui: date === aujourdHui,
6795
6894
  rejete: date === rejet
6796
6895
  })));
6797
- }, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
6896
+ }, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
6798
6897
  moisPrecedentPossible = computed(() => {
6799
6898
  const min = this.dateMin();
6800
6899
  return min === null || this.active().slice(0, 7) > min.slice(0, 7);
6801
- }, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
6900
+ }, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
6802
6901
  moisSuivantPossible = computed(() => {
6803
6902
  const max = this.dateMax();
6804
6903
  return max === null || this.active().slice(0, 7) < max.slice(0, 7);
6805
- }, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
6904
+ }, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
6806
6905
  constructor() {
6807
6906
  afterNextRender(() => {
6808
6907
  this.relireAujourdHui();
@@ -6885,7 +6984,7 @@ var StCalendar = class StCalendar {
6885
6984
  }
6886
6985
  static ɵfac = i0.ɵɵngDeclareFactory({
6887
6986
  minVersion: "12.0.0",
6888
- version: "22.2.0",
6987
+ version: "22.2.1",
6889
6988
  ngImport: i0,
6890
6989
  type: StCalendar,
6891
6990
  deps: [],
@@ -6893,7 +6992,7 @@ var StCalendar = class StCalendar {
6893
6992
  });
6894
6993
  static ɵcmp = i0.ɵɵngDeclareComponent({
6895
6994
  minVersion: "17.0.0",
6896
- version: "22.2.0",
6995
+ version: "22.2.1",
6897
6996
  type: StCalendar,
6898
6997
  isStandalone: true,
6899
6998
  selector: "st-calendar",
@@ -6974,7 +7073,7 @@ var StCalendar = class StCalendar {
6974
7073
  },
6975
7074
  ngImport: i0,
6976
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",
6977
- 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"],
6978
7077
  dependencies: [{
6979
7078
  kind: "component",
6980
7079
  type: StIcon,
@@ -7012,7 +7111,7 @@ var StCalendar = class StCalendar {
7012
7111
  };
7013
7112
  i0.ɵɵngDeclareClassMetadata({
7014
7113
  minVersion: "12.0.0",
7015
- version: "22.2.0",
7114
+ version: "22.2.1",
7016
7115
  ngImport: i0,
7017
7116
  type: StCalendar,
7018
7117
  decorators: [{
@@ -7031,7 +7130,7 @@ i0.ɵɵngDeclareClassMetadata({
7031
7130
  "(mousedown)": "surAppui($event)"
7032
7131
  },
7033
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",
7034
- 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"]
7035
7134
  }]
7036
7135
  }],
7037
7136
  ctorParameters: () => [],
@@ -7186,30 +7285,30 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7186
7285
  element = inject(ElementRef);
7187
7286
  document = inject(DOCUMENT);
7188
7287
  injecteur = inject(Injector);
7189
- natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : /* istanbul ignore next */ []);
7190
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7191
- 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 */ []);
7192
7291
  multiple = input(false, {
7193
- ...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
7292
+ ...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
7194
7293
  transform: booleanAttribute
7195
7294
  });
7196
- tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []);
7197
- nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
7198
- libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : /* istanbul ignore next */ []);
7199
- 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 */ []);
7200
7299
  annulation = output();
7201
7300
  remplacement = output();
7202
7301
  annonce = new AnnonceLocale(inject(DestroyRef));
7203
- survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
7302
+ survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
7204
7303
  identifiants = inject(StIdentifiants);
7205
7304
  identifiantDesConsignes = this.identifiants.prochain("st-file-upload-consignes");
7206
7305
  identifiantDeLaLecture = this.identifiants.prochain("st-file-upload-lecture");
7207
7306
  identifiantDuRefus = this.identifiants.prochain("st-file-upload-refus");
7208
- refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
7307
+ refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
7209
7308
  entreesDuGlisser = 0;
7210
7309
  aRemplacer = null;
7211
- ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
7212
- 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 */ []);
7213
7312
  consignes = computed(() => {
7214
7313
  const libelles = this.libelles();
7215
7314
  const textes = [this.aideEtRaisons()];
@@ -7220,12 +7319,12 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7220
7319
  if (nombre !== null && this.multiple()) textes.push(libelles.nombreMaximalDeFichiers(nombre));
7221
7320
  const texte = textes.filter((morceau) => morceau !== null).join(" ");
7222
7321
  return texte === "" ? null : texte;
7223
- }, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
7322
+ }, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
7224
7323
  descriptionsDesConsignes = computed(() => [
7225
7324
  ...this.consignes() === null ? [] : [this.identifiantDesConsignes],
7226
7325
  ...this.readonly() ? [this.identifiantDeLaLecture] : [],
7227
7326
  ...this.refusDuNombre() === null ? [] : [this.identifiantDuRefus]
7228
- ], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
7327
+ ], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
7229
7328
  lignes = computed(() => {
7230
7329
  const locale = this.locale();
7231
7330
  const libelles = this.libelles();
@@ -7276,7 +7375,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7276
7375
  annulable: etape === "en-cours" && etat?.annulable !== false
7277
7376
  };
7278
7377
  });
7279
- }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
7378
+ }, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
7280
7379
  constructor() {
7281
7380
  super();
7282
7381
  let etapesConnues = null;
@@ -7442,7 +7541,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7442
7541
  }
7443
7542
  static ɵfac = i0.ɵɵngDeclareFactory({
7444
7543
  minVersion: "12.0.0",
7445
- version: "22.2.0",
7544
+ version: "22.2.1",
7446
7545
  ngImport: i0,
7447
7546
  type: StFileUpload,
7448
7547
  deps: [],
@@ -7450,7 +7549,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7450
7549
  });
7451
7550
  static ɵcmp = i0.ɵɵngDeclareComponent({
7452
7551
  minVersion: "17.0.0",
7453
- version: "22.2.0",
7552
+ version: "22.2.1",
7454
7553
  type: StFileUpload,
7455
7554
  isStandalone: true,
7456
7555
  selector: "st-file-upload",
@@ -7524,7 +7623,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7524
7623
  usesInheritance: true,
7525
7624
  ngImport: i0,
7526
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",
7527
- 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"],
7528
7627
  dependencies: [
7529
7628
  {
7530
7629
  kind: "component",
@@ -7613,7 +7712,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
7613
7712
  };
7614
7713
  i0.ɵɵngDeclareClassMetadata({
7615
7714
  minVersion: "12.0.0",
7616
- version: "22.2.0",
7715
+ version: "22.2.1",
7617
7716
  ngImport: i0,
7618
7717
  type: StFileUpload,
7619
7718
  decorators: [{
@@ -7634,7 +7733,7 @@ i0.ɵɵngDeclareClassMetadata({
7634
7733
  "(focusout)": "aLaSortie($event)"
7635
7734
  },
7636
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",
7637
- 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"]
7638
7737
  }]
7639
7738
  }],
7640
7739
  ctorParameters: () => [],
@@ -7726,14 +7825,14 @@ function phrase(texte) {
7726
7825
  var StTagInput = class StTagInput extends ContratDeChamp {
7727
7826
  libelles = inject(ST_LIBELLES);
7728
7827
  element = inject(ElementRef);
7729
- value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
7730
- separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : /* istanbul ignore next */ []);
7731
- valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : /* istanbul ignore next */ []);
7732
- 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 */ []);
7733
7832
  annonce = new AnnonceLocale(inject(DestroyRef));
7734
7833
  identifiantDuRefus = inject(StIdentifiants).prochain("st-tag-input-refus");
7735
- refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
7736
- 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 */ []);
7737
7836
  elements = computed(() => {
7738
7837
  const supprimable = this.modifiable();
7739
7838
  return this.value().map((valeur) => ({
@@ -7741,8 +7840,8 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7741
7840
  libelle: valeur,
7742
7841
  supprimable
7743
7842
  }));
7744
- }, ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
7745
- 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 */ []);
7746
7845
  constructor() {
7747
7846
  super();
7748
7847
  CHAMPS$1.set(this, {
@@ -7833,7 +7932,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7833
7932
  }
7834
7933
  static ɵfac = i0.ɵɵngDeclareFactory({
7835
7934
  minVersion: "12.0.0",
7836
- version: "22.2.0",
7935
+ version: "22.2.1",
7837
7936
  ngImport: i0,
7838
7937
  type: StTagInput,
7839
7938
  deps: [],
@@ -7841,7 +7940,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7841
7940
  });
7842
7941
  static ɵcmp = i0.ɵɵngDeclareComponent({
7843
7942
  minVersion: "17.0.0",
7844
- version: "22.2.0",
7943
+ version: "22.2.1",
7845
7944
  type: StTagInput,
7846
7945
  isStandalone: true,
7847
7946
  selector: "st-tag-input",
@@ -7883,7 +7982,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7883
7982
  usesInheritance: true,
7884
7983
  ngImport: i0,
7885
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",
7886
- 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"],
7887
7986
  dependencies: [
7888
7987
  {
7889
7988
  kind: "component",
@@ -7940,7 +8039,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
7940
8039
  };
7941
8040
  i0.ɵɵngDeclareClassMetadata({
7942
8041
  minVersion: "12.0.0",
7943
- version: "22.2.0",
8042
+ version: "22.2.1",
7944
8043
  ngImport: i0,
7945
8044
  type: StTagInput,
7946
8045
  decorators: [{
@@ -7967,7 +8066,7 @@ i0.ɵɵngDeclareClassMetadata({
7967
8066
  "(focusout)": "aLaSortie($event)"
7968
8067
  },
7969
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",
7970
- 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"]
7971
8070
  }]
7972
8071
  }],
7973
8072
  ctorParameters: () => [],
@@ -8044,12 +8143,12 @@ function optionsDesPays(parametres) {
8044
8143
  var StCountryField = class StCountryField extends ControleDeSaisie {
8045
8144
  libelles = inject(ST_LIBELLES);
8046
8145
  locale = inject(ST_LOCALE);
8047
- codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
8048
- enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : /* istanbul ignore next */ []);
8049
- autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
8050
- texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
8051
- presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
8052
- 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 */ []);
8053
8152
  options = computed(() => optionsDesPays({
8054
8153
  locale: this.locale(),
8055
8154
  codes: this.codes(),
@@ -8059,13 +8158,13 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8059
8158
  frequents: this.libelles().paysFrequents,
8060
8159
  tous: this.libelles().tousLesPays
8061
8160
  }
8062
- }), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
8161
+ }), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
8063
8162
  focus(options) {
8064
8163
  this.liste().focus(options);
8065
8164
  }
8066
8165
  static ɵfac = i0.ɵɵngDeclareFactory({
8067
8166
  minVersion: "12.0.0",
8068
- version: "22.2.0",
8167
+ version: "22.2.1",
8069
8168
  ngImport: i0,
8070
8169
  type: StCountryField,
8071
8170
  deps: null,
@@ -8073,7 +8172,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8073
8172
  });
8074
8173
  static ɵcmp = i0.ɵɵngDeclareComponent({
8075
8174
  minVersion: "17.2.0",
8076
- version: "22.2.0",
8175
+ version: "22.2.1",
8077
8176
  type: StCountryField,
8078
8177
  isStandalone: true,
8079
8178
  selector: "st-country-field",
@@ -8143,7 +8242,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
8143
8242
  };
8144
8243
  i0.ɵɵngDeclareClassMetadata({
8145
8244
  minVersion: "12.0.0",
8146
- version: "22.2.0",
8245
+ version: "22.2.1",
8147
8246
  ngImport: i0,
8148
8247
  type: StCountryField,
8149
8248
  decorators: [{
@@ -8223,22 +8322,22 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8223
8322
  libelles = inject(ST_LIBELLES);
8224
8323
  locale = inject(ST_LOCALE);
8225
8324
  element = inject(ElementRef);
8226
- value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
8227
- paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : /* istanbul ignore next */ []);
8228
- codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : /* istanbul ignore next */ []);
8229
- 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 */ []);
8230
8329
  ligne2Masquee = input(false, {
8231
- ...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
8330
+ ...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
8232
8331
  transform: booleanAttribute
8233
8332
  });
8234
- sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
8333
+ sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
8235
8334
  annonce = new AnnonceLocale(inject(DestroyRef));
8236
8335
  listes = inject(ST_LISTES_D_ADRESSES);
8237
- pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : /* istanbul ignore next */ []);
8238
- format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
8239
- parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
8240
- exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : /* istanbul ignore next */ []);
8241
- 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 */ []);
8242
8341
  erreursParPartie = computed(() => {
8243
8342
  const parPartie = /* @__PURE__ */ new Map();
8244
8343
  const groupe = [];
@@ -8257,8 +8356,8 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8257
8356
  parPartie,
8258
8357
  groupe
8259
8358
  };
8260
- }, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : /* istanbul ignore next */ []);
8261
- 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 */ []);
8262
8361
  demandeDeRegions = computed(() => {
8263
8362
  const pays = this.pays();
8264
8363
  if (this.listes === null || pays === "" || this.format().region === null) return void 0;
@@ -8267,11 +8366,11 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8267
8366
  langue: this.locale()
8268
8367
  };
8269
8368
  }, {
8270
- ...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
8369
+ ...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
8271
8370
  equal: (a, b) => a?.pays === b?.pays && a?.langue === b?.langue
8272
8371
  });
8273
8372
  regions = resource({
8274
- ...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
8373
+ ...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
8275
8374
  params: () => this.demandeDeRegions(),
8276
8375
  loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.regions(params.pays, params.langue, abortSignal)
8277
8376
  });
@@ -8279,14 +8378,14 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8279
8378
  if (!this.regions.hasValue()) return null;
8280
8379
  const liste = this.regions.value();
8281
8380
  return liste !== null && liste.length > 0 ? liste : null;
8282
- }, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
8381
+ }, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
8283
8382
  modeDeRegion = computed(() => {
8284
8383
  if (this.demandeDeRegions() === void 0) return "texte";
8285
8384
  if (this.regions.isLoading()) return "chargement";
8286
8385
  if (this.regions.status() === "error") return "panne";
8287
8386
  return this.listeDesRegions() === null ? "texte" : "liste";
8288
- }, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : /* istanbul ignore next */ []);
8289
- 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 */ []);
8290
8389
  optionsDeRegion = computed(() => {
8291
8390
  const liste = this.listeDesRegions() ?? [];
8292
8391
  const options = liste.map((region) => ({
@@ -8299,7 +8398,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8299
8398
  libelle: actuelle
8300
8399
  });
8301
8400
  return options;
8302
- }, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
8401
+ }, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
8303
8402
  demandeDeVilles = computed(() => {
8304
8403
  const pays = this.pays();
8305
8404
  if (this.listes === null || pays === "") return void 0;
@@ -8310,16 +8409,16 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8310
8409
  langue: this.locale()
8311
8410
  };
8312
8411
  }, {
8313
- ...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
8412
+ ...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
8314
8413
  equal: (a, b) => a?.pays === b?.pays && a?.region === b?.region && a?.langue === b?.langue
8315
8414
  });
8316
8415
  villes = resource({
8317
- ...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
8416
+ ...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
8318
8417
  params: () => this.demandeDeVilles(),
8319
8418
  loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.villes(params, abortSignal)
8320
8419
  });
8321
- villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : /* istanbul ignore next */ []);
8322
- 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 */ []);
8323
8422
  constructor() {
8324
8423
  super();
8325
8424
  CHAMPS.set(this, {
@@ -8442,7 +8541,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8442
8541
  }
8443
8542
  static ɵfac = i0.ɵɵngDeclareFactory({
8444
8543
  minVersion: "12.0.0",
8445
- version: "22.2.0",
8544
+ version: "22.2.1",
8446
8545
  ngImport: i0,
8447
8546
  type: StAddressFieldset,
8448
8547
  deps: [],
@@ -8450,7 +8549,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8450
8549
  });
8451
8550
  static ɵcmp = i0.ɵɵngDeclareComponent({
8452
8551
  minVersion: "17.0.0",
8453
- version: "22.2.0",
8552
+ version: "22.2.1",
8454
8553
  type: StAddressFieldset,
8455
8554
  isStandalone: true,
8456
8555
  selector: "st-address-fieldset",
@@ -8585,7 +8684,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
8585
8684
  };
8586
8685
  i0.ɵɵngDeclareClassMetadata({
8587
8686
  minVersion: "12.0.0",
8588
- version: "22.2.0",
8687
+ version: "22.2.1",
8589
8688
  ngImport: i0,
8590
8689
  type: StAddressFieldset,
8591
8690
  decorators: [{
@@ -8675,8 +8774,8 @@ i0.ɵɵngDeclareClassMetadata({
8675
8774
  }
8676
8775
  });
8677
8776
  var StFormActions = class StFormActions {
8678
- disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
8679
- 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 */ []);
8680
8779
  constructor() {
8681
8780
  const element = inject(ElementRef).nativeElement;
8682
8781
  const document = inject(DOCUMENT$1);
@@ -8726,7 +8825,7 @@ var StFormActions = class StFormActions {
8726
8825
  }
8727
8826
  static ɵfac = i0.ɵɵngDeclareFactory({
8728
8827
  minVersion: "12.0.0",
8729
- version: "22.2.0",
8828
+ version: "22.2.1",
8730
8829
  ngImport: i0,
8731
8830
  type: StFormActions,
8732
8831
  deps: [],
@@ -8734,7 +8833,7 @@ var StFormActions = class StFormActions {
8734
8833
  });
8735
8834
  static ɵcmp = i0.ɵɵngDeclareComponent({
8736
8835
  minVersion: "17.1.0",
8737
- version: "22.2.0",
8836
+ version: "22.2.1",
8738
8837
  type: StFormActions,
8739
8838
  isStandalone: true,
8740
8839
  selector: "st-form-actions",
@@ -8760,7 +8859,7 @@ var StFormActions = class StFormActions {
8760
8859
  };
8761
8860
  i0.ɵɵngDeclareClassMetadata({
8762
8861
  minVersion: "12.0.0",
8763
- version: "22.2.0",
8862
+ version: "22.2.1",
8764
8863
  ngImport: i0,
8765
8864
  type: StFormActions,
8766
8865
  decorators: [{
@@ -8800,6 +8899,6 @@ function avertirDesEnvoisMultiples(element) {
8800
8899
  const envois = element.querySelectorAll("button[type=\"submit\"], input[type=\"submit\"]").length;
8801
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.`);
8802
8901
  }
8803
- 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, motifDuMoisLocal, 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 };
8804
8903
 
8805
8904
  //# sourceMappingURL=starterlib-ui-saisie.mjs.map