@starterlib/ui 0.11.1 → 0.11.3

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.
@@ -4178,7 +4178,7 @@ var StTimer = class StTimer {
4178
4178
  classAttribute: "st-timer"
4179
4179
  },
4180
4180
  ngImport: i0,
4181
- template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n {{ morceau.texte }}\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
4181
+ template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n <!-- Le texte seul dans son conteneur : les blancs du gabarit autour, retires a la compilation, ne\n s'ajoutent plus a ceux de la phrase (« dans 29 s »). -->\n <ng-container>{{ morceau.texte }}</ng-container>\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
4182
4182
  styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block;color:var(--st-couleur-texte-discret)}:host([data-variante=texte]){font-variant-numeric:var(--st-chiffres-alignes)}.st-timer__decompte{unicode-bidi:isolate}:host([data-termine]){color:var(--st-couleur-texte)}:host([data-variante=pastille]){display:inline-flex;gap:var(--st-espacement-1);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);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-primaire);white-space:nowrap;background:var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-variante=pastille]) .st-timer__decompte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-timer__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){:host([data-variante=pastille]){outline-color:CanvasText}.st-timer__point{forced-color-adjust:none;background:CanvasText}}\n"],
4183
4183
  dependencies: [{
4184
4184
  kind: "component",
@@ -4215,7 +4215,7 @@ i0.ɵɵngDeclareClassMetadata({
4215
4215
  "[attr.data-variante]": "variante()",
4216
4216
  "[attr.data-termine]": "restant() === 0 ? \"\" : null"
4217
4217
  },
4218
- template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n {{ morceau.texte }}\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
4218
+ template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n <!-- Le texte seul dans son conteneur : les blancs du gabarit autour, retires a la compilation, ne\n s'ajoutent plus a ceux de la phrase (« dans 29 s »). -->\n <ng-container>{{ morceau.texte }}</ng-container>\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
4219
4219
  styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block;color:var(--st-couleur-texte-discret)}:host([data-variante=texte]){font-variant-numeric:var(--st-chiffres-alignes)}.st-timer__decompte{unicode-bidi:isolate}:host([data-termine]){color:var(--st-couleur-texte)}:host([data-variante=pastille]){display:inline-flex;gap:var(--st-espacement-1);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);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-primaire);white-space:nowrap;background:var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-variante=pastille]) .st-timer__decompte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-timer__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){:host([data-variante=pastille]){outline-color:CanvasText}.st-timer__point{forced-color-adjust:none;background:CanvasText}}\n"]
4220
4220
  }]
4221
4221
  }],
