@starterlib/ui 0.10.9 → 0.10.11

package/fesm2022/starterlib-ui.mjs

@@ -3997,6 +3997,7 @@ const TROU = "\0";
 var StTimer = class StTimer {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
+	regionParente = inject(REGION_VIVANTE_PARENTE, { optional: true });
 	secondes = input.required({
 		...ngDevMode ? { debugName: "secondes" } : 		/* istanbul ignore next */ {},
 		transform: numberAttribute
@@ -4072,7 +4073,7 @@ var StTimer = class StTimer {
 		this.restant.set(restant);
 		if (restant > 0) return;
 		this.arreter();
-		this.annonce.annoncer(this.phraseDeFin());
+		if (this.regionParente !== true) this.annonce.annoncer(this.phraseDeFin());
 		this.termine.emit();
 	}
 	arreter() {
@@ -4753,6 +4754,7 @@ var StOfflineBanner = class StOfflineBanner {
 		},
 		outputs: { rejeu: "rejeu" },
 		host: {
+			attributes: { "data-collee": "" },
 			properties: {
 				"attr.role": "sAnnonce() ? \"status\" : null",
 				"attr.data-variante": "variante()"
@@ -4761,7 +4763,7 @@ var StOfflineBanner = class StOfflineBanner {
 		},
 		ngImport: i0,
 		template: "<!-- La copie lisible du fait et du message : elle entre dans la region APRES sa naissance. -->\n<span class=\"st-vh\">\n  @if (copieLisible()) {\n    @if (titre(); as texte) {\n      {{ texte }}\n    }\n    {{ message() }}\n  }\n</span>\n<div class=\"st-offline-banner__fait\">\n  <div class=\"st-offline-banner__tuile\">\n    <st-icon [nom]=\"icone()\" taille=\"20\" />\n  </div>\n  <div class=\"st-offline-banner__textes\">\n    @if (titre(); as texte) {\n      <div class=\"st-offline-banner__entete\">\n        <span class=\"st-offline-banner__titre\" aria-hidden=\"true\">{{ texte }}</span>\n        <ng-content select=\"[complement]\" />\n      </div>\n    }\n    <p class=\"st-offline-banner__message\" aria-hidden=\"true\">{{ message() }}</p>\n  </div>\n</div>\n\n@if (libelleRejeu(); as libelle) {\n  <div class=\"st-offline-banner__actions\">\n    <button\n      stButton\n      type=\"button\"\n      variante=\"secondaire\"\n      taille=\"sm\"\n      iconeAvant=\"synchro\"\n      [chargement]=\"rejeuEnCours()\"\n      (click)=\"rejeu.emit()\"\n    >\n      {{ libelle }}\n    </button>\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{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding:var(--st-espacement-2) var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-bas);outline:var(--st-epaisseur-fine) solid transparent;outline-offset:calc(-1 * var(--st-epaisseur-fine));transition:opacity var(--st-duree-normale) linear}@starting-style{:host{opacity:0}}@media print{:host{display:none}}.st-offline-banner__fait{display:flex;flex:1 1 auto;gap:var(--st-espacement-4);align-items:center;min-inline-size:0}.st-offline-banner__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-sm);block-size:var(--st-hauteur-commande-sm);color:var(--st-couleur-sur-information);background:var(--st-couleur-information);border-radius:var(--st-rayon-sm)}:host([data-variante=retablie]) .st-offline-banner__tuile{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}.st-offline-banner__textes{display:flex;flex-direction:column;min-inline-size:0}.st-offline-banner__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}.st-offline-banner__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);color:var(--st-couleur-texte)}.st-offline-banner__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-offline-banner__actions{display:flex;gap:var(--st-espacement-1);align-items:center}\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{position:sticky;inset-block-start:var(--st-coquille-hauteur-entete, 0);z-index:var(--st-plan-entete);display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding:var(--st-espacement-2) var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-bas);outline:var(--st-epaisseur-fine) solid transparent;outline-offset:calc(-1 * var(--st-epaisseur-fine));transition:opacity var(--st-duree-normale) linear}@starting-style{:host{opacity:0}}@media print{:host{display:none}}.st-offline-banner__fait{display:flex;flex:1 1 auto;gap:var(--st-espacement-4);align-items:center;min-inline-size:0}.st-offline-banner__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-sm);block-size:var(--st-hauteur-commande-sm);color:var(--st-couleur-sur-information);background:var(--st-couleur-information);border-radius:var(--st-rayon-sm)}:host([data-variante=retablie]) .st-offline-banner__tuile{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}.st-offline-banner__textes{display:flex;flex-direction:column;min-inline-size:0}.st-offline-banner__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}.st-offline-banner__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);color:var(--st-couleur-texte)}.st-offline-banner__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-offline-banner__actions{display:flex;gap:var(--st-espacement-1);align-items:center}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -4808,11 +4810,12 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [StIcon, StButton],
 			host: {
 				class: "st-offline-banner st-hors-impression",
+				"data-collee": "",
 				"[attr.role]": "sAnnonce() ? \"status\" : null",
 				"[attr.data-variante]": "variante()"
 			},
 			template: "<!-- La copie lisible du fait et du message : elle entre dans la region APRES sa naissance. -->\n<span class=\"st-vh\">\n  @if (copieLisible()) {\n    @if (titre(); as texte) {\n      {{ texte }}\n    }\n    {{ message() }}\n  }\n</span>\n<div class=\"st-offline-banner__fait\">\n  <div class=\"st-offline-banner__tuile\">\n    <st-icon [nom]=\"icone()\" taille=\"20\" />\n  </div>\n  <div class=\"st-offline-banner__textes\">\n    @if (titre(); as texte) {\n      <div class=\"st-offline-banner__entete\">\n        <span class=\"st-offline-banner__titre\" aria-hidden=\"true\">{{ texte }}</span>\n        <ng-content select=\"[complement]\" />\n      </div>\n    }\n    <p class=\"st-offline-banner__message\" aria-hidden=\"true\">{{ message() }}</p>\n  </div>\n</div>\n\n@if (libelleRejeu(); as libelle) {\n  <div class=\"st-offline-banner__actions\">\n    <button\n      stButton\n      type=\"button\"\n      variante=\"secondaire\"\n      taille=\"sm\"\n      iconeAvant=\"synchro\"\n      [chargement]=\"rejeuEnCours()\"\n      (click)=\"rejeu.emit()\"\n    >\n      {{ libelle }}\n    </button>\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{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding:var(--st-espacement-2) var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-bas);outline:var(--st-epaisseur-fine) solid transparent;outline-offset:calc(-1 * var(--st-epaisseur-fine));transition:opacity var(--st-duree-normale) linear}@starting-style{:host{opacity:0}}@media print{:host{display:none}}.st-offline-banner__fait{display:flex;flex:1 1 auto;gap:var(--st-espacement-4);align-items:center;min-inline-size:0}.st-offline-banner__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-sm);block-size:var(--st-hauteur-commande-sm);color:var(--st-couleur-sur-information);background:var(--st-couleur-information);border-radius:var(--st-rayon-sm)}:host([data-variante=retablie]) .st-offline-banner__tuile{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}.st-offline-banner__textes{display:flex;flex-direction:column;min-inline-size:0}.st-offline-banner__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}.st-offline-banner__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);color:var(--st-couleur-texte)}.st-offline-banner__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-offline-banner__actions{display:flex;gap:var(--st-espacement-1);align-items:center}\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{position:sticky;inset-block-start:var(--st-coquille-hauteur-entete, 0);z-index:var(--st-plan-entete);display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding:var(--st-espacement-2) var(--st-espacement-6);background:var(--st-couleur-surface-conteneur-bas);outline:var(--st-epaisseur-fine) solid transparent;outline-offset:calc(-1 * var(--st-epaisseur-fine));transition:opacity var(--st-duree-normale) linear}@starting-style{:host{opacity:0}}@media print{:host{display:none}}.st-offline-banner__fait{display:flex;flex:1 1 auto;gap:var(--st-espacement-4);align-items:center;min-inline-size:0}.st-offline-banner__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-sm);block-size:var(--st-hauteur-commande-sm);color:var(--st-couleur-sur-information);background:var(--st-couleur-information);border-radius:var(--st-rayon-sm)}:host([data-variante=retablie]) .st-offline-banner__tuile{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}.st-offline-banner__textes{display:flex;flex-direction:column;min-inline-size:0}.st-offline-banner__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}.st-offline-banner__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);color:var(--st-couleur-texte)}.st-offline-banner__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-offline-banner__actions{display:flex;gap:var(--st-espacement-1);align-items:center}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -5867,7 +5870,7 @@ var StNavLink = class StNavLink {
 		}],
 		ngImport: i0,
 		template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -5903,7 +5906,7 @@ i0.ɵɵngDeclareClassMetadata({
 			}],
 			host: { class: "st-nav-link" },
 			template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"]
 		}]
 	}],
 	ctorParameters: () => []
