@starterlib/ui 0.9.0 → 0.10.0

package/fesm2022/starterlib-ui-etats.mjs

@@ -0,0 +1,1158 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, InjectionToken, Injector, TemplateRef, afterRenderEffect, booleanAttribute, computed, contentChild, effect, inject, input, isDevMode, linkedSignal, numberAttribute, signal, untracked } from "@angular/core";
+import { REGION_VIVANTE_PARENTE, ST_LIBELLES, StEmpty, StError, StIcon, StProgress, StSpinner, affichageDiffere, decrireLErreur, fonduDEntree } from "@starterlib/ui";
+import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
+import { delai, tenue } from "@starterlib/tokens";
+var StSucces = class StSucces {
+	gabarit = inject(TemplateRef);
+	stSucces = input(void 0, ...ngDevMode ? [{ debugName: "stSucces" }] : 	/* istanbul ignore next */ []);
+	static ngTemplateContextGuard(_directive, _contexte) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StSucces,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StSucces,
+		isStandalone: true,
+		selector: "ng-template[stSucces]",
+		inputs: { stSucces: {
+			classPropertyName: "stSucces",
+			publicName: "stSucces",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StSucces,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[stSucces]" }]
+	}],
+	propDecorators: { stSucces: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "stSucces",
+			required: false
+		}]
+	}] }
+});
+var StErreur = class StErreur {
+	gabarit = inject(TemplateRef);
+	static ngTemplateContextGuard(_directive, _contexte) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StErreur,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: StErreur,
+		isStandalone: true,
+		selector: "ng-template[stErreur]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StErreur,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[stErreur]" }]
+	}]
+});
+var StVide = class StVide {
+	gabarit = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StVide,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: StVide,
+		isStandalone: true,
+		selector: "ng-template[stVide]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StVide,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[stVide]" }]
+	}]
+});
+var StHorsLigne = class StHorsLigne {
+	gabarit = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StHorsLigne,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: StHorsLigne,
+		isStandalone: true,
+		selector: "ng-template[stHorsLigne]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StHorsLigne,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[stHorsLigne]" }]
+	}]
+});
+var StChargement = class StChargement {
+	gabarit = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StChargement,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: StChargement,
+		isStandalone: true,
+		selector: "ng-template[stChargement]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StChargement,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[stChargement]" }]
+	}]
+});
+const GABARITS_D_ETAT = [
+	StSucces,
+	StErreur,
+	StVide,
+	StHorsLigne,
+	StChargement
+];
+const ENTETE_DE_TABLEAU = [
+	24,
+	32,
+	20,
+	24
+];
+const RANGEES_DE_TABLEAU = [
+	[
+		28,
+		48,
+		16,
+		28
+	],
+	[
+		24,
+		40,
+		20,
+		32
+	],
+	[
+		32,
+		36,
+		14,
+		24
+	],
+	[
+		20,
+		28,
+		16,
+		16
+	]
+];
+const RANGEES_DE_LISTE = [
+	[
+		36,
+		48,
+		24
+	],
+	[
+		44,
+		32,
+		28
+	],
+	[
+		28,
+		40,
+		20
+	]
+];
+const ENTETE_DE_LISTE = [32, 20];
+const LIBELLES_DE_FORMULAIRE = [28, 36];
+const COLONNE_DE_PASTILLE = 2;
+function cyclique(valeurs, rang) {
+	return valeurs[rang % valeurs.length];
+}
+var StSkeleton = class StSkeleton {
+	variante = input("texte", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	lignes = input(3, {
+		...ngDevMode ? { debugName: "lignes" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	colonnes = input(4, {
+		...ngDevMode ? { debugName: "colonnes" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	anime = input(true, {
+		...ngDevMode ? { debugName: "anime" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	puits = input(false, {
+		...ngDevMode ? { debugName: "puits" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	entete = input(false, {
+		...ngDevMode ? { debugName: "entete" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	avecEntete = computed(() => this.entete() && this.variante() === "liste", ...ngDevMode ? [{ debugName: "avecEntete" }] : 	/* istanbul ignore next */ []);
+	enteteDeListe = ENTETE_DE_LISTE;
+	indicesDeLigne = computed(() => Array.from({ length: Math.max(1, this.lignes()) }, (_, index) => index), ...ngDevMode ? [{ debugName: "indicesDeLigne" }] : 	/* istanbul ignore next */ []);
+	indicesDeColonne = computed(() => Array.from({ length: Math.max(1, this.colonnes()) }, (_, index) => index), ...ngDevMode ? [{ debugName: "indicesDeColonne" }] : 	/* istanbul ignore next */ []);
+	enteteDeTableau = computed(() => this.indicesDeColonne().map((colonne) => cyclique(ENTETE_DE_TABLEAU, colonne)), ...ngDevMode ? [{ debugName: "enteteDeTableau" }] : 	/* istanbul ignore next */ []);
+	rangeesDeTableau = computed(() => this.indicesDeLigne().map((ligne) => this.indicesDeColonne().map((colonne) => ({
+		pas: cyclique(cyclique(RANGEES_DE_TABLEAU, ligne), colonne),
+		pastille: colonne % 4 === COLONNE_DE_PASTILLE
+	}))), ...ngDevMode ? [{ debugName: "rangeesDeTableau" }] : 	/* istanbul ignore next */ []);
+	rangeesDeListe = computed(() => this.indicesDeLigne().map((ligne) => {
+		const [titre, sousTitre, montant] = cyclique(RANGEES_DE_LISTE, ligne);
+		return {
+			titre,
+			sousTitre,
+			montant
+		};
+	}), ...ngDevMode ? [{ debugName: "rangeesDeListe" }] : 	/* istanbul ignore next */ []);
+	champsDeFormulaire = computed(() => this.indicesDeLigne().map((ligne) => ({
+		libelle: cyclique(LIBELLES_DE_FORMULAIRE, ligne),
+		aide: ligne % 2 === 0
+	})), ...ngDevMode ? [{ debugName: "champsDeFormulaire" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StSkeleton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StSkeleton,
+		isStandalone: true,
+		selector: "st-skeleton",
+		inputs: {
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lignes: {
+				classPropertyName: "lignes",
+				publicName: "lignes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			colonnes: {
+				classPropertyName: "colonnes",
+				publicName: "colonnes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			anime: {
+				classPropertyName: "anime",
+				publicName: "anime",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			puits: {
+				classPropertyName: "puits",
+				publicName: "puits",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			entete: {
+				classPropertyName: "entete",
+				publicName: "entete",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "aria-hidden": "true" },
+			properties: {
+				"attr.data-variante": "variante()",
+				"attr.data-anime": "anime() ? \"\" : null",
+				"attr.data-puits": "puits() ? \"\" : null",
+				"attr.data-entete": "avecEntete() ? \"\" : null"
+			},
+			classAttribute: "st-skeleton"
+		},
+		ngImport: i0,
+		template: "@switch (variante()) {\n  @case ('tableau') {\n    <div class=\"st-skeleton__entete\">\n      @for (pas of enteteDeTableau(); track $index) {\n        <span class=\"st-skeleton__bloc st-skeleton__titre\" [style.--st-skeleton-pas]=\"pas\"></span>\n      }\n    </div>\n    @for (rangee of rangeesDeTableau(); track $index) {\n      <div class=\"st-skeleton__rangee\">\n        @for (cellule of rangee; track $index) {\n          <span\n            class=\"st-skeleton__bloc st-skeleton__cellule\"\n            [class.st-skeleton__cellule--pastille]=\"cellule.pastille\"\n            [style.--st-skeleton-pas]=\"cellule.pas\"\n          ></span>\n        }\n      </div>\n    }\n  }\n  @case ('liste') {\n    @if (avecEntete()) {\n      <div class=\"st-skeleton__entete-de-liste\">\n        @for (pas of enteteDeListe; track $index) {\n          <span\n            class=\"st-skeleton__bloc st-skeleton__titre-de-liste\"\n            [style.--st-skeleton-pas]=\"pas\"\n          ></span>\n        }\n      </div>\n    }\n    @for (rangee of rangeesDeListe(); track $index) {\n      <div class=\"st-skeleton__rangee st-skeleton__rangee--liste\">\n        <div class=\"st-skeleton__personne\">\n          <span class=\"st-skeleton__bloc st-skeleton__disque\"></span>\n          <div class=\"st-skeleton__lignes\">\n            <span\n              class=\"st-skeleton__bloc st-skeleton__titre-de-ligne\"\n              [style.--st-skeleton-pas]=\"rangee.titre\"\n            ></span>\n            <span\n              class=\"st-skeleton__bloc st-skeleton__sous-titre\"\n              [style.--st-skeleton-pas]=\"rangee.sousTitre\"\n            ></span>\n          </div>\n        </div>\n        <span\n          class=\"st-skeleton__bloc st-skeleton__montant\"\n          [style.--st-skeleton-pas]=\"rangee.montant\"\n        ></span>\n      </div>\n    }\n  }\n  @case ('carte') {\n    <div class=\"st-skeleton__entete-de-carte\">\n      <div class=\"st-skeleton__lignes st-skeleton__lignes--serrees\">\n        <span class=\"st-skeleton__bloc st-skeleton__titre-de-ligne st-skeleton__pas-40\"></span>\n        <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-24\"></span>\n      </div>\n      <span class=\"st-skeleton__bloc st-skeleton__pastille\"></span>\n    </div>\n    <div class=\"st-skeleton__bloc st-skeleton__media\">\n      <st-icon class=\"st-skeleton__pictogramme\" nom=\"graphique-ligne\" taille=\"48\" />\n    </div>\n    <div class=\"st-skeleton__pied\">\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-32\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-20\"></span>\n    </div>\n  }\n  @case ('formulaire') {\n    @for (champ of champsDeFormulaire(); track $index) {\n      <div class=\"st-skeleton__champ\">\n        <span\n          class=\"st-skeleton__bloc st-skeleton__sous-titre\"\n          [style.--st-skeleton-pas]=\"champ.libelle\"\n        ></span>\n        <span class=\"st-skeleton__bloc st-skeleton__saisie\"></span>\n        @if (champ.aide) {\n          <span class=\"st-skeleton__bloc st-skeleton__aide\"></span>\n        }\n      </div>\n    }\n  }\n  @case ('indicateur') {\n    <div class=\"st-skeleton__entete-de-carte\">\n      <span class=\"st-skeleton__bloc st-skeleton__libelle-doux st-skeleton__pas-28\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__pastille st-skeleton__pastille--courte\"></span>\n    </div>\n    <span class=\"st-skeleton__bloc st-skeleton__valeur\"></span>\n    <div class=\"st-skeleton__lignes st-skeleton__lignes--serrees\">\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__plein\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__deux-tiers\"></span>\n    </div>\n  }\n  @default {\n    @for (ligne of indicesDeLigne(); track ligne) {\n      <span class=\"st-skeleton__bloc st-skeleton__ligne\"></span>\n    }\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:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-variante=carte]),:host([data-variante=formulaire]),:host([data-variante=indicateur]){gap:var(--st-espacement-4)}:host([data-puits]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-skeleton__bloc{display:block;inline-size:calc(var(--st-espacement-1) * var(--st-skeleton-pas));background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-sm)}.st-skeleton__pas-20{--st-skeleton-pas: 20}.st-skeleton__pas-24{--st-skeleton-pas: 24}.st-skeleton__pas-28{--st-skeleton-pas: 28}.st-skeleton__pas-32{--st-skeleton-pas: 32}.st-skeleton__pas-40{--st-skeleton-pas: 40}.st-skeleton__ligne{inline-size:auto;block-size:var(--st-densite-texte-interligne)}.st-skeleton__ligne:last-child{inline-size:var(--st-skeleton-derniere, 60%)}.st-skeleton__entete,.st-skeleton__rangee{display:flex;align-items:center;justify-content:space-between}.st-skeleton__entete{padding-block-end:var(--st-espacement-2);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-skeleton__rangee{padding-block:var(--st-espacement-2);border-block-end:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-surface-active) 60%,transparent)}.st-skeleton__rangee:last-child{border-block-end:0}.st-skeleton__titre{block-size:var(--st-espacement-3)}.st-skeleton__cellule{block-size:var(--st-espacement-4);background:var(--st-couleur-surface-active)}.st-skeleton__cellule--pastille{block-size:var(--st-espacement-5);border-radius:var(--st-rayon-pleine)}.st-skeleton__entete-de-liste{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-2)}.st-skeleton__titre-de-liste{block-size:var(--st-espacement-6);background:var(--st-couleur-surface-active)}.st-skeleton__rangee--liste{padding-block:0;border-block-end:0}.st-skeleton__rangee--liste+.st-skeleton__rangee--liste{padding-block-start:var(--st-espacement-2);border-block-start:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-surface-active) 60%,transparent)}.st-skeleton__personne{display:flex;align-items:center;gap:var(--st-espacement-2)}.st-skeleton__disque{flex:none;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-skeleton__lignes{display:flex;flex-direction:column;gap:var(--st-espacement-1-5)}.st-skeleton__lignes--serrees{gap:var(--st-espacement-1)}.st-skeleton__titre-de-ligne,.st-skeleton__montant{block-size:var(--st-espacement-4);background:var(--st-couleur-surface-active)}.st-skeleton__sous-titre{block-size:var(--st-espacement-3)}.st-skeleton__entete-de-carte,.st-skeleton__pied{display:flex;align-items:center;justify-content:space-between}.st-skeleton__pastille{--st-skeleton-pas: 16;block-size:var(--st-espacement-6);border-radius:var(--st-rayon-pleine)}.st-skeleton__pastille--courte{--st-skeleton-pas: 14}.st-skeleton__media{display:flex;align-items:center;justify-content:center;inline-size:auto;aspect-ratio:16/9;overflow:hidden;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-skeleton__pictogramme{color:var(--st-couleur-surface-enfoncee)}.st-skeleton__champ{display:flex;flex-direction:column;gap:var(--st-espacement-1-5)}.st-skeleton__saisie{inline-size:auto;block-size:var(--st-hauteur-commande-xl);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-skeleton__aide{--st-skeleton-pas: 48;block-size:var(--st-espacement-2-5)}.st-skeleton__libelle-doux{block-size:var(--st-espacement-4)}.st-skeleton__valeur{--st-skeleton-pas: 44;block-size:var(--st-hauteur-commande-md)}.st-skeleton__plein{inline-size:auto}.st-skeleton__deux-tiers{inline-size:66.6666666667%}:host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-pulsation max(var(--st-anim-chargement, var(--st-cadence-normale)),var(--st-cadence-min)) ease-in-out infinite}@media(prefers-reduced-motion:reduce){:root:not([data-mouvement=complet]) :host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-respiration max(var(--st-anim-respiration, var(--st-cadence-respiration)),var(--st-cadence-min)) ease-in-out infinite}}[data-mouvement=reduit] :host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-respiration max(var(--st-anim-respiration, var(--st-cadence-respiration)),var(--st-cadence-min)) ease-in-out infinite}@media(forced-colors:active){.st-skeleton__bloc{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid GrayText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}@media print{:host{display:none}}@keyframes st-skeleton-pulsation{0%,to{opacity:1}50%{opacity:.5}}@keyframes st-skeleton-respiration{0%,to{opacity:1}50%{opacity:.5}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StSkeleton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-skeleton",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
+			host: {
+				class: "st-skeleton",
+				"aria-hidden": "true",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-anime]": "anime() ? \"\" : null",
+				"[attr.data-puits]": "puits() ? \"\" : null",
+				"[attr.data-entete]": "avecEntete() ? \"\" : null"
+			},
+			template: "@switch (variante()) {\n  @case ('tableau') {\n    <div class=\"st-skeleton__entete\">\n      @for (pas of enteteDeTableau(); track $index) {\n        <span class=\"st-skeleton__bloc st-skeleton__titre\" [style.--st-skeleton-pas]=\"pas\"></span>\n      }\n    </div>\n    @for (rangee of rangeesDeTableau(); track $index) {\n      <div class=\"st-skeleton__rangee\">\n        @for (cellule of rangee; track $index) {\n          <span\n            class=\"st-skeleton__bloc st-skeleton__cellule\"\n            [class.st-skeleton__cellule--pastille]=\"cellule.pastille\"\n            [style.--st-skeleton-pas]=\"cellule.pas\"\n          ></span>\n        }\n      </div>\n    }\n  }\n  @case ('liste') {\n    @if (avecEntete()) {\n      <div class=\"st-skeleton__entete-de-liste\">\n        @for (pas of enteteDeListe; track $index) {\n          <span\n            class=\"st-skeleton__bloc st-skeleton__titre-de-liste\"\n            [style.--st-skeleton-pas]=\"pas\"\n          ></span>\n        }\n      </div>\n    }\n    @for (rangee of rangeesDeListe(); track $index) {\n      <div class=\"st-skeleton__rangee st-skeleton__rangee--liste\">\n        <div class=\"st-skeleton__personne\">\n          <span class=\"st-skeleton__bloc st-skeleton__disque\"></span>\n          <div class=\"st-skeleton__lignes\">\n            <span\n              class=\"st-skeleton__bloc st-skeleton__titre-de-ligne\"\n              [style.--st-skeleton-pas]=\"rangee.titre\"\n            ></span>\n            <span\n              class=\"st-skeleton__bloc st-skeleton__sous-titre\"\n              [style.--st-skeleton-pas]=\"rangee.sousTitre\"\n            ></span>\n          </div>\n        </div>\n        <span\n          class=\"st-skeleton__bloc st-skeleton__montant\"\n          [style.--st-skeleton-pas]=\"rangee.montant\"\n        ></span>\n      </div>\n    }\n  }\n  @case ('carte') {\n    <div class=\"st-skeleton__entete-de-carte\">\n      <div class=\"st-skeleton__lignes st-skeleton__lignes--serrees\">\n        <span class=\"st-skeleton__bloc st-skeleton__titre-de-ligne st-skeleton__pas-40\"></span>\n        <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-24\"></span>\n      </div>\n      <span class=\"st-skeleton__bloc st-skeleton__pastille\"></span>\n    </div>\n    <div class=\"st-skeleton__bloc st-skeleton__media\">\n      <st-icon class=\"st-skeleton__pictogramme\" nom=\"graphique-ligne\" taille=\"48\" />\n    </div>\n    <div class=\"st-skeleton__pied\">\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-32\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__pas-20\"></span>\n    </div>\n  }\n  @case ('formulaire') {\n    @for (champ of champsDeFormulaire(); track $index) {\n      <div class=\"st-skeleton__champ\">\n        <span\n          class=\"st-skeleton__bloc st-skeleton__sous-titre\"\n          [style.--st-skeleton-pas]=\"champ.libelle\"\n        ></span>\n        <span class=\"st-skeleton__bloc st-skeleton__saisie\"></span>\n        @if (champ.aide) {\n          <span class=\"st-skeleton__bloc st-skeleton__aide\"></span>\n        }\n      </div>\n    }\n  }\n  @case ('indicateur') {\n    <div class=\"st-skeleton__entete-de-carte\">\n      <span class=\"st-skeleton__bloc st-skeleton__libelle-doux st-skeleton__pas-28\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__pastille st-skeleton__pastille--courte\"></span>\n    </div>\n    <span class=\"st-skeleton__bloc st-skeleton__valeur\"></span>\n    <div class=\"st-skeleton__lignes st-skeleton__lignes--serrees\">\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__plein\"></span>\n      <span class=\"st-skeleton__bloc st-skeleton__sous-titre st-skeleton__deux-tiers\"></span>\n    </div>\n  }\n  @default {\n    @for (ligne of indicesDeLigne(); track ligne) {\n      <span class=\"st-skeleton__bloc st-skeleton__ligne\"></span>\n    }\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:flex;flex-direction:column;gap:var(--st-espacement-2)}:host([data-variante=carte]),:host([data-variante=formulaire]),:host([data-variante=indicateur]){gap:var(--st-espacement-4)}:host([data-puits]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-skeleton__bloc{display:block;inline-size:calc(var(--st-espacement-1) * var(--st-skeleton-pas));background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-sm)}.st-skeleton__pas-20{--st-skeleton-pas: 20}.st-skeleton__pas-24{--st-skeleton-pas: 24}.st-skeleton__pas-28{--st-skeleton-pas: 28}.st-skeleton__pas-32{--st-skeleton-pas: 32}.st-skeleton__pas-40{--st-skeleton-pas: 40}.st-skeleton__ligne{inline-size:auto;block-size:var(--st-densite-texte-interligne)}.st-skeleton__ligne:last-child{inline-size:var(--st-skeleton-derniere, 60%)}.st-skeleton__entete,.st-skeleton__rangee{display:flex;align-items:center;justify-content:space-between}.st-skeleton__entete{padding-block-end:var(--st-espacement-2);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-skeleton__rangee{padding-block:var(--st-espacement-2);border-block-end:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-surface-active) 60%,transparent)}.st-skeleton__rangee:last-child{border-block-end:0}.st-skeleton__titre{block-size:var(--st-espacement-3)}.st-skeleton__cellule{block-size:var(--st-espacement-4);background:var(--st-couleur-surface-active)}.st-skeleton__cellule--pastille{block-size:var(--st-espacement-5);border-radius:var(--st-rayon-pleine)}.st-skeleton__entete-de-liste{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-2)}.st-skeleton__titre-de-liste{block-size:var(--st-espacement-6);background:var(--st-couleur-surface-active)}.st-skeleton__rangee--liste{padding-block:0;border-block-end:0}.st-skeleton__rangee--liste+.st-skeleton__rangee--liste{padding-block-start:var(--st-espacement-2);border-block-start:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-surface-active) 60%,transparent)}.st-skeleton__personne{display:flex;align-items:center;gap:var(--st-espacement-2)}.st-skeleton__disque{flex:none;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-skeleton__lignes{display:flex;flex-direction:column;gap:var(--st-espacement-1-5)}.st-skeleton__lignes--serrees{gap:var(--st-espacement-1)}.st-skeleton__titre-de-ligne,.st-skeleton__montant{block-size:var(--st-espacement-4);background:var(--st-couleur-surface-active)}.st-skeleton__sous-titre{block-size:var(--st-espacement-3)}.st-skeleton__entete-de-carte,.st-skeleton__pied{display:flex;align-items:center;justify-content:space-between}.st-skeleton__pastille{--st-skeleton-pas: 16;block-size:var(--st-espacement-6);border-radius:var(--st-rayon-pleine)}.st-skeleton__pastille--courte{--st-skeleton-pas: 14}.st-skeleton__media{display:flex;align-items:center;justify-content:center;inline-size:auto;aspect-ratio:16/9;overflow:hidden;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-skeleton__pictogramme{color:var(--st-couleur-surface-enfoncee)}.st-skeleton__champ{display:flex;flex-direction:column;gap:var(--st-espacement-1-5)}.st-skeleton__saisie{inline-size:auto;block-size:var(--st-hauteur-commande-xl);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-skeleton__aide{--st-skeleton-pas: 48;block-size:var(--st-espacement-2-5)}.st-skeleton__libelle-doux{block-size:var(--st-espacement-4)}.st-skeleton__valeur{--st-skeleton-pas: 44;block-size:var(--st-hauteur-commande-md)}.st-skeleton__plein{inline-size:auto}.st-skeleton__deux-tiers{inline-size:66.6666666667%}:host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-pulsation max(var(--st-anim-chargement, var(--st-cadence-normale)),var(--st-cadence-min)) ease-in-out infinite}@media(prefers-reduced-motion:reduce){:root:not([data-mouvement=complet]) :host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-respiration max(var(--st-anim-respiration, var(--st-cadence-respiration)),var(--st-cadence-min)) ease-in-out infinite}}[data-mouvement=reduit] :host([data-anime]) .st-skeleton__bloc{animation:st-skeleton-respiration max(var(--st-anim-respiration, var(--st-cadence-respiration)),var(--st-cadence-min)) ease-in-out infinite}@media(forced-colors:active){.st-skeleton__bloc{forced-color-adjust:none;background:Canvas;outline:var(--st-epaisseur-fine) solid GrayText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}@media print{:host{display:none}}@keyframes st-skeleton-pulsation{0%,to{opacity:1}50%{opacity:.5}}@keyframes st-skeleton-respiration{0%,to{opacity:1}50%{opacity:.5}}\n"]
+		}]
+	}],
+	propDecorators: {
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		lignes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lignes",
+				required: false
+			}]
+		}],
+		colonnes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "colonnes",
+				required: false
+			}]
+		}],
+		anime: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "anime",
+				required: false
+			}]
+		}],
+		puits: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "puits",
+				required: false
+			}]
+		}],
+		entete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "entete",
+				required: false
+			}]
+		}]
+	}
+});
+const ST_EN_LIGNE = new InjectionToken("st.en-ligne", {
+	providedIn: "root",
+	factory: () => {
+		const fenetre = inject(DOCUMENT).defaultView;
+		const enLigne = signal(fenetre?.navigator.onLine ?? true, ...ngDevMode ? [{ debugName: "enLigne" }] : 		/* istanbul ignore next */ []);
+		const monter = () => {
+			enLigne.set(true);
+		};
+		const descendre = () => {
+			enLigne.set(false);
+		};
+		fenetre?.addEventListener("online", monter);
+		fenetre?.addEventListener("offline", descendre);
+		inject(DestroyRef).onDestroy(() => {
+			fenetre?.removeEventListener("online", monter);
+			fenetre?.removeEventListener("offline", descendre);
+		});
+		return enLigne.asReadonly();
+	}
+});
+function estVideParDefaut(valeur) {
+	if (valeur === null || valeur === void 0) return true;
+	if (Array.isArray(valeur)) return valeur.length === 0;
+	if (typeof valeur === "object" && "content" in valeur) {
+		const { content: contenu } = valeur;
+		return Array.isArray(contenu) && contenu.length === 0;
+	}
+	return false;
+}
+function estHorsLigneParDefaut(erreur) {
+	return typeof erreur === "object" && erreur !== null && erreur.status === 0;
+}
+var StState = class StState {
+	libelles = inject(ST_LIBELLES);
+	enLigne = inject(ST_EN_LIGNE);
+	ressource = input(null, ...ngDevMode ? [{ debugName: "ressource" }] : 	/* istanbul ignore next */ []);
+	etat = input(null, ...ngDevMode ? [{ debugName: "etat" }] : 	/* istanbul ignore next */ []);
+	estVide = input(estVideParDefaut, ...ngDevMode ? [{ debugName: "estVide" }] : 	/* istanbul ignore next */ []);
+	estHorsLigne = input(estHorsLigneParDefaut, ...ngDevMode ? [{ debugName: "estHorsLigne" }] : 	/* istanbul ignore next */ []);
+	squelette = input("texte", ...ngDevMode ? [{ debugName: "squelette" }] : 	/* istanbul ignore next */ []);
+	lignesDeSquelette = input(3, {
+		...ngDevMode ? { debugName: "lignesDeSquelette" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	delaiAvantSilhouette = input(delai.attente, {
+		...ngDevMode ? { debugName: "delaiAvantSilhouette" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	annonces = input(null, ...ngDevMode ? [{ debugName: "annonces" }] : 	/* istanbul ignore next */ []);
+	hauteurMinimale = input(null, ...ngDevMode ? [{ debugName: "hauteurMinimale" }] : 	/* istanbul ignore next */ []);
+	gabaritSucces = contentChild(StSucces, ...ngDevMode ? [{ debugName: "gabaritSucces" }] : 	/* istanbul ignore next */ []);
+	gabaritErreur = contentChild(StErreur, ...ngDevMode ? [{ debugName: "gabaritErreur" }] : 	/* istanbul ignore next */ []);
+	gabaritVide = contentChild(StVide, ...ngDevMode ? [{ debugName: "gabaritVide" }] : 	/* istanbul ignore next */ []);
+	gabaritHorsLigne = contentChild(StHorsLigne, ...ngDevMode ? [{ debugName: "gabaritHorsLigne" }] : 	/* istanbul ignore next */ []);
+	gabaritChargement = contentChild(StChargement, ...ngDevMode ? [{ debugName: "gabaritChargement" }] : 	/* istanbul ignore next */ []);
+	instantane = computed(() => {
+		const ressource = this.ressource();
+		if (ressource === null) return {
+			statut: "idle",
+			valeur: void 0
+		};
+		return {
+			statut: ressource.status(),
+			valeur: ressource.hasValue() ? ressource.value() : void 0
+		};
+	}, ...ngDevMode ? [{ debugName: "instantane" }] : 	/* istanbul ignore next */ []);
+	valeurRetenue = linkedSignal({
+		...ngDevMode ? { debugName: "valeurRetenue" } : 		/* istanbul ignore next */ {},
+		source: () => this.instantane(),
+		computation: (source, precedent) => {
+			if (source.valeur !== void 0) return source.valeur;
+			return source.statut === "loading" || source.statut === "reloading" ? precedent?.value : void 0;
+		}
+	});
+	horsLigneALErreur = linkedSignal({
+		...ngDevMode ? { debugName: "horsLigneALErreur" } : 		/* istanbul ignore next */ {},
+		source: () => this.instantane().statut === "error" ? this.ressource()?.error() : void 0,
+		computation: () => !untracked(this.enLigne)
+	});
+	etatDeLaRessource = computed(() => {
+		if (this.ressource() === null) return null;
+		const { statut } = this.instantane();
+		if (statut === "error") return this.horsLigneALErreur() || this.estHorsLigne()(this.ressource()?.error()) ? "hors-ligne" : "erreur";
+		const valeur = this.valeurRetenue();
+		if (valeur === void 0) return statut === "idle" || statut === "loading" || statut === "reloading" ? "chargement" : "vide";
+		return this.estVide()(valeur) ? "vide" : "succes";
+	}, ...ngDevMode ? [{ debugName: "etatDeLaRessource" }] : 	/* istanbul ignore next */ []);
+	etatEffectif = computed(() => {
+		const etat = this.etat();
+		if (etat === "succes" && this.ressource() !== null && this.valeurRetenue() === void 0) return "chargement";
+		return etat ?? this.etatDeLaRessource() ?? "chargement";
+	}, ...ngDevMode ? [{ debugName: "etatEffectif" }] : 	/* istanbul ignore next */ []);
+	enRechargement = computed(() => {
+		const { statut } = this.instantane();
+		if (statut !== "loading" && statut !== "reloading") return false;
+		return this.valeurRetenue() !== void 0;
+	}, ...ngDevMode ? [{ debugName: "enRechargement" }] : 	/* istanbul ignore next */ []);
+	enAttente = computed(() => {
+		if (this.enRechargement()) return true;
+		if (this.etatEffectif() !== "chargement") return false;
+		return this.etat() !== null || this.instantane().statut !== "idle";
+	}, ...ngDevMode ? [{ debugName: "enAttente" }] : 	/* istanbul ignore next */ []);
+	chargementVisible = affichageDiffere(() => this.etatEffectif() === "chargement", { delai: () => this.delaiAvantSilhouette() });
+	rechargementLong = affichageDiffere(() => this.enRechargement(), {
+		delai: () => tenue.rechargementAnnonce,
+		tenue: 0
+	});
+	montreLaSilhouette = computed(() => this.chargementVisible(), ...ngDevMode ? [{ debugName: "montreLaSilhouette" }] : 	/* istanbul ignore next */ []);
+	gabaritDeChargement = computed(() => this.gabaritChargement()?.gabarit ?? null, ...ngDevMode ? [{ debugName: "gabaritDeChargement" }] : 	/* istanbul ignore next */ []);
+	annoncesLues = computed(() => {
+		const fournies = this.annonces();
+		if (fournies !== null) return fournies;
+		const libelles = this.libelles();
+		return {
+			chargement: libelles.chargementEnCours,
+			erreur: libelles.erreurSurvenue,
+			vide: libelles.aucunResultat,
+			"hors-ligne": libelles.horsConnexion
+		};
+	}, ...ngDevMode ? [{ debugName: "annoncesLues" }] : 	/* istanbul ignore next */ []);
+	annonce = computed(() => {
+		if (this.rechargementLong()) return this.libelles().actualisationEnCours;
+		const etat = this.etatEffectif();
+		if (etat === "chargement" && !this.chargementVisible()) return "";
+		return this.annoncesLues()[etat] ?? "";
+	}, ...ngDevMode ? [{ debugName: "annonce" }] : 	/* istanbul ignore next */ []);
+	injecteurDuSucces = Injector.create({
+		providers: [{
+			provide: REGION_VIVANTE_PARENTE,
+			useValue: null
+		}],
+		parent: inject(Injector)
+	});
+	injecteurDuGabarit = computed(() => this.etatEffectif() === "succes" ? this.injecteurDuSucces : null, ...ngDevMode ? [{ debugName: "injecteurDuGabarit" }] : 	/* istanbul ignore next */ []);
+	erreurDecrite = computed(() => {
+		const ressource = this.ressource();
+		if (ressource?.status() !== "error") return null;
+		return decrireLErreur(ressource.error());
+	}, ...ngDevMode ? [{ debugName: "erreurDecrite" }] : 	/* istanbul ignore next */ []);
+	contexte = computed(() => {
+		const etat = this.etatEffectif();
+		if (etat === "erreur" || etat === "hors-ligne") return { $implicit: this.erreurDecrite() ?? decrireLErreur(null) };
+		return { $implicit: this.valeurRetenue() };
+	}, ...ngDevMode ? [{ debugName: "contexte" }] : 	/* istanbul ignore next */ []);
+	gabaritDeLEtat = computed(() => {
+		switch (this.etatEffectif()) {
+			case "erreur": return this.gabaritErreur()?.gabarit ?? null;
+			case "vide": return this.gabaritVide()?.gabarit ?? null;
+			case "hors-ligne": return this.gabaritHorsLigne()?.gabarit ?? this.gabaritErreur()?.gabarit ?? null;
+			case "chargement": return null;
+			default: return this.gabaritSucces()?.gabarit ?? null;
+		}
+	}, ...ngDevMode ? [{ debugName: "gabaritDeLEtat" }] : 	/* istanbul ignore next */ []);
+	gabaritParDefaut = computed(() => {
+		const etat = this.etatEffectif();
+		if (etat !== "erreur" && etat !== "vide" && etat !== "hors-ligne") return null;
+		return this.gabaritDeLEtat() === null ? etat : null;
+	}, ...ngDevMode ? [{ debugName: "gabaritParDefaut" }] : 	/* istanbul ignore next */ []);
+	textesParDefaut = computed(() => this.libelles(), ...ngDevMode ? [{ debugName: "textesParDefaut" }] : 	/* istanbul ignore next */ []);
+	affiche = computed(() => this.etatEffectif() === "chargement" && this.chargementVisible() ? "silhouette" : this.etatEffectif(), ...ngDevMode ? [{ debugName: "affiche" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const hote = inject(ElementRef).nativeElement;
+		let precedent = null;
+		afterRenderEffect({ write: () => {
+			const affiche = this.affiche();
+			if (precedent === "silhouette" && (affiche === "succes" || affiche === "vide")) fonduDEntree(hote);
+			precedent = affiche;
+		} });
+		effect(() => {
+			const manquant = this.gabaritParDefaut();
+			const sansSucces = this.etatEffectif() === "succes" && this.gabaritSucces() === void 0;
+			if (!isDevMode() || manquant === null && !sansSucces) return;
+			console.warn(`[st-state] Etat "${manquant ?? "succes"}" atteint sans gabarit. Les cinq etats doivent etre traites : declarer <ng-template stErreur>, <ng-template stVide> et <ng-template stHorsLigne>. Le gabarit par defaut du dictionnaire est rendu.`);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StState,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StState,
+		isStandalone: true,
+		selector: "st-state",
+		inputs: {
+			ressource: {
+				classPropertyName: "ressource",
+				publicName: "ressource",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			etat: {
+				classPropertyName: "etat",
+				publicName: "etat",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			estVide: {
+				classPropertyName: "estVide",
+				publicName: "estVide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			estHorsLigne: {
+				classPropertyName: "estHorsLigne",
+				publicName: "estHorsLigne",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			squelette: {
+				classPropertyName: "squelette",
+				publicName: "squelette",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lignesDeSquelette: {
+				classPropertyName: "lignesDeSquelette",
+				publicName: "lignesDeSquelette",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			delaiAvantSilhouette: {
+				classPropertyName: "delaiAvantSilhouette",
+				publicName: "delaiAvantSilhouette",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			annonces: {
+				classPropertyName: "annonces",
+				publicName: "annonces",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hauteurMinimale: {
+				classPropertyName: "hauteurMinimale",
+				publicName: "hauteurMinimale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-etat": "etatEffectif()",
+				"attr.data-rechargement": "enRechargement() ? \"\" : null",
+				"attr.aria-busy": "enAttente() ? \"true\" : null",
+				"style.min-block-size": "hauteurMinimale()"
+			},
+			classAttribute: "st-state"
+		},
+		providers: [{
+			provide: REGION_VIVANTE_PARENTE,
+			useValue: true
+		}],
+		queries: [
+			{
+				propertyName: "gabaritSucces",
+				first: true,
+				predicate: StSucces,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "gabaritErreur",
+				first: true,
+				predicate: StErreur,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "gabaritVide",
+				first: true,
+				predicate: StVide,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "gabaritHorsLigne",
+				first: true,
+				predicate: StHorsLigne,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "gabaritChargement",
+				first: true,
+				predicate: StChargement,
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: "@if (enRechargement()) {\n  <!-- Rechargement : les donnees restent, une barre de 4 px en tete du bloc le dit (planche 9). -->\n  <st-progress\n    class=\"st-state__rechargement\"\n    epaisseur=\"rechargement\"\n    [etiquette]=\"textesParDefaut().chargementEnCours\"\n  />\n}\n@if (montreLaSilhouette()) {\n  <!-- La silhouette reste le temps de sa tenue, meme si la reponse est deja la. -->\n  @if (gabaritDeChargement(); as gabarit) {\n    <ng-container [ngTemplateOutlet]=\"gabarit\" />\n  } @else if (squelette(); as variante) {\n    <st-skeleton [variante]=\"variante\" [lignes]=\"lignesDeSquelette()\" />\n  } @else {\n    <st-spinner />\n  }\n} @else if (gabaritDeLEtat(); as gabarit) {\n  <ng-container\n    [ngTemplateOutlet]=\"gabarit\"\n    [ngTemplateOutletContext]=\"contexte()\"\n    [ngTemplateOutletInjector]=\"injecteurDuGabarit()\"\n  />\n} @else {\n  @switch (gabaritParDefaut()) {\n    @case ('vide') {\n      <st-empty [titre]=\"textesParDefaut().aucunResultat\" />\n    }\n    @case ('erreur') {\n      <st-error\n        disposition=\"centree\"\n        [code]=\"erreurDecrite()?.code ?? 'ERREUR_INCONNUE'\"\n        [titre]=\"textesParDefaut().erreurSurvenue\"\n        [variante]=\"erreurDecrite()?.variante ?? 'serveur'\"\n        [traceId]=\"erreurDecrite()?.traceId ?? null\"\n        [rejouable]=\"false\"\n      />\n    }\n    @case ('hors-ligne') {\n      <st-error\n        disposition=\"centree\"\n        variante=\"hors-ligne\"\n        [code]=\"erreurDecrite()?.code ?? 'HORS_LIGNE'\"\n        [titre]=\"textesParDefaut().horsConnexion\"\n        [rejouable]=\"false\"\n        sansDetails\n      />\n    }\n  }\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce() }}</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:flow-root}.st-state__rechargement{position:absolute;inset-block-start:0;inset-inline:0}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: StSkeleton,
+				selector: "st-skeleton",
+				inputs: [
+					"variante",
+					"lignes",
+					"colonnes",
+					"anime",
+					"puits",
+					"entete"
+				]
+			},
+			{
+				kind: "component",
+				type: StSpinner,
+				selector: "st-spinner",
+				inputs: [
+					"taille",
+					"ton",
+					"etiquette",
+					"icone"
+				]
+			},
+			{
+				kind: "component",
+				type: StProgress,
+				selector: "st-progress",
+				inputs: [
+					"valeur",
+					"max",
+					"etiquette",
+					"ton",
+					"epaisseur",
+					"texteDeValeur",
+					"avecValeur",
+					"decompte"
+				]
+			},
+			{
+				kind: "component",
+				type: StEmpty,
+				selector: "st-empty",
+				inputs: [
+					"titre",
+					"description",
+					"icone",
+					"niveauDuTitre",
+					"taille",
+					"variante"
+				]
+			},
+			{
+				kind: "component",
+				type: StError,
+				selector: "st-error",
+				inputs: [
+					"variante",
+					"disposition",
+					"code",
+					"titre",
+					"message",
+					"traceId",
+					"niveauDuTitre",
+					"icone",
+					"rejouable",
+					"rejeuEnCours",
+					"secondesAvantNouvelEssai",
+					"echeance",
+					"sansDetails",
+					"libelleRejeu",
+					"etiquetteDeTrace"
+				],
+				outputs: ["rejeu"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StState,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-state",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgTemplateOutlet,
+				StSkeleton,
+				StSpinner,
+				StProgress,
+				StEmpty,
+				StError
+			],
+			providers: [{
+				provide: REGION_VIVANTE_PARENTE,
+				useValue: true
+			}],
+			host: {
+				class: "st-state",
+				"[attr.data-etat]": "etatEffectif()",
+				"[attr.data-rechargement]": "enRechargement() ? \"\" : null",
+				"[attr.aria-busy]": "enAttente() ? \"true\" : null",
+				"[style.min-block-size]": "hauteurMinimale()"
+			},
+			template: "@if (enRechargement()) {\n  <!-- Rechargement : les donnees restent, une barre de 4 px en tete du bloc le dit (planche 9). -->\n  <st-progress\n    class=\"st-state__rechargement\"\n    epaisseur=\"rechargement\"\n    [etiquette]=\"textesParDefaut().chargementEnCours\"\n  />\n}\n@if (montreLaSilhouette()) {\n  <!-- La silhouette reste le temps de sa tenue, meme si la reponse est deja la. -->\n  @if (gabaritDeChargement(); as gabarit) {\n    <ng-container [ngTemplateOutlet]=\"gabarit\" />\n  } @else if (squelette(); as variante) {\n    <st-skeleton [variante]=\"variante\" [lignes]=\"lignesDeSquelette()\" />\n  } @else {\n    <st-spinner />\n  }\n} @else if (gabaritDeLEtat(); as gabarit) {\n  <ng-container\n    [ngTemplateOutlet]=\"gabarit\"\n    [ngTemplateOutletContext]=\"contexte()\"\n    [ngTemplateOutletInjector]=\"injecteurDuGabarit()\"\n  />\n} @else {\n  @switch (gabaritParDefaut()) {\n    @case ('vide') {\n      <st-empty [titre]=\"textesParDefaut().aucunResultat\" />\n    }\n    @case ('erreur') {\n      <st-error\n        disposition=\"centree\"\n        [code]=\"erreurDecrite()?.code ?? 'ERREUR_INCONNUE'\"\n        [titre]=\"textesParDefaut().erreurSurvenue\"\n        [variante]=\"erreurDecrite()?.variante ?? 'serveur'\"\n        [traceId]=\"erreurDecrite()?.traceId ?? null\"\n        [rejouable]=\"false\"\n      />\n    }\n    @case ('hors-ligne') {\n      <st-error\n        disposition=\"centree\"\n        variante=\"hors-ligne\"\n        [code]=\"erreurDecrite()?.code ?? 'HORS_LIGNE'\"\n        [titre]=\"textesParDefaut().horsConnexion\"\n        [rejouable]=\"false\"\n        sansDetails\n      />\n    }\n  }\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce() }}</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:flow-root}.st-state__rechargement{position:absolute;inset-block-start:0;inset-inline:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		ressource: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ressource",
+				required: false
+			}]
+		}],
+		etat: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etat",
+				required: false
+			}]
+		}],
+		estVide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "estVide",
+				required: false
+			}]
+		}],
+		estHorsLigne: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "estHorsLigne",
+				required: false
+			}]
+		}],
+		squelette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "squelette",
+				required: false
+			}]
+		}],
+		lignesDeSquelette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lignesDeSquelette",
+				required: false
+			}]
+		}],
+		delaiAvantSilhouette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "delaiAvantSilhouette",
+				required: false
+			}]
+		}],
+		annonces: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "annonces",
+				required: false
+			}]
+		}],
+		hauteurMinimale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hauteurMinimale",
+				required: false
+			}]
+		}],
+		gabaritSucces: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StSucces), { isSignal: true }]
+		}],
+		gabaritErreur: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StErreur), { isSignal: true }]
+		}],
+		gabaritVide: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StVide), { isSignal: true }]
+		}],
+		gabaritHorsLigne: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StHorsLigne), { isSignal: true }]
+		}],
+		gabaritChargement: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => StChargement), { isSignal: true }]
+		}]
+	}
+});
+var StSplashScreen = class StSplashScreen {
+	libelles = inject(ST_LIBELLES);
+	variante = input("clair", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
+	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : 	/* istanbul ignore next */ []);
+	statut = input(null, ...ngDevMode ? [{ debugName: "statut" }] : 	/* istanbul ignore next */ []);
+	version = input(null, ...ngDevMode ? [{ debugName: "version" }] : 	/* istanbul ignore next */ []);
+	delaiMs = input(delai.attente, {
+		...ngDevMode ? { debugName: "delaiMs" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	etiquetteLue = computed(() => this.statut() ?? this.libelles().chargementEnCours, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
+	statutVisible = affichageDiffere(() => true, { delai: () => this.delaiMs() });
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StSplashScreen,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StSplashScreen,
+		isStandalone: true,
+		selector: "st-splash-screen",
+		inputs: {
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nom: {
+				classPropertyName: "nom",
+				publicName: "nom",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			sousTitre: {
+				classPropertyName: "sousTitre",
+				publicName: "sousTitre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			statut: {
+				classPropertyName: "statut",
+				publicName: "statut",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			version: {
+				classPropertyName: "version",
+				publicName: "version",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			delaiMs: {
+				classPropertyName: "delaiMs",
+				publicName: "delaiMs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-variante": "variante()",
+				"attr.data-theme": "variante() === \"marque\" ? \"sombre\" : null"
+			},
+			classAttribute: "st-splash-screen"
+		},
+		providers: [{
+			provide: REGION_VIVANTE_PARENTE,
+			useValue: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"st-splash-screen__haut\">\n  <ng-content select=\"[surtitre]\" />\n</div>\n\n<div class=\"st-splash-screen__centre\">\n  <div class=\"st-splash-screen__tuile\">\n    <ng-content select=\"[logo]\" />\n  </div>\n  <p class=\"st-splash-screen__nom\">{{ nom() }}</p>\n  @if (sousTitre() !== null) {\n    <p class=\"st-splash-screen__sous-titre\">{{ sousTitre() }}</p>\n  }\n  @if (variante() === 'marque') {\n    <st-progress class=\"st-splash-screen__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n  } @else {\n    <st-spinner class=\"st-splash-screen__indicateur\" taille=\"lg\" [etiquette]=\"etiquetteLue()\" />\n  }\n  <!-- La region existe VIDE des la creation ; le texte y entre apres le delai d'attente. Sans\n       statut, le libelle par defaut y est lu (masque) : l'attente est un message d'etat (4.1.3). -->\n  <div class=\"st-splash-screen__statut\" role=\"status\">\n    @if (statutVisible()) {\n      @if (statut() !== null) {\n        <p class=\"st-splash-screen__statut-texte\">{{ statut() }}</p>\n      } @else {\n        <span class=\"st-vh\">{{ etiquetteLue() }}</span>\n      }\n    }\n  </div>\n  <ng-content />\n</div>\n\n<div class=\"st-splash-screen__pied\">\n  @if (version() !== null) {\n    <span class=\"st-splash-screen__version\">{{ version() }}</span>\n  }\n  <ng-content select=\"[pied]\" />\n</div>\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:relative;display:flex;flex-direction:column;justify-content:space-between;min-block-size:100vh;min-block-size:100dvh;padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);text-align:center;background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);isolation:isolate}.st-splash-screen__haut,.st-splash-screen__centre,.st-splash-screen__pied{position:relative}:host([data-variante=clair]):before{position:absolute;inset:0 0 auto;block-size:var(--st-espacement-1-5);content:\"\";background-color:var(--st-couleur-primaire)}:host([data-variante=marque]){background-color:var(--st-couleur-surface-enfoncee);border-color:var(--st-couleur-surface-conteneur-haut)}:host([data-variante=marque]):before{position:absolute;inset-block-start:calc(-1 * var(--st-espacement-16));inset-inline-start:calc(-1 * var(--st-espacement-16));inline-size:calc(var(--st-espacement-24) + var(--st-espacement-20));block-size:calc(var(--st-espacement-24) + var(--st-espacement-20));content:\"\";background-color:color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent);border-radius:var(--st-rayon-pleine)}.st-splash-screen__haut{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-splash-screen__haut:empty{visibility:hidden}.st-splash-screen__centre{display:flex;flex-direction:column;align-items:center}.st-splash-screen__tuile{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-2);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos)}.st-splash-screen__tuile:empty{display:none}:host([data-variante=marque]) .st-splash-screen__tuile{box-shadow:var(--st-ombre-surelevee)}.st-splash-screen__nom{margin:0;font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-splash-screen__sous-titre{margin:var(--st-espacement-demi) 0 0;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);color:var(--st-couleur-texte-primaire);text-transform:uppercase}.st-splash-screen__indicateur{margin-block:var(--st-espacement-4)}.st-splash-screen__barre{inline-size:var(--st-largeur-champ-md);margin-block:var(--st-espacement-4)}.st-splash-screen__statut-texte{margin:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-splash-screen__pied{display:flex;flex-direction:column;gap:var(--st-espacement-demi);align-items:center;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-splash-screen__pied:empty{visibility:hidden}:host([data-variante=marque]) .st-splash-screen__pied{padding-block-start:var(--st-espacement-1);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-conteneur-haut)}.st-splash-screen__version{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StSpinner,
+			selector: "st-spinner",
+			inputs: [
+				"taille",
+				"ton",
+				"etiquette",
+				"icone"
+			]
+		}, {
+			kind: "component",
+			type: StProgress,
+			selector: "st-progress",
+			inputs: [
+				"valeur",
+				"max",
+				"etiquette",
+				"ton",
+				"epaisseur",
+				"texteDeValeur",
+				"avecValeur",
+				"decompte"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StSplashScreen,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-splash-screen",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StSpinner, StProgress],
+			providers: [{
+				provide: REGION_VIVANTE_PARENTE,
+				useValue: true
+			}],
+			host: {
+				class: "st-splash-screen",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-theme]": "variante() === \"marque\" ? \"sombre\" : null"
+			},
+			template: "<div class=\"st-splash-screen__haut\">\n  <ng-content select=\"[surtitre]\" />\n</div>\n\n<div class=\"st-splash-screen__centre\">\n  <div class=\"st-splash-screen__tuile\">\n    <ng-content select=\"[logo]\" />\n  </div>\n  <p class=\"st-splash-screen__nom\">{{ nom() }}</p>\n  @if (sousTitre() !== null) {\n    <p class=\"st-splash-screen__sous-titre\">{{ sousTitre() }}</p>\n  }\n  @if (variante() === 'marque') {\n    <st-progress class=\"st-splash-screen__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n  } @else {\n    <st-spinner class=\"st-splash-screen__indicateur\" taille=\"lg\" [etiquette]=\"etiquetteLue()\" />\n  }\n  <!-- La region existe VIDE des la creation ; le texte y entre apres le delai d'attente. Sans\n       statut, le libelle par defaut y est lu (masque) : l'attente est un message d'etat (4.1.3). -->\n  <div class=\"st-splash-screen__statut\" role=\"status\">\n    @if (statutVisible()) {\n      @if (statut() !== null) {\n        <p class=\"st-splash-screen__statut-texte\">{{ statut() }}</p>\n      } @else {\n        <span class=\"st-vh\">{{ etiquetteLue() }}</span>\n      }\n    }\n  </div>\n  <ng-content />\n</div>\n\n<div class=\"st-splash-screen__pied\">\n  @if (version() !== null) {\n    <span class=\"st-splash-screen__version\">{{ version() }}</span>\n  }\n  <ng-content select=\"[pied]\" />\n</div>\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:relative;display:flex;flex-direction:column;justify-content:space-between;min-block-size:100vh;min-block-size:100dvh;padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);text-align:center;background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);isolation:isolate}.st-splash-screen__haut,.st-splash-screen__centre,.st-splash-screen__pied{position:relative}:host([data-variante=clair]):before{position:absolute;inset:0 0 auto;block-size:var(--st-espacement-1-5);content:\"\";background-color:var(--st-couleur-primaire)}:host([data-variante=marque]){background-color:var(--st-couleur-surface-enfoncee);border-color:var(--st-couleur-surface-conteneur-haut)}:host([data-variante=marque]):before{position:absolute;inset-block-start:calc(-1 * var(--st-espacement-16));inset-inline-start:calc(-1 * var(--st-espacement-16));inline-size:calc(var(--st-espacement-24) + var(--st-espacement-20));block-size:calc(var(--st-espacement-24) + var(--st-espacement-20));content:\"\";background-color:color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent);border-radius:var(--st-rayon-pleine)}.st-splash-screen__haut{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-splash-screen__haut:empty{visibility:hidden}.st-splash-screen__centre{display:flex;flex-direction:column;align-items:center}.st-splash-screen__tuile{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-2);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos)}.st-splash-screen__tuile:empty{display:none}:host([data-variante=marque]) .st-splash-screen__tuile{box-shadow:var(--st-ombre-surelevee)}.st-splash-screen__nom{margin:0;font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-splash-screen__sous-titre{margin:var(--st-espacement-demi) 0 0;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);color:var(--st-couleur-texte-primaire);text-transform:uppercase}.st-splash-screen__indicateur{margin-block:var(--st-espacement-4)}.st-splash-screen__barre{inline-size:var(--st-largeur-champ-md);margin-block:var(--st-espacement-4)}.st-splash-screen__statut-texte{margin:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-splash-screen__pied{display:flex;flex-direction:column;gap:var(--st-espacement-demi);align-items:center;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-splash-screen__pied:empty{visibility:hidden}:host([data-variante=marque]) .st-splash-screen__pied{padding-block-start:var(--st-espacement-1);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-conteneur-haut)}.st-splash-screen__version{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		nom: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nom",
+				required: true
+			}]
+		}],
+		sousTitre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sousTitre",
+				required: false
+			}]
+		}],
+		statut: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "statut",
+				required: false
+			}]
+		}],
+		version: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "version",
+				required: false
+			}]
+		}],
+		delaiMs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "delaiMs",
+				required: false
+			}]
+		}]
+	}
+});
+export { GABARITS_D_ETAT, ST_EN_LIGNE, StChargement, StErreur, StHorsLigne, StSkeleton, StSplashScreen, StState, StSucces, StVide };
+
+//# sourceMappingURL=starterlib-ui-etats.mjs.map