@@ -4293,6 +4293,7 @@ var StError = class StError {
4293
4293
  locale = inject(ST_LOCALE);
4294
4294
  variante = input("serveur", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
4295
4295
  disposition = input("encart", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
4296
+ ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
4296
4297
  code = input.required(...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
4297
4298
  titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
4298
4299
  message = input(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
@@ -4326,6 +4327,7 @@ var StError = class StError {
4326
4327
  }, ...ngDevMode ? [{ debugName: "decompteTermine" }] : /* istanbul ignore next */ []);
4327
4328
  decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : /* istanbul ignore next */ []);
4328
4329
  profil = computed(() => PROFILS_D_ERREUR[this.variante()], ...ngDevMode ? [{ debugName: "profil" }] : /* istanbul ignore next */ []);
4330
+ tonLu = computed(() => this.ton() ?? this.profil().ton, ...ngDevMode ? [{ debugName: "tonLu" }] : /* istanbul ignore next */ []);
4329
4331
  iconeLue = computed(() => this.icone() ?? this.profil().icone, ...ngDevMode ? [{ debugName: "iconeLue" }] : /* istanbul ignore next */ []);
4330
4332
  rejouableLu = computed(() => {
4331
4333
  const choisi = this.rejouable();
@@ -4373,6 +4375,13 @@ var StError = class StError {
4373
4375
  isRequired: false,
4374
4376
  transformFunction: null
4375
4377
  },
4378
+ ton: {
4379
+ classPropertyName: "ton",
4380
+ publicName: "ton",
4381
+ isSignal: true,
4382
+ isRequired: false,
4383
+ transformFunction: null
4384
+ },
4376
4385
  code: {
4377
4386
  classPropertyName: "code",
4378
4387
  publicName: "code",
@@ -4470,7 +4479,7 @@ var StError = class StError {
4470
4479
  properties: {
4471
4480
  "attr.data-variante": "variante()",
4472
4481
  "attr.data-disposition": "disposition()",
4473
- "attr.data-ton": "profil().ton"
4482
+ "attr.data-ton": "tonLu()"
4474
4483
  },
4475
4484
  classAttribute: "st-error"
4476
4485
  },
@@ -4483,7 +4492,7 @@ var StError = class StError {
4483
4492
  }],
4484
4493
  ngImport: i0,
4485
4494
  template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n <div class=\"st-error__medaillon\">\n <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n </div>\n <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n @switch (niveauDuTitre()) {\n @case (1) {\n <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n }\n @case (2) {\n <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n }\n @case (4) {\n <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n }\n @case (5) {\n <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n }\n @case (6) {\n <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n }\n @default {\n <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n }\n }\n @if (message(); as texte) {\n <p class=\"st-error__message\">{{ texte }}</p>\n }\n </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n @if (rejouableLu()) {\n <button\n stButton\n type=\"button\"\n variante=\"primaire\"\n iconeAvant=\"rafraichir\"\n [chargement]=\"rejeuEnCours()\"\n [indisponible]=\"enAttente()\"\n [raisonIndisponible]=\"raisonDuRejeu()\"\n (click)=\"rejeu.emit()\"\n >\n {{ libelleRejeuLu() }}\n </button>\n }\n @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n <st-timer\n [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n [echeance]=\"echeance()\"\n (termine)=\"quandLeDecompteFinit()\"\n />\n }\n <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n <div class=\"st-error__technique\">\n <p class=\"st-error__ligne\">\n <span class=\"st-error__code\"\n >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n >\n @if (traceId(); as trace) {\n <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n <span class=\"st-error__trace\"\n >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n >\n }\n </p>\n @if (traceId(); as trace) {\n <st-copy-button\n class=\"st-error__copie\"\n iconeSeule\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n [valeur]=\"trace\"\n [libelle]=\"nomDeLaCopie()\"\n />\n }\n </div>\n}\n",
4486
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding: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);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"],
4495
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding: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);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"],
4487
4496
  dependencies: [
4488
4497
  {
4489
4498
  kind: "component",
@@ -4579,10 +4588,10 @@ i0.ɵɵngDeclareClassMetadata({
4579
4588
  class: "st-error",
4580
4589
  "[attr.data-variante]": "variante()",
4581
4590
  "[attr.data-disposition]": "disposition()",
4582
- "[attr.data-ton]": "profil().ton"
4591
+ "[attr.data-ton]": "tonLu()"
4583
4592
  },
4584
4593
  template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n <div class=\"st-error__medaillon\">\n <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n </div>\n <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n @switch (niveauDuTitre()) {\n @case (1) {\n <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n }\n @case (2) {\n <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n }\n @case (4) {\n <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n }\n @case (5) {\n <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n }\n @case (6) {\n <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n }\n @default {\n <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n }\n }\n @if (message(); as texte) {\n <p class=\"st-error__message\">{{ texte }}</p>\n }\n </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n @if (rejouableLu()) {\n <button\n stButton\n type=\"button\"\n variante=\"primaire\"\n iconeAvant=\"rafraichir\"\n [chargement]=\"rejeuEnCours()\"\n [indisponible]=\"enAttente()\"\n [raisonIndisponible]=\"raisonDuRejeu()\"\n (click)=\"rejeu.emit()\"\n >\n {{ libelleRejeuLu() }}\n </button>\n }\n @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n <st-timer\n [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n [echeance]=\"echeance()\"\n (termine)=\"quandLeDecompteFinit()\"\n />\n }\n <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n <div class=\"st-error__technique\">\n <p class=\"st-error__ligne\">\n <span class=\"st-error__code\"\n >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n >\n @if (traceId(); as trace) {\n <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n <span class=\"st-error__trace\"\n >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n >\n }\n </p>\n @if (traceId(); as trace) {\n <st-copy-button\n class=\"st-error__copie\"\n iconeSeule\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n [valeur]=\"trace\"\n [libelle]=\"nomDeLaCopie()\"\n />\n }\n </div>\n}\n",
4585
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding: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);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"]
4594
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding: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);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"]
4586
4595
  }]
4587
4596
  }],
4588
4597
  propDecorators: {
@@ -4602,6 +4611,14 @@ i0.ɵɵngDeclareClassMetadata({
4602
4611
  required: false
4603
4612
  }]
4604
4613
  }],