@@ -7047,7 +7050,9 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StLogo = class StLogo {
 	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	clair = input.required(...ngDevMode ? [{ debugName: "clair" }] : 	/* istanbul ignore next */ []);
+	clair = input(null, ...ngDevMode ? [{ debugName: "clair" }] : 	/* istanbul ignore next */ []);
+	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : 	/* istanbul ignore next */ []);
+	icone = input("banque", ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
 	sombre = input(null, ...ngDevMode ? [{ debugName: "sombre" }] : 	/* istanbul ignore next */ []);
 	monochrome = input(null, ...ngDevMode ? [{ debugName: "monochrome" }] : 	/* istanbul ignore next */ []);
 	decoratif = input(false, {
@@ -7073,6 +7078,7 @@ var StLogo = class StLogo {
 	sombreAuRendu = this.themeAuRenduEstSombre();
 	texteAlternatif = computed(() => this.decoratif() ? "" : this.nom(), ...ngDevMode ? [{ debugName: "texteAlternatif" }] : 	/* istanbul ignore next */ []);
 	sourceSombre = computed(() => this.sombre() ?? this.clair(), ...ngDevMode ? [{ debugName: "sourceSombre" }] : 	/* istanbul ignore next */ []);
+	textuel = computed(() => this.clair() === null, ...ngDevMode ? [{ debugName: "textuel" }] : 	/* istanbul ignore next */ []);
 	themeAuRenduEstSombre() {
 		const theme = (this.hote.closest("[data-theme]") ?? this.document.documentElement.closest("[data-theme]"))?.getAttribute("data-theme");
 		if (theme === "sombre") return true;
@@ -7107,7 +7113,21 @@ var StLogo = class StLogo {
 				classPropertyName: "clair",
 				publicName: "clair",
 				isSignal: true,
-				isRequired: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sousTitre: {
+				classPropertyName: "sousTitre",
+				publicName: "sousTitre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
 				transformFunction: null
 			},
 			sombre: {
@@ -7148,6 +7168,7 @@ var StLogo = class StLogo {
 		},
 		host: {
 			properties: {
+				"attr.data-textuel": "textuel() ? \"\" : null",
 				"attr.data-monochrome": "monochrome() === null ? null : \"\"",
 				"style.--st-logo-hauteur": "hauteur()",
 				"style.aspect-ratio": "ratioValide()"
@@ -7155,8 +7176,24 @@ var StLogo = class StLogo {
 			classAttribute: "st-logo"
 		},
 		ngImport: i0,
-		template: "<!-- La variante VISIBLE au rendu part tout de suite et en priorite (`fetchpriority=\"high\"`, jamais\n     `lazy`) : c'est le logo du premier ecran (A1121). Les variantes masquees sont `lazy` : une\n     image masquee et `lazy` n'est pas telechargee, et le devient si le theme change. Les\n     attributs sont ECRITS, pas lies : `loading` doit exister avant `src`, et Angular pose les\n     liaisons d'attribut apres les proprietes.\n\n     `width` et `height` (ratio x 100 et 100) donnent au navigateur les proportions AVANT le\n     chargement : la place est reservee, aucun decalage de mise en page (CLS 0).\n\n     `prefer-ngsrc` ecarte pour les trois images (eslint.config.mjs) : NgOptimizedImage exige une\n     largeur et une hauteur fixes, or un logo n'a qu'une hauteur — sa largeur\n     suit ses proportions, propres a chaque organisation. Et un logo est presque\n     toujours un SVG, pour lequel un jeu de resolutions ne rapporte rien. -->\n@if (sombreAuRendu) {\n  <img\n    class=\"st-logo__clair\"\n    loading=\"lazy\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    fetchpriority=\"high\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n} @else {\n  <img\n    class=\"st-logo__clair\"\n    fetchpriority=\"high\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    loading=\"lazy\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n}\n@if (monochrome(); as source) {\n  <img\n    class=\"st-logo__monochrome\"\n    loading=\"lazy\"\n    [src]=\"source\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\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:inline-flex;align-items:center}img{inline-size:auto;block-size:var(--st-logo-hauteur, 2rem);max-inline-size:100%}:host{block-size:var(--st-logo-hauteur, 2rem)}.st-logo__clair{display:var(--st-affichage-si-clair, inline)}.st-logo__sombre{display:var(--st-affichage-si-sombre, none)}.st-logo__monochrome{display:none}@media(forced-colors:active){:host([data-monochrome]) .st-logo__clair,:host([data-monochrome]) .st-logo__sombre{display:none}:host([data-monochrome]) .st-logo__monochrome{display:inline}}\n"],
+		template: "<!-- La variante VISIBLE au rendu part tout de suite et en priorite (`fetchpriority=\"high\"`, jamais\n     `lazy`) : c'est le logo du premier ecran (A1121). Les variantes masquees sont `lazy` : une\n     image masquee et `lazy` n'est pas telechargee, et le devient si le theme change. Les\n     attributs sont ECRITS, pas lies : `loading` doit exister avant `src`, et Angular pose les\n     liaisons d'attribut apres les proprietes.\n\n     `width` et `height` (ratio x 100 et 100) donnent au navigateur les proportions AVANT le\n     chargement : la place est reservee, aucun decalage de mise en page (CLS 0).\n\n     `prefer-ngsrc` ecarte pour les trois images (eslint.config.mjs) : NgOptimizedImage exige une\n     largeur et une hauteur fixes, or un logo n'a qu'une hauteur — sa largeur\n     suit ses proportions, propres a chaque organisation. Et un logo est presque\n     toujours un SVG, pour lequel un jeu de resolutions ne rapporte rien. -->\n@if (textuel()) {\n  <!-- Marque textuelle : la tuile est decorative, le nom se lit en texte. -->\n  <span class=\"st-logo__tuile\" aria-hidden=\"true\">\n    <st-icon [icone]=\"icone()\" taille=\"20\" />\n  </span>\n  <span class=\"st-logo__texte\">\n    <span class=\"st-logo__nom\">{{ nom() }}</span>\n    @if (sousTitre(); as sousTitre) {\n      <span class=\"st-logo__sous-titre\">{{ sousTitre }}</span>\n    }\n  </span>\n} @else if (sombreAuRendu) {\n  <img\n    class=\"st-logo__clair\"\n    loading=\"lazy\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    fetchpriority=\"high\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n} @else {\n  <img\n    class=\"st-logo__clair\"\n    fetchpriority=\"high\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    loading=\"lazy\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n}\n@if (!textuel() && monochrome(); as source) {\n  <img\n    class=\"st-logo__monochrome\"\n    loading=\"lazy\"\n    [src]=\"source\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\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:inline-flex;align-items:center}img{inline-size:auto;block-size:var(--st-logo-hauteur, 2rem);max-inline-size:100%}:host{block-size:var(--st-logo-hauteur, 2rem)}.st-logo__clair{display:var(--st-affichage-si-clair, inline)}.st-logo__sombre{display:var(--st-affichage-si-sombre, none)}.st-logo__monochrome{display:none}@media(forced-colors:active){:host([data-monochrome]) .st-logo__clair,:host([data-monochrome]) .st-logo__sombre{display:none}:host([data-monochrome]) .st-logo__monochrome{display:inline}}:host([data-textuel]){gap:var(--st-espacement-2);block-size:auto}.st-logo__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-logo-hauteur, 2rem);block-size:var(--st-logo-hauteur, 2rem);color:var(--st-couleur-sur-primaire);background-color:var(--st-couleur-primaire);border-radius:var(--st-rayon-sm)}.st-logo__texte{display:flex;flex-direction:column}.st-logo__nom{font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);line-height:1;letter-spacing:var(--st-approche-4xl);color:var(--st-couleur-texte-primaire);text-transform:uppercase}.st-logo__sous-titre{margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:1;letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}@media(forced-colors:active){.st-logo__tuile{forced-color-adjust:none;color:Canvas;background-color:CanvasText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -7170,14 +7207,16 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "st-logo",
 			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
 			host: {
 				class: "st-logo",
+				"[attr.data-textuel]": "textuel() ? \"\" : null",
 				"[attr.data-monochrome]": "monochrome() === null ? null : \"\"",
 				"[style.--st-logo-hauteur]": "hauteur()",
 				"[style.aspect-ratio]": "ratioValide()"
 			},
-			template: "<!-- La variante VISIBLE au rendu part tout de suite et en priorite (`fetchpriority=\"high\"`, jamais\n     `lazy`) : c'est le logo du premier ecran (A1121). Les variantes masquees sont `lazy` : une\n     image masquee et `lazy` n'est pas telechargee, et le devient si le theme change. Les\n     attributs sont ECRITS, pas lies : `loading` doit exister avant `src`, et Angular pose les\n     liaisons d'attribut apres les proprietes.\n\n     `width` et `height` (ratio x 100 et 100) donnent au navigateur les proportions AVANT le\n     chargement : la place est reservee, aucun decalage de mise en page (CLS 0).\n\n     `prefer-ngsrc` ecarte pour les trois images (eslint.config.mjs) : NgOptimizedImage exige une\n     largeur et une hauteur fixes, or un logo n'a qu'une hauteur — sa largeur\n     suit ses proportions, propres a chaque organisation. Et un logo est presque\n     toujours un SVG, pour lequel un jeu de resolutions ne rapporte rien. -->\n@if (sombreAuRendu) {\n  <img\n    class=\"st-logo__clair\"\n    loading=\"lazy\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    fetchpriority=\"high\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n} @else {\n  <img\n    class=\"st-logo__clair\"\n    fetchpriority=\"high\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    loading=\"lazy\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n}\n@if (monochrome(); as source) {\n  <img\n    class=\"st-logo__monochrome\"\n    loading=\"lazy\"\n    [src]=\"source\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\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:inline-flex;align-items:center}img{inline-size:auto;block-size:var(--st-logo-hauteur, 2rem);max-inline-size:100%}:host{block-size:var(--st-logo-hauteur, 2rem)}.st-logo__clair{display:var(--st-affichage-si-clair, inline)}.st-logo__sombre{display:var(--st-affichage-si-sombre, none)}.st-logo__monochrome{display:none}@media(forced-colors:active){:host([data-monochrome]) .st-logo__clair,:host([data-monochrome]) .st-logo__sombre{display:none}:host([data-monochrome]) .st-logo__monochrome{display:inline}}\n"]
+			template: "<!-- La variante VISIBLE au rendu part tout de suite et en priorite (`fetchpriority=\"high\"`, jamais\n     `lazy`) : c'est le logo du premier ecran (A1121). Les variantes masquees sont `lazy` : une\n     image masquee et `lazy` n'est pas telechargee, et le devient si le theme change. Les\n     attributs sont ECRITS, pas lies : `loading` doit exister avant `src`, et Angular pose les\n     liaisons d'attribut apres les proprietes.\n\n     `width` et `height` (ratio x 100 et 100) donnent au navigateur les proportions AVANT le\n     chargement : la place est reservee, aucun decalage de mise en page (CLS 0).\n\n     `prefer-ngsrc` ecarte pour les trois images (eslint.config.mjs) : NgOptimizedImage exige une\n     largeur et une hauteur fixes, or un logo n'a qu'une hauteur — sa largeur\n     suit ses proportions, propres a chaque organisation. Et un logo est presque\n     toujours un SVG, pour lequel un jeu de resolutions ne rapporte rien. -->\n@if (textuel()) {\n  <!-- Marque textuelle : la tuile est decorative, le nom se lit en texte. -->\n  <span class=\"st-logo__tuile\" aria-hidden=\"true\">\n    <st-icon [icone]=\"icone()\" taille=\"20\" />\n  </span>\n  <span class=\"st-logo__texte\">\n    <span class=\"st-logo__nom\">{{ nom() }}</span>\n    @if (sousTitre(); as sousTitre) {\n      <span class=\"st-logo__sous-titre\">{{ sousTitre }}</span>\n    }\n  </span>\n} @else if (sombreAuRendu) {\n  <img\n    class=\"st-logo__clair\"\n    loading=\"lazy\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    fetchpriority=\"high\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n} @else {\n  <img\n    class=\"st-logo__clair\"\n    fetchpriority=\"high\"\n    [src]=\"clair()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n  <img\n    class=\"st-logo__sombre\"\n    loading=\"lazy\"\n    [src]=\"sourceSombre()\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\n}\n@if (!textuel() && monochrome(); as source) {\n  <img\n    class=\"st-logo__monochrome\"\n    loading=\"lazy\"\n    [src]=\"source\"\n    [alt]=\"texteAlternatif()\"\n    [attr.width]=\"largeurIntrinseque()\"\n    [attr.height]=\"hauteurIntrinseque()\"\n  />\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:inline-flex;align-items:center}img{inline-size:auto;block-size:var(--st-logo-hauteur, 2rem);max-inline-size:100%}:host{block-size:var(--st-logo-hauteur, 2rem)}.st-logo__clair{display:var(--st-affichage-si-clair, inline)}.st-logo__sombre{display:var(--st-affichage-si-sombre, none)}.st-logo__monochrome{display:none}@media(forced-colors:active){:host([data-monochrome]) .st-logo__clair,:host([data-monochrome]) .st-logo__sombre{display:none}:host([data-monochrome]) .st-logo__monochrome{display:inline}}:host([data-textuel]){gap:var(--st-espacement-2);block-size:auto}.st-logo__tuile{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-logo-hauteur, 2rem);block-size:var(--st-logo-hauteur, 2rem);color:var(--st-couleur-sur-primaire);background-color:var(--st-couleur-primaire);border-radius:var(--st-rayon-sm)}.st-logo__texte{display:flex;flex-direction:column}.st-logo__nom{font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);line-height:1;letter-spacing:var(--st-approche-4xl);color:var(--st-couleur-texte-primaire);text-transform:uppercase}.st-logo__sous-titre{margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:1;letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}@media(forced-colors:active){.st-logo__tuile{forced-color-adjust:none;color:Canvas;background-color:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -7194,7 +7233,23 @@ i0.ɵɵngDeclareClassMetadata({
 			args: [{
 				isSignal: true,
 				alias: "clair",
-				required: true
+				required: false
+			}]
+		}],
+		sousTitre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sousTitre",
+				required: false
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
 			}]
 		}],
 		sombre: [{