@starterlib/ui 0.11.7 → 0.13.0

package/fesm2022/starterlib-ui-graphiques.mjs

@@ -14,7 +14,14 @@ const LIBELLES_GRAPHIQUES_FR = {
 	evenements: "Événements",
 	separateurDEvenement: "\xA0: ",
 	aucuneDonnee: "Aucune donnée à afficher",
-	tendance: (dernier, variation) => variation === null ? `Derni\u00e8re valeur\u00a0: ${dernier}` : `Derni\u00e8re valeur\u00a0: ${dernier}, variation\u00a0: ${variation}`
+	tendance: (dernier, variation) => variation === null ? `Derni\u00e8re valeur\u00a0: ${dernier}` : `Derni\u00e8re valeur\u00a0: ${dernier}, variation\u00a0: ${variation}`,
+	colonneEffectif: "Effectif",
+	axeEffectif: "Effectif",
+	intervalle: (debut, fin) => `${debut} \u00e0 ${fin}`,
+	classes: "Classes et effectifs",
+	classe: (debut, fin, effectif) => `De ${debut} \u00e0 ${fin}\u00a0: ${effectif}`,
+	classesNegatives: "Valeurs négatives",
+	classesPositives: "Valeurs positives ou nulles"
 };
 const LIBELLES_GRAPHIQUES_EN = {
 	voirLesDonnees: "Show data",
@@ -26,7 +33,14 @@ const LIBELLES_GRAPHIQUES_EN = {
 	evenements: "Events",
 	separateurDEvenement: ": ",
 	aucuneDonnee: "No data to show",
-	tendance: (dernier, variation) => variation === null ? `Latest value: ${dernier}` : `Latest value: ${dernier}, change: ${variation}`
+	tendance: (dernier, variation) => variation === null ? `Latest value: ${dernier}` : `Latest value: ${dernier}, change: ${variation}`,
+	colonneEffectif: "Count",
+	axeEffectif: "Count",
+	intervalle: (debut, fin) => `${debut} to ${fin}`,
+	classes: "Classes and counts",
+	classe: (debut, fin, effectif) => `From ${debut} to ${fin}: ${effectif}`,
+	classesNegatives: "Negative values",
+	classesPositives: "Zero or positive values"
 };
 const ST_LIBELLES_GRAPHIQUES = new InjectionToken("ST_LIBELLES_GRAPHIQUES", {
 	providedIn: "root",
@@ -253,6 +267,28 @@ function formateurDeDates(locale, fuseau, avecHeure) {
 	});
 	return (instant) => format.format(new Date(instant));
 }
+const LARGEUR_SUPPOSEE = 640;
+function largeurDeLHote() {
+	const largeur = signal(LARGEUR_SUPPOSEE, ...ngDevMode ? [{ debugName: "largeur" }] : /* istanbul ignore next */ []);
+	const element = inject(ElementRef).nativeElement;
+	const destruction = inject(DestroyRef);
+	let observateur = null;
+	destruction.onDestroy(() => {
+		observateur?.disconnect();
+	});
+	afterNextRender(() => {
+		const Observateur = element.ownerDocument.defaultView?.ResizeObserver;
+		if (Observateur === void 0) return;
+		const mesurer = () => {
+			const mesuree = Math.round(element.clientWidth);
+			if (mesuree > 0) largeur.set(mesuree);
+		};
+		mesurer();
+		observateur = new Observateur(mesurer);
+		observateur.observe(element);
+	});
+	return largeur.asReadonly();
+}
 const SERIES_MAX = 4;
 const POINTS_RECOMMANDES = 500;
 const TRAITS_PAR_RANG = [
@@ -261,16 +297,15 @@ const TRAITS_PAR_RANG = [
 	"points",
 	"mixte"
 ];
-const LARGEUR_SUPPOSEE = 640;
-const CHASSE = 7;
-const ECART_DES_REPERES = 96;
-const ECART_DES_GRADUATIONS = 48;
-const MARGE_BAS = 28;
-const MARGE_HAUT = 12;
+const CHASSE$1 = 7;
+const ECART_DES_REPERES$1 = 96;
+const ECART_DES_GRADUATIONS$1 = 48;
+const MARGE_BAS$1 = 28;
+const MARGE_HAUT$1 = 12;
 const MARGE_HAUT_AVEC_MARQUEURS = 26;
-const MARGE_DROITE = 12;
+const MARGE_DROITE$1 = 12;
 const SANS_VALEUR = "—";
-function arrondir$1(valeur) {
+function arrondir$2(valeur) {
 	return Math.round(valeur * 10) / 10;
 }
 var StLineChart = class StLineChart {
@@ -295,7 +330,7 @@ var StLineChart = class StLineChart {
 	});
 	hauteur = input(240, ...ngDevMode ? [{ debugName: "hauteur" }] : /* istanbul ignore next */ []);
 	vueDonnees = signal(false, ...ngDevMode ? [{ debugName: "vueDonnees" }] : /* istanbul ignore next */ []);
-	largeur = signal(LARGEUR_SUPPOSEE, ...ngDevMode ? [{ debugName: "largeur" }] : /* istanbul ignore next */ []);
+	largeur = largeurDeLHote();
 	identifiants = (() => {
 		const base = inject(StIdentifiants).prochain("st-graphique");
 		return {
@@ -360,28 +395,28 @@ var StLineChart = class StLineChart {
 			debut = Math.min(debut, point.instant);
 			fin = Math.max(fin, point.instant);
 		}
-		const nombreDeGraduations = Math.max(3, Math.floor(hauteur / ECART_DES_GRADUATIONS));
+		const nombreDeGraduations = Math.max(3, Math.floor(hauteur / ECART_DES_GRADUATIONS$1));
 		const echelle = this.pariteEchelle() ? graduationsSymetriques(minimum, maximum, nombreDeGraduations) : graduationsAgreables(minimum, maximum, nombreDeGraduations);
 		const graduer = formateurDeGraduations(this.locale(), this.forme(), echelle.pas, Math.max(Math.abs(echelle.debut), Math.abs(echelle.fin)));
 		const textes = echelle.valeurs.map(graduer);
 		const plusLongue = textes.reduce((longueur, texte) => Math.max(longueur, texte.length), 0);
-		const gauche = Math.min(Math.round(largeur * .4), Math.ceil(plusLongue * CHASSE) + 12);
-		const droite = largeur - MARGE_DROITE;
-		const haut = this.marqueursLus().length > 0 ? MARGE_HAUT_AVEC_MARQUEURS : MARGE_HAUT;
-		const bas = hauteur - MARGE_BAS;
-		const y = (valeur) => arrondir$1(haut + (echelle.fin - valeur) / (echelle.fin - echelle.debut) * (bas - haut));
+		const gauche = Math.min(Math.round(largeur * .4), Math.ceil(plusLongue * CHASSE$1) + 12);
+		const droite = largeur - MARGE_DROITE$1;
+		const haut = this.marqueursLus().length > 0 ? MARGE_HAUT_AVEC_MARQUEURS : MARGE_HAUT$1;
+		const bas = hauteur - MARGE_BAS$1;
+		const y = (valeur) => arrondir$2(haut + (echelle.fin - valeur) / (echelle.fin - echelle.debut) * (bas - haut));
 		const plat = debut === fin;
-		const x = (instant) => arrondir$1(plat ? (gauche + droite) / 2 : gauche + (instant - debut) / (fin - debut) * (droite - gauche));
+		const x = (instant) => arrondir$2(plat ? (gauche + droite) / 2 : gauche + (instant - debut) / (fin - debut) * (droite - gauche));
 		const fuseau = this.fuseauDeRendu();
 		const temps = plat ? {
 			unite: "jour",
 			valeurs: [debut]
-		} : graduationsTemporelles(debut, fin, fuseau, Math.max(2, Math.floor((droite - gauche) / ECART_DES_REPERES)));
+		} : graduationsTemporelles(debut, fin, fuseau, Math.max(2, Math.floor((droite - gauche) / ECART_DES_REPERES$1)));
 		const reperer = formateurDeReperes(this.locale(), fuseau);
 		const reperes = temps.valeurs.map((instant, rang) => {
 			const texte = reperer(instant, temps.unite, rang === 0);
 			const position = x(instant);
-			const demi = texte.length * CHASSE / 2;
+			const demi = texte.length * CHASSE$1 / 2;
 			return {
 				x: position,
 				texte,
@@ -471,24 +506,6 @@ var StLineChart = class StLineChart {
 			return ligne;
 		});
 	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
-	constructor() {
-		const element = inject(ElementRef).nativeElement;
-		const destruction = inject(DestroyRef);
-		afterNextRender(() => {
-			const Observateur = element.ownerDocument.defaultView?.ResizeObserver;
-			if (Observateur === void 0) return;
-			const mesurer = () => {
-				const largeur = Math.round(element.clientWidth);
-				if (largeur > 0) this.largeur.set(largeur);
-			};
-			mesurer();
-			const observateur = new Observateur(mesurer);
-			observateur.observe(element);
-			destruction.onDestroy(() => {
-				observateur.disconnect();
-			});
-		});
-	}
 	basculer() {
 		const donnees = !this.vueDonnees();
 		this.vueDonnees.set(donnees);
@@ -656,7 +673,6 @@ i0.ɵɵngDeclareClassMetadata({
 			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0;max-inline-size:100%}.st-line-chart__barre{display:flex;justify-content:flex-end;margin-block-end:var(--st-espacement-2)}.st-line-chart__svg{display:block;inline-size:100%;block-size:auto;overflow:visible;direction:ltr}.st-line-chart__graduation,.st-line-chart__numero{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);fill:var(--st-couleur-texte-discret);font-variant-numeric:var(--st-chiffres-alignes)}.st-line-chart__numero{font-weight:var(--st-graisse-semi);fill:var(--st-couleur-texte)}.st-line-chart__grille{stroke:var(--st-couleur-bordure);stroke-width:1;shape-rendering:crispEdges}.st-line-chart__grille[data-zero]{stroke:var(--st-couleur-bordure-forte)}.st-line-chart__trace{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.st-line-chart__trace[data-trait=tirets]{stroke-dasharray:8 5;stroke-linecap:butt}.st-line-chart__trace[data-trait=points]{stroke-width:3;stroke-dasharray:0 6}.st-line-chart__trace[data-trait=mixte]{stroke-dasharray:10 5 0 5}.st-line-chart__trace[data-serie=\"1\"]{stroke:var(--st-couleur-serie1)}.st-line-chart__point[data-serie=\"1\"]{fill:var(--st-couleur-serie1)}.st-line-chart__trace[data-serie=\"2\"]{stroke:var(--st-couleur-serie2)}.st-line-chart__point[data-serie=\"2\"]{fill:var(--st-couleur-serie2)}.st-line-chart__trace[data-serie=\"3\"]{stroke:var(--st-couleur-serie3)}.st-line-chart__point[data-serie=\"3\"]{fill:var(--st-couleur-serie3)}.st-line-chart__trace[data-serie=\"4\"]{stroke:var(--st-couleur-serie4)}.st-line-chart__point[data-serie=\"4\"]{fill:var(--st-couleur-serie4)}.st-line-chart__perte{stroke:none}.st-line-chart__hachure{stroke:var(--st-couleur-texte-discret);stroke-width:1.5}.st-line-chart__marqueur{stroke:var(--st-couleur-texte-discret);stroke-width:1;stroke-dasharray:2 3}.st-line-chart__legende,.st-line-chart__evenements{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:var(--st-espacement-3) 0 0;color:var(--st-couleur-texte)}.st-line-chart__legende{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);padding:0;list-style:none}.st-line-chart__cle{display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:0;overflow-wrap:anywhere}.st-line-chart__echantillon{flex:none;overflow:visible}.st-line-chart__evenements{padding-inline-start:var(--st-espacement-5)}.st-line-chart__resume{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:var(--st-espacement-2) 0 0;color:var(--st-couleur-texte-discret)}.st-line-chart__vide{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:grid;place-items:center;min-block-size:8rem;margin:0;padding:var(--st-espacement-4);color:var(--st-couleur-texte-discret);text-align:center;border:var(--st-epaisseur-fine) dashed var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}@media(forced-colors:active){.st-line-chart__trace[data-serie],.st-line-chart__hachure,.st-line-chart__marqueur{stroke:CanvasText}.st-line-chart__point[data-serie]{fill:CanvasText}.st-line-chart__grille,.st-line-chart__grille[data-zero]{stroke:GrayText}.st-line-chart__graduation,.st-line-chart__numero{fill:CanvasText}}\n"]
 		}]
 	}],
-	ctorParameters: () => [],
 	propDecorators: {
 		series: [{
 			type: i0.Input,
@@ -742,7 +758,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const LARGEUR = 100;
 const MARGE = 2;
-function arrondir(valeur) {
+function arrondir$1(valeur) {
 	return Math.round(valeur * 100) / 100;
 }
 var StSparkline = class StSparkline {
@@ -773,8 +789,8 @@ var StSparkline = class StSparkline {
 		}
 		const { debut, fin } = graduationsAgreables(minimum, maximum);
 		const duree = dernier.instant - premier.instant;
-		const x = (instant) => arrondir(duree === 0 ? LARGEUR / 2 : (instant - premier.instant) / duree * LARGEUR);
-		const y = (valeur) => arrondir(MARGE + (fin - valeur) / (fin - debut) * 20);
+		const x = (instant) => arrondir$1(duree === 0 ? LARGEUR / 2 : (instant - premier.instant) / duree * LARGEUR);
+		const y = (valeur) => arrondir$1(MARGE + (fin - valeur) / (fin - debut) * 20);
 		const coordonnees = points.map((point) => `${String(x(point.instant))} ${String(y(point.valeur))}`);
 		return {
 			ligne: points.length > 1 ? `M${coordonnees.join("L")}` : null,
@@ -929,6 +945,457 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { LIBELLES_GRAPHIQUES_EN, LIBELLES_GRAPHIQUES_FR, ST_LIBELLES_GRAPHIQUES, StLineChart, StSparkline, catalogueDesGraphiques, fournirLibellesGraphiques, libellesDesGraphiques };
+function signaler(message, objet) {
+	if (typeof ngDevMode === "undefined" || !!ngDevMode) console.warn(message, objet);
+}
+function enTexte(valeur) {
+	const texte = String(Number(valeur.toPrecision(12)));
+	if (!/e/i.test(texte)) return texte;
+	return valeur.toFixed(20).replace(/\.?0+$/, "");
+}
+function lireClasses(classes, source) {
+	const lues = [];
+	for (const classe of classes) {
+		const debut = classe.debut.trim();
+		const fin = classe.fin.trim();
+		if (!estDecimale(debut) || !estDecimale(fin) || Number(fin) <= Number(debut) || !Number.isSafeInteger(classe.effectif) || classe.effectif < 0) {
+			signaler(`${source} : classe illisible ecartee`, classe);
+			continue;
+		}
+		lues.push({
+			debut: Number(debut),
+			fin: Number(fin),
+			texteDebut: debut,
+			texteFin: fin,
+			effectif: classe.effectif
+		});
+	}
+	return lues.sort((a, b) => a.debut - b.debut);
+}
+function classesDesValeurs(valeurs, nombre, source) {
+	const nombres = [];
+	let minimum = Infinity;
+	let maximum = -Infinity;
+	for (const valeur of valeurs) {
+		const texte = valeur.trim();
+		if (!estDecimale(texte)) {
+			signaler(`${source} : valeur illisible ecartee`, valeur);
+			continue;
+		}
+		const lu = Number(texte);
+		nombres.push(lu);
+		minimum = Math.min(minimum, lu);
+		maximum = Math.max(maximum, lu);
+	}
+	if (nombres.length === 0) return [];
+	const bornes = graduationsAgreables(minimum, maximum, Math.max(1, Math.round(nombre)) + 1).valeurs;
+	const classes = bornes.slice(0, -1).map((debut, rang) => ({
+		debut,
+		fin: bornes[rang + 1] ?? debut
+	}));
+	const effectifs = classes.map(() => 0);
+	const pas = (classes[0]?.fin ?? 1) - (classes[0]?.debut ?? 0);
+	for (const valeur of nombres) {
+		let rang = Math.min(classes.length - 1, Math.max(0, Math.floor((valeur - (classes[0]?.debut ?? 0)) / pas)));
+		while (rang > 0 && valeur < (classes[rang]?.debut ?? 0)) rang -= 1;
+		while (rang < classes.length - 1 && valeur >= (classes[rang]?.fin ?? 0)) rang += 1;
+		effectifs[rang] = (effectifs[rang] ?? 0) + 1;
+	}
+	return classes.map((classe, rang) => ({
+		...classe,
+		texteDebut: enTexte(classe.debut),
+		texteFin: enTexte(classe.fin),
+		effectif: effectifs[rang] ?? 0
+	}));
+}
+function graduationsDEffectif(plusGrand, nombreVise) {
+	const haut = Math.max(1, plusGrand);
+	const echelle = graduationsAgreables(0, haut, nombreVise);
+	if (echelle.pas >= 1) return echelle;
+	const fin = Math.ceil(haut);
+	return {
+		debut: 0,
+		fin,
+		pas: 1,
+		valeurs: Array.from({ length: fin + 1 }, (_, rang) => rang)
+	};
+}
+const CLASSES_RECOMMANDEES = 50;
+const CHASSE = 7;
+const ECART_DES_REPERES = 96;
+const ECART_DES_GRADUATIONS = 48;
+const MARGE_HAUT = 24;
+const MARGE_BAS = 48;
+const MARGE_DROITE = 12;
+function arrondir(valeur) {
+	return Math.round(valeur * 10) / 10;
+}
+var StHistogram = class StHistogram {
+	locale = inject(ST_LOCALE);
+	catalogue = catalogueDesGraphiques();
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	classes = input(null, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	valeurs = input(null, ...ngDevMode ? [{ debugName: "valeurs" }] : /* istanbul ignore next */ []);
+	nombreDeClasses = input(10, ...ngDevMode ? [{ debugName: "nombreDeClasses" }] : /* istanbul ignore next */ []);
+	axe = input.required(...ngDevMode ? [{ debugName: "axe" }] : /* istanbul ignore next */ []);
+	devise = input(null, ...ngDevMode ? [{ debugName: "devise" }] : /* istanbul ignore next */ []);
+	pourcentage = input(false, {
+		...ngDevMode ? { debugName: "pourcentage" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	resume = input.required(...ngDevMode ? [{ debugName: "resume" }] : /* istanbul ignore next */ []);
+	hauteur = input(240, ...ngDevMode ? [{ debugName: "hauteur" }] : /* istanbul ignore next */ []);
+	vueDonnees = signal(false, ...ngDevMode ? [{ debugName: "vueDonnees" }] : /* istanbul ignore next */ []);
+	largeur = largeurDeLHote();
+	identifiants = (() => {
+		const base = inject(StIdentifiants).prochain("st-histogramme");
+		return {
+			motif: `${base}-motif`,
+			resume: `${base}-resume`
+		};
+	})();
+	forme = computed(() => ({
+		devise: this.devise(),
+		pourcentage: this.pourcentage()
+	}), ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
+	classesDites = computed(() => {
+		const fournies = this.classes();
+		const valeurs = this.valeurs();
+		const developpement = typeof ngDevMode === "undefined" || !!ngDevMode;
+		if (fournies !== null && valeurs !== null && developpement) console.warn("st-histogram : classes ET valeurs donnees ; les classes l emportent.");
+		const lues = fournies !== null ? lireClasses(fournies, "st-histogram") : classesDesValeurs(valeurs ?? [], this.nombreDeClasses(), "st-histogram");
+		if (lues.length > CLASSES_RECOMMANDEES && developpement) console.warn(`st-histogram : ${String(lues.length)} classes ; ${String(CLASSES_RECOMMANDEES)} au plus, regroupees cote serveur.`);
+		const borne = formateurDeValeurs(this.locale(), this.forme());
+		const effectif = formateurDeValeurs(this.locale(), {
+			devise: null,
+			pourcentage: false
+		});
+		return lues.map((classe, indice) => ({
+			...classe,
+			rang: indice + 1,
+			negative: classe.fin <= 0,
+			texteDuDebut: borne(classe.texteDebut),
+			texteDeLaFin: borne(classe.texteFin),
+			texteDeLEffectif: effectif(String(classe.effectif))
+		}));
+	}, ...ngDevMode ? [{ debugName: "classesDites" }] : /* istanbul ignore next */ []);
+	deuxSignes = computed(() => {
+		const classes = this.classesDites();
+		return classes.some((classe) => classe.negative) && classes.some((classe) => !classe.negative);
+	}, ...ngDevMode ? [{ debugName: "deuxSignes" }] : /* istanbul ignore next */ []);
+	dessin = computed(() => {
+		const classes = this.classesDites();
+		const premiere = classes[0];
+		const derniere = classes.at(-1);
+		if (premiere === void 0 || derniere === void 0) return null;
+		const largeur = Math.max(160, this.largeur());
+		const hauteur = Math.max(192, Math.round(this.hauteur()));
+		const haut = MARGE_HAUT;
+		const bas = hauteur - MARGE_BAS;
+		const effectifs = graduationsDEffectif(classes.reduce((plus, classe) => Math.max(plus, classe.effectif), 0), Math.max(3, Math.floor((bas - haut) / ECART_DES_GRADUATIONS)));
+		const graduer = formateurDeGraduations(this.locale(), {
+			devise: null,
+			pourcentage: false
+		}, effectifs.pas, effectifs.fin);
+		const textes = effectifs.valeurs.map(graduer);
+		const plusLongue = textes.reduce((longueur, texte) => Math.max(longueur, texte.length), 0);
+		const gauche = Math.min(Math.round(largeur * .4), Math.ceil(plusLongue * CHASSE) + 12);
+		const droite = largeur - MARGE_DROITE;
+		const y = (effectif) => arrondir(bas - effectif / effectifs.fin * (bas - haut));
+		const echelle = graduationsAgreables(premiere.debut, derniere.fin, Math.max(2, Math.floor((droite - gauche) / ECART_DES_REPERES)));
+		const x = (valeur) => arrondir(gauche + (valeur - echelle.debut) / (echelle.fin - echelle.debut) * (droite - gauche));
+		const reperer = formateurDeGraduations(this.locale(), this.forme(), echelle.pas, Math.max(Math.abs(echelle.debut), Math.abs(echelle.fin)));
+		const reperes = echelle.valeurs.map((valeur) => {
+			const texte = reperer(valeur);
+			const position = x(valeur);
+			const demi = texte.length * CHASSE / 2;
+			return {
+				x: position,
+				texte,
+				ancre: position - demi < 0 ? "start" : position + demi > largeur ? "end" : "middle"
+			};
+		});
+		const barres = classes.filter((classe) => classe.effectif > 0).map((classe) => {
+			const debut = x(classe.debut);
+			const etendue = x(classe.fin) - debut;
+			const interstice = etendue > 3 ? .5 : 0;
+			return {
+				rang: classe.rang,
+				negative: classe.negative,
+				x: arrondir(debut + interstice),
+				y: y(classe.effectif),
+				largeur: arrondir(Math.max(1, etendue - 2 * interstice)),
+				hauteur: arrondir(bas - y(classe.effectif))
+			};
+		});
+		return {
+			largeur,
+			hauteur,
+			gauche,
+			droite,
+			haut,
+			bas,
+			graduations: effectifs.valeurs.map((valeur, rang) => ({
+				y: y(valeur),
+				texte: textes[rang] ?? ""
+			})),
+			reperes,
+			zero: echelle.debut < 0 && echelle.fin > 0 ? x(0) : null,
+			barres
+		};
+	}, ...ngDevMode ? [{ debugName: "dessin" }] : /* istanbul ignore next */ []);
+	colonnes = computed(() => [{
+		cle: "classe",
+		libelle: this.axe()
+	}, {
+		cle: "effectif",
+		libelle: this.catalogue().libelles.colonneEffectif,
+		alignement: "fin"
+	}], ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
+	lignes = computed(() => {
+		const libelles = this.catalogue().libelles;
+		return this.classesDites().map((classe) => ({
+			cle: String(classe.rang),
+			classe: libelles.intervalle(classe.texteDuDebut, classe.texteDeLaFin),
+			effectif: classe.texteDeLEffectif
+		}));
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	basculer() {
+		const donnees = !this.vueDonnees();
+		this.vueDonnees.set(donnees);
+		const libelles = this.catalogue().libelles;
+		this.annonce.annoncer(donnees ? libelles.tableauAffiche : libelles.graphiqueAffiche);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StHistogram,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: StHistogram,
+		isStandalone: true,
+		selector: "st-histogram",
+		inputs: {
+			classes: {
+				classPropertyName: "classes",
+				publicName: "classes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			valeurs: {
+				classPropertyName: "valeurs",
+				publicName: "valeurs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nombreDeClasses: {
+				classPropertyName: "nombreDeClasses",
+				publicName: "nombreDeClasses",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			axe: {
+				classPropertyName: "axe",
+				publicName: "axe",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			devise: {
+				classPropertyName: "devise",
+				publicName: "devise",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pourcentage: {
+				classPropertyName: "pourcentage",
+				publicName: "pourcentage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			resume: {
+				classPropertyName: "resume",
+				publicName: "resume",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			hauteur: {
+				classPropertyName: "hauteur",
+				publicName: "hauteur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-vue": "vueDonnees() ? \"donnees\" : \"graphique\"" },
+			classAttribute: "st-histogram"
+		},
+		ngImport: i0,
+		template: "<div class=\"st-histogram__barre-d-outils\">\n  <button\n    stButton\n    variante=\"discret\"\n    taille=\"sm\"\n    type=\"button\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n    (click)=\"basculer()\"\n  >\n    {{ vueDonnees() ? catalogue().libelles.voirLeGraphique : catalogue().libelles.voirLesDonnees }}\n  </button>\n</div>\n\n@if (vueDonnees()) {\n  <st-data-table\n    [legende]=\"etiquette()\"\n    [colonnes]=\"colonnes()\"\n    [lignes]=\"lignes()\"\n    cle=\"cle\"\n    hauteurMax=\"24rem\"\n  />\n} @else if (dessin(); as dessin) {\n  <svg\n    class=\"st-histogram__svg\"\n    role=\"img\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    focusable=\"false\"\n    preserveAspectRatio=\"xMinYMin meet\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-describedby]=\"identifiants.resume\"\n    [attr.viewBox]=\"'0 0 ' + dessin.largeur + ' ' + dessin.hauteur\"\n    [attr.height]=\"dessin.hauteur\"\n  >\n    <defs>\n      <pattern\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n        patternTransform=\"rotate(45)\"\n        [attr.id]=\"identifiants.motif\"\n      >\n        <line class=\"st-histogram__hachure\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"6\" />\n      </pattern>\n    </defs>\n    <text class=\"st-histogram__nom-d-axe\" text-anchor=\"start\" [attr.x]=\"0\" y=\"12\">\n      {{ catalogue().libelles.axeEffectif }}\n    </text>\n    @for (graduation of dessin.graduations; track $index) {\n      <line\n        class=\"st-histogram__grille\"\n        [attr.data-base]=\"$first ? '' : null\"\n        [attr.x1]=\"dessin.gauche\"\n        [attr.x2]=\"dessin.droite\"\n        [attr.y1]=\"graduation.y\"\n        [attr.y2]=\"graduation.y\"\n      />\n      <text\n        class=\"st-histogram__graduation\"\n        data-axe=\"effectifs\"\n        text-anchor=\"end\"\n        dominant-baseline=\"middle\"\n        [attr.x]=\"dessin.gauche - 8\"\n        [attr.y]=\"graduation.y\"\n      >\n        {{ graduation.texte }}\n      </text>\n    }\n    @for (barre of dessin.barres; track barre.rang) {\n      <rect\n        class=\"st-histogram__classe\"\n        [attr.data-signe]=\"barre.negative ? 'negatif' : 'positif'\"\n        [attr.fill]=\"barre.negative ? 'url(#' + identifiants.motif + ')' : null\"\n        [attr.x]=\"barre.x\"\n        [attr.y]=\"barre.y\"\n        [attr.width]=\"barre.largeur\"\n        [attr.height]=\"barre.hauteur\"\n      />\n    }\n    @if (dessin.zero !== null) {\n      <line\n        class=\"st-histogram__zero\"\n        [attr.x1]=\"dessin.zero\"\n        [attr.x2]=\"dessin.zero\"\n        [attr.y1]=\"dessin.haut\"\n        [attr.y2]=\"dessin.bas\"\n      />\n    }\n    @for (repere of dessin.reperes; track $index) {\n      <text\n        class=\"st-histogram__graduation\"\n        data-axe=\"valeurs\"\n        [attr.text-anchor]=\"repere.ancre\"\n        [attr.x]=\"repere.x\"\n        [attr.y]=\"dessin.bas + 18\"\n      >\n        {{ repere.texte }}\n      </text>\n    }\n    <text\n      class=\"st-histogram__nom-d-axe\"\n      text-anchor=\"middle\"\n      [attr.x]=\"(dessin.gauche + dessin.droite) / 2\"\n      [attr.y]=\"dessin.hauteur - 6\"\n    >\n      {{ axe() }}\n    </text>\n  </svg>\n\n  <ul class=\"st-histogram__classes st-vh\" [attr.aria-label]=\"catalogue().libelles.classes\">\n    @for (classe of classesDites(); track classe.rang) {\n      <li [attr.lang]=\"catalogue().langueDeRepli\">\n        {{\n          catalogue().libelles.classe(\n            classe.texteDuDebut,\n            classe.texteDeLaFin,\n            classe.texteDeLEffectif\n          )\n        }}\n      </li>\n    }\n  </ul>\n\n  @if (deuxSignes()) {\n    <ul\n      class=\"st-histogram__legende\"\n      [attr.aria-label]=\"catalogue().libelles.legende\"\n      [attr.lang]=\"catalogue().langueDeRepli\"\n    >\n      <li class=\"st-histogram__cle\">\n        <svg\n          class=\"st-histogram__echantillon\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          viewBox=\"0 0 16 12\"\n          width=\"16\"\n          height=\"12\"\n        >\n          <rect\n            class=\"st-histogram__classe\"\n            data-signe=\"negatif\"\n            x=\"1\"\n            y=\"1\"\n            width=\"14\"\n            height=\"10\"\n            [attr.fill]=\"'url(#' + identifiants.motif + ')'\"\n          />\n        </svg>\n        {{ catalogue().libelles.classesNegatives }}\n      </li>\n      <li class=\"st-histogram__cle\">\n        <svg\n          class=\"st-histogram__echantillon\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          viewBox=\"0 0 16 12\"\n          width=\"16\"\n          height=\"12\"\n        >\n          <rect\n            class=\"st-histogram__classe\"\n            data-signe=\"positif\"\n            x=\"1\"\n            y=\"1\"\n            width=\"14\"\n            height=\"10\"\n          />\n        </svg>\n        {{ catalogue().libelles.classesPositives }}\n      </li>\n    </ul>\n  }\n} @else {\n  <p class=\"st-histogram__vide\" [attr.lang]=\"catalogue().langueDeRepli\">\n    {{ catalogue().libelles.aucuneDonnee }}\n  </p>\n}\n\n<p class=\"st-histogram__resume\" [id]=\"identifiants.resume\">{{ resume() }}</p>\n<span\n  class=\"st-histogram__annonce st-vh\"\n  aria-live=\"polite\"\n  [attr.lang]=\"catalogue().langueDeRepli\"\n  >{{ annonce.texte() }}</span\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:block;min-inline-size:0;max-inline-size:100%}.st-histogram__barre-d-outils{display:flex;justify-content:flex-end;margin-block-end:var(--st-espacement-2)}.st-histogram__svg{display:block;inline-size:100%;block-size:auto;overflow:visible;direction:ltr}.st-histogram__graduation,.st-histogram__nom-d-axe{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);fill:var(--st-couleur-texte-discret);font-variant-numeric:var(--st-chiffres-alignes)}.st-histogram__nom-d-axe{font-weight:var(--st-graisse-semi);fill:var(--st-couleur-texte)}.st-histogram__grille{stroke:var(--st-couleur-bordure);stroke-width:1;shape-rendering:crispEdges}.st-histogram__grille[data-base]{stroke:var(--st-couleur-bordure-forte)}.st-histogram__zero{stroke:var(--st-couleur-bordure-forte);stroke-width:1.5;shape-rendering:crispEdges}.st-histogram__classe[data-signe=positif]{fill:var(--st-couleur-serie1)}.st-histogram__classe[data-signe=negatif]{stroke:var(--st-couleur-serie2);stroke-width:1.5}.st-histogram__hachure{stroke:var(--st-couleur-serie2);stroke-width:2}.st-histogram__legende{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);margin:var(--st-espacement-3) 0 0;padding:0;color:var(--st-couleur-texte);list-style:none}.st-histogram__cle{display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:0;overflow-wrap:anywhere}.st-histogram__echantillon{flex:none;overflow:visible}.st-histogram__resume{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:var(--st-espacement-2) 0 0;color:var(--st-couleur-texte-discret)}.st-histogram__vide{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:grid;place-items:center;min-block-size:8rem;margin:0;padding:var(--st-espacement-4);color:var(--st-couleur-texte-discret);text-align:center;border:var(--st-epaisseur-fine) dashed var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}@media(forced-colors:active){.st-histogram__classe[data-signe=positif]{fill:CanvasText}.st-histogram__classe[data-signe=negatif],.st-histogram__hachure,.st-histogram__zero{stroke:CanvasText}.st-histogram__grille,.st-histogram__grille[data-base]{stroke:GrayText}.st-histogram__graduation,.st-histogram__nom-d-axe{fill:CanvasText}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StButton,
+			selector: "button[stButton]",
+			inputs: [
+				"variante",
+				"taille",
+				"pleineLargeur",
+				"iconeAvant",
+				"iconeApres",
+				"chargement",
+				"indisponible",
+				"raisonIndisponible"
+			]
+		}, {
+			kind: "component",
+			type: StDataTable,
+			selector: "st-data-table",
+			inputs: [
+				"legende",
+				"legendeMasquee",
+				"colonnes",
+				"lignes",
+				"cle",
+				"enTeteDeLigne",
+				"premiereColonneFigee",
+				"hauteurMax",
+				"tonDeLigne",
+				"ligneChoisissable",
+				"densite",
+				"chargement",
+				"annonceDeRechargement",
+				"selectionnable",
+				"selection",
+				"tri",
+				"triTernaire",
+				"texteVide",
+				"raisonDuVide",
+				"lignesAttendues"
+			],
+			outputs: [
+				"selectionChange",
+				"triChange",
+				"effacement"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StHistogram,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-histogram",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StButton, StDataTable],
+			host: {
+				class: "st-histogram",
+				"[attr.data-vue]": "vueDonnees() ? \"donnees\" : \"graphique\""
+			},
+			template: "<div class=\"st-histogram__barre-d-outils\">\n  <button\n    stButton\n    variante=\"discret\"\n    taille=\"sm\"\n    type=\"button\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n    (click)=\"basculer()\"\n  >\n    {{ vueDonnees() ? catalogue().libelles.voirLeGraphique : catalogue().libelles.voirLesDonnees }}\n  </button>\n</div>\n\n@if (vueDonnees()) {\n  <st-data-table\n    [legende]=\"etiquette()\"\n    [colonnes]=\"colonnes()\"\n    [lignes]=\"lignes()\"\n    cle=\"cle\"\n    hauteurMax=\"24rem\"\n  />\n} @else if (dessin(); as dessin) {\n  <svg\n    class=\"st-histogram__svg\"\n    role=\"img\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    focusable=\"false\"\n    preserveAspectRatio=\"xMinYMin meet\"\n    [attr.aria-label]=\"etiquette()\"\n    [attr.aria-describedby]=\"identifiants.resume\"\n    [attr.viewBox]=\"'0 0 ' + dessin.largeur + ' ' + dessin.hauteur\"\n    [attr.height]=\"dessin.hauteur\"\n  >\n    <defs>\n      <pattern\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n        patternTransform=\"rotate(45)\"\n        [attr.id]=\"identifiants.motif\"\n      >\n        <line class=\"st-histogram__hachure\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"6\" />\n      </pattern>\n    </defs>\n    <text class=\"st-histogram__nom-d-axe\" text-anchor=\"start\" [attr.x]=\"0\" y=\"12\">\n      {{ catalogue().libelles.axeEffectif }}\n    </text>\n    @for (graduation of dessin.graduations; track $index) {\n      <line\n        class=\"st-histogram__grille\"\n        [attr.data-base]=\"$first ? '' : null\"\n        [attr.x1]=\"dessin.gauche\"\n        [attr.x2]=\"dessin.droite\"\n        [attr.y1]=\"graduation.y\"\n        [attr.y2]=\"graduation.y\"\n      />\n      <text\n        class=\"st-histogram__graduation\"\n        data-axe=\"effectifs\"\n        text-anchor=\"end\"\n        dominant-baseline=\"middle\"\n        [attr.x]=\"dessin.gauche - 8\"\n        [attr.y]=\"graduation.y\"\n      >\n        {{ graduation.texte }}\n      </text>\n    }\n    @for (barre of dessin.barres; track barre.rang) {\n      <rect\n        class=\"st-histogram__classe\"\n        [attr.data-signe]=\"barre.negative ? 'negatif' : 'positif'\"\n        [attr.fill]=\"barre.negative ? 'url(#' + identifiants.motif + ')' : null\"\n        [attr.x]=\"barre.x\"\n        [attr.y]=\"barre.y\"\n        [attr.width]=\"barre.largeur\"\n        [attr.height]=\"barre.hauteur\"\n      />\n    }\n    @if (dessin.zero !== null) {\n      <line\n        class=\"st-histogram__zero\"\n        [attr.x1]=\"dessin.zero\"\n        [attr.x2]=\"dessin.zero\"\n        [attr.y1]=\"dessin.haut\"\n        [attr.y2]=\"dessin.bas\"\n      />\n    }\n    @for (repere of dessin.reperes; track $index) {\n      <text\n        class=\"st-histogram__graduation\"\n        data-axe=\"valeurs\"\n        [attr.text-anchor]=\"repere.ancre\"\n        [attr.x]=\"repere.x\"\n        [attr.y]=\"dessin.bas + 18\"\n      >\n        {{ repere.texte }}\n      </text>\n    }\n    <text\n      class=\"st-histogram__nom-d-axe\"\n      text-anchor=\"middle\"\n      [attr.x]=\"(dessin.gauche + dessin.droite) / 2\"\n      [attr.y]=\"dessin.hauteur - 6\"\n    >\n      {{ axe() }}\n    </text>\n  </svg>\n\n  <ul class=\"st-histogram__classes st-vh\" [attr.aria-label]=\"catalogue().libelles.classes\">\n    @for (classe of classesDites(); track classe.rang) {\n      <li [attr.lang]=\"catalogue().langueDeRepli\">\n        {{\n          catalogue().libelles.classe(\n            classe.texteDuDebut,\n            classe.texteDeLaFin,\n            classe.texteDeLEffectif\n          )\n        }}\n      </li>\n    }\n  </ul>\n\n  @if (deuxSignes()) {\n    <ul\n      class=\"st-histogram__legende\"\n      [attr.aria-label]=\"catalogue().libelles.legende\"\n      [attr.lang]=\"catalogue().langueDeRepli\"\n    >\n      <li class=\"st-histogram__cle\">\n        <svg\n          class=\"st-histogram__echantillon\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          viewBox=\"0 0 16 12\"\n          width=\"16\"\n          height=\"12\"\n        >\n          <rect\n            class=\"st-histogram__classe\"\n            data-signe=\"negatif\"\n            x=\"1\"\n            y=\"1\"\n            width=\"14\"\n            height=\"10\"\n            [attr.fill]=\"'url(#' + identifiants.motif + ')'\"\n          />\n        </svg>\n        {{ catalogue().libelles.classesNegatives }}\n      </li>\n      <li class=\"st-histogram__cle\">\n        <svg\n          class=\"st-histogram__echantillon\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          viewBox=\"0 0 16 12\"\n          width=\"16\"\n          height=\"12\"\n        >\n          <rect\n            class=\"st-histogram__classe\"\n            data-signe=\"positif\"\n            x=\"1\"\n            y=\"1\"\n            width=\"14\"\n            height=\"10\"\n          />\n        </svg>\n        {{ catalogue().libelles.classesPositives }}\n      </li>\n    </ul>\n  }\n} @else {\n  <p class=\"st-histogram__vide\" [attr.lang]=\"catalogue().langueDeRepli\">\n    {{ catalogue().libelles.aucuneDonnee }}\n  </p>\n}\n\n<p class=\"st-histogram__resume\" [id]=\"identifiants.resume\">{{ resume() }}</p>\n<span\n  class=\"st-histogram__annonce st-vh\"\n  aria-live=\"polite\"\n  [attr.lang]=\"catalogue().langueDeRepli\"\n  >{{ annonce.texte() }}</span\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:block;min-inline-size:0;max-inline-size:100%}.st-histogram__barre-d-outils{display:flex;justify-content:flex-end;margin-block-end:var(--st-espacement-2)}.st-histogram__svg{display:block;inline-size:100%;block-size:auto;overflow:visible;direction:ltr}.st-histogram__graduation,.st-histogram__nom-d-axe{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);fill:var(--st-couleur-texte-discret);font-variant-numeric:var(--st-chiffres-alignes)}.st-histogram__nom-d-axe{font-weight:var(--st-graisse-semi);fill:var(--st-couleur-texte)}.st-histogram__grille{stroke:var(--st-couleur-bordure);stroke-width:1;shape-rendering:crispEdges}.st-histogram__grille[data-base]{stroke:var(--st-couleur-bordure-forte)}.st-histogram__zero{stroke:var(--st-couleur-bordure-forte);stroke-width:1.5;shape-rendering:crispEdges}.st-histogram__classe[data-signe=positif]{fill:var(--st-couleur-serie1)}.st-histogram__classe[data-signe=negatif]{stroke:var(--st-couleur-serie2);stroke-width:1.5}.st-histogram__hachure{stroke:var(--st-couleur-serie2);stroke-width:2}.st-histogram__legende{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);margin:var(--st-espacement-3) 0 0;padding:0;color:var(--st-couleur-texte);list-style:none}.st-histogram__cle{display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:0;overflow-wrap:anywhere}.st-histogram__echantillon{flex:none;overflow:visible}.st-histogram__resume{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:var(--st-espacement-2) 0 0;color:var(--st-couleur-texte-discret)}.st-histogram__vide{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:grid;place-items:center;min-block-size:8rem;margin:0;padding:var(--st-espacement-4);color:var(--st-couleur-texte-discret);text-align:center;border:var(--st-epaisseur-fine) dashed var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}@media(forced-colors:active){.st-histogram__classe[data-signe=positif]{fill:CanvasText}.st-histogram__classe[data-signe=negatif],.st-histogram__hachure,.st-histogram__zero{stroke:CanvasText}.st-histogram__grille,.st-histogram__grille[data-base]{stroke:GrayText}.st-histogram__graduation,.st-histogram__nom-d-axe{fill:CanvasText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		classes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "classes",
+				required: false
+			}]
+		}],
+		valeurs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeurs",
+				required: false
+			}]
+		}],
+		nombreDeClasses: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nombreDeClasses",
+				required: false
+			}]
+		}],
+		axe: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "axe",
+				required: true
+			}]
+		}],
+		devise: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "devise",
+				required: false
+			}]
+		}],
+		pourcentage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pourcentage",
+				required: false
+			}]
+		}],
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		resume: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resume",
+				required: true
+			}]
+		}],
+		hauteur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hauteur",
+				required: false
+			}]
+		}]
+	}
+});
+export { LIBELLES_GRAPHIQUES_EN, LIBELLES_GRAPHIQUES_FR, ST_LIBELLES_GRAPHIQUES, StHistogram, StLineChart, StSparkline, catalogueDesGraphiques, fournirLibellesGraphiques, libellesDesGraphiques };
 
 //# sourceMappingURL=starterlib-ui-graphiques.mjs.map