@starterlib/ui 0.11.2 → 0.11.4

package/fesm2022/starterlib-ui.mjs

@@ -4178,7 +4178,7 @@ var StTimer = class StTimer {
 			classAttribute: "st-timer"
 		},
 		ngImport: i0,
-		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",
+		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",
 		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"],
 		dependencies: [{
 			kind: "component",
@@ -4215,7 +4215,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-variante]": "variante()",
 				"[attr.data-termine]": "restant() === 0 ? \"\" : null"
 			},
-			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",
+			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",
 			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"]
 		}]
 	}],
@@ -4293,6 +4293,7 @@ var StError = class StError {
 	locale = inject(ST_LOCALE);
 	variante = input("serveur", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	disposition = input("encart", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
 	code = input.required(...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
 	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
 	message = input(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
@@ -4326,6 +4327,7 @@ var StError = class StError {
 	}, ...ngDevMode ? [{ debugName: "decompteTermine" }] : /* istanbul ignore next */ []);
 	decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : /* istanbul ignore next */ []);
 	profil = computed(() => PROFILS_D_ERREUR[this.variante()], ...ngDevMode ? [{ debugName: "profil" }] : /* istanbul ignore next */ []);
+	tonLu = computed(() => this.ton() ?? this.profil().ton, ...ngDevMode ? [{ debugName: "tonLu" }] : /* istanbul ignore next */ []);
 	iconeLue = computed(() => this.icone() ?? this.profil().icone, ...ngDevMode ? [{ debugName: "iconeLue" }] : /* istanbul ignore next */ []);
 	rejouableLu = computed(() => {
 		const choisi = this.rejouable();
@@ -4373,6 +4375,13 @@ var StError = class StError {
 				isRequired: false,
 				transformFunction: null
 			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			code: {
 				classPropertyName: "code",
 				publicName: "code",
@@ -4470,7 +4479,7 @@ var StError = class StError {
 			properties: {
 				"attr.data-variante": "variante()",
 				"attr.data-disposition": "disposition()",
-				"attr.data-ton": "profil().ton"
+				"attr.data-ton": "tonLu()"
 			},
 			classAttribute: "st-error"
 		},
@@ -4483,7 +4492,7 @@ var StError = class StError {
 		}],
 		ngImport: i0,
 		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",
-		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"],
+		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"],
 		dependencies: [
 			{
 				kind: "component",
@@ -4579,10 +4588,10 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "st-error",
 				"[attr.data-variante]": "variante()",
 				"[attr.data-disposition]": "disposition()",
-				"[attr.data-ton]": "profil().ton"
+				"[attr.data-ton]": "tonLu()"
 			},
 			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",
-			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"]
+			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"]
 		}]
 	}],
 	propDecorators: {
@@ -4602,6 +4611,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
 		code: [{
 			type: i0.Input,
 			args: [{