4614
+ ton: [{
4615
+ type: i0.Input,
4616
+ args: [{
4617
+ isSignal: true,
4618
+ alias: "ton",
4619
+ required: false
4620
+ }]
4621
+ }],
4605
4622
  code: [{
4606
4623
  type: i0.Input,
4607
4624
  args: [{
@@ -6811,6 +6828,7 @@ var StAuthShell = class StAuthShell {
6811
6828
  ...ngDevMode ? { debugName: "bandeaux" } : /* istanbul ignore next */ {},
6812
6829
  transform: booleanAttribute
6813
6830
  });
6831
+ carte = input("etroite", ...ngDevMode ? [{ debugName: "carte" }] : /* istanbul ignore next */ []);
6814
6832
  identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
6815
6833
  liensDuPied = computed(() => this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "liensDuPied" }] : /* istanbul ignore next */ []);
6816
6834
  static ɵfac = i0.ɵɵngDeclareFactory({
@@ -6827,20 +6845,32 @@ var StAuthShell = class StAuthShell {
6827
6845
  type: StAuthShell,
6828
6846
  isStandalone: true,
6829
6847
  selector: "st-auth-shell",
6830
- inputs: { bandeaux: {
6831
- classPropertyName: "bandeaux",
6832
- publicName: "bandeaux",
6833
- isSignal: true,
6834
- isRequired: false,
6835
- transformFunction: null
6836
- } },
6848
+ inputs: {
6849
+ bandeaux: {
6850
+ classPropertyName: "bandeaux",
6851
+ publicName: "bandeaux",
6852
+ isSignal: true,
6853
+ isRequired: false,
6854
+ transformFunction: null
6855
+ },
6856
+ carte: {
6857
+ classPropertyName: "carte",
6858
+ publicName: "carte",
6859
+ isSignal: true,
6860
+ isRequired: false,
6861
+ transformFunction: null
6862
+ }
6863
+ },
6837
6864
  host: {
6838
- properties: { "attr.data-bandeaux": "bandeaux() ? \"\" : null" },
6865
+ properties: {
6866
+ "attr.data-bandeaux": "bandeaux() ? \"\" : null",
6867
+ "attr.data-carte": "carte() === \"large\" ? \"large\" : null"
6868
+ },
6839
6869
  classAttribute: "st-auth-shell"
6840
6870
  },
6841
6871
  ngImport: i0,
6842
6872
  template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n <div class=\"st-auth-shell__carte\">\n <div class=\"st-auth-shell__banniere\">\n <ng-content select=\"[banniere]\" />\n </div>\n <ng-content />\n </div>\n <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n <div class=\"st-auth-shell__sous-la-carte\">\n <ng-content select=\"[sousLaCarte]\" />\n </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n <div class=\"st-auth-shell__mention\">\n <ng-content select=\"[mention]\" />\n </div>\n <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n <ng-content select=\"[pied]\" />\n </nav>\n <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
6843
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
6873
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-carte=large]) .st-auth-shell__contenu{inline-size:min(100%,var(--st-largeur-carte-auth) * 1.5)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
6844
6874
  dependencies: [{
6845
6875
  kind: "component",
6846
6876
  type: StSkipLink,
@@ -6868,20 +6898,31 @@ i0.ɵɵngDeclareClassMetadata({
6868
6898
  imports: [StSkipLink],
6869
6899
  host: {
6870
6900
  class: "st-auth-shell",
6871
- "[attr.data-bandeaux]": "bandeaux() ? \"\" : null"
6901
+ "[attr.data-bandeaux]": "bandeaux() ? \"\" : null",
6902
+ "[attr.data-carte]": "carte() === \"large\" ? \"large\" : null"
6872
6903
  },
6873
6904
  template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n <div class=\"st-auth-shell__carte\">\n <div class=\"st-auth-shell__banniere\">\n <ng-content select=\"[banniere]\" />\n </div>\n <ng-content />\n </div>\n <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n <div class=\"st-auth-shell__sous-la-carte\">\n <ng-content select=\"[sousLaCarte]\" />\n </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n <div class=\"st-auth-shell__mention\">\n <ng-content select=\"[mention]\" />\n </div>\n <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n <ng-content select=\"[pied]\" />\n </nav>\n <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
6874
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
6905
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-carte=large]) .st-auth-shell__contenu{inline-size:min(100%,var(--st-largeur-carte-auth) * 1.5)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
6875
6906
  }]
6876
6907
  }],
6877
- propDecorators: { bandeaux: [{
6878
- type: i0.Input,
6879
- args: [{
6880
- isSignal: true,
6881
- alias: "bandeaux",
6882
- required: false
6908
+ propDecorators: {
6909
+ bandeaux: [{
6910
+ type: i0.Input,
6911
+ args: [{
6912
+ isSignal: true,
6913
+ alias: "bandeaux",
6914
+ required: false
6915
+ }]
6916
+ }],
6917
+ carte: [{
6918
+ type: i0.Input,
6919
+ args: [{
6920
+ isSignal: true,
6921
+ alias: "carte",
6922
+ required: false
6923
+ }]
6883
6924
  }]
6884
- }] }
6925
+ }
6885
6926
  });
6886
6927
  const ORDRE_DES_CHOIX = [
6887
6928
  "clair",