@starterlib/ui 0.9.0 → 0.10.0

package/fesm2022/starterlib-ui-indicateurs.mjs

@@ -0,0 +1,1013 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, InjectionToken, Injector, afterNextRender, booleanAttribute, computed, effect, inject, input, isDevMode, numberAttribute, output, untracked, viewChild } from "@angular/core";
+import { AnnonceLocale, ICONES_DE_TON, NOMS_DICONE_PLEINE, ST_LIBELLES, StIcon, StIconButton, partagerLaValeur } from "@starterlib/ui";
+import { sansCommandesDeDirection } from "@starterlib/util";
+import { DOCUMENT } from "@angular/common";
+function iconeDuTon(ton) {
+	return ton === "neutre" ? "cercle" : ICONES_DE_TON[ton];
+}
+function aUnJumeauPlein(nom) {
+	return NOMS_DICONE_PLEINE.includes(nom);
+}
+var StStatusPill = class StStatusPill {
+	statut = input.required(...ngDevMode ? [{ debugName: "statut" }] : 	/* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	variante = input("icone", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	casse = input("capitales", ...ngDevMode ? [{ debugName: "casse" }] : 	/* istanbul ignore next */ []);
+	iconeDessinee = computed(() => {
+		const icone = this.icone() ?? iconeDuTon(this.ton());
+		if (this.taille() !== "sm" || typeof icone !== "string") return icone;
+		return aUnJumeauPlein(icone) ? {
+			nom: icone,
+			variante: "plein"
+		} : icone;
+	}, ...ngDevMode ? [{ debugName: "iconeDessinee" }] : 	/* istanbul ignore next */ []);
+	tailleDIcone = computed(() => this.taille() === "sm" ? "14" : "16", ...ngDevMode ? [{ debugName: "tailleDIcone" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StStatusPill,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StStatusPill,
+		isStandalone: true,
+		selector: "st-status-pill",
+		inputs: {
+			statut: {
+				classPropertyName: "statut",
+				publicName: "statut",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			casse: {
+				classPropertyName: "casse",
+				publicName: "casse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-ton": "ton()",
+				"attr.data-statut": "statut()",
+				"attr.data-taille": "taille()",
+				"attr.data-variante": "variante()",
+				"attr.data-casse": "casse()"
+			},
+			classAttribute: "st-status-pill"
+		},
+		ngImport: i0,
+		template: "@if (variante() === 'point') {\n  <span class=\"st-status-pill__point\"></span>\n} @else {\n  <st-icon class=\"st-status-pill__icone\" [icone]=\"iconeDessinee()\" [taille]=\"tailleDIcone()\" />\n}\n<span class=\"st-status-pill__libelle\">{{ libelle() }}</span>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;gap:var(--st-espacement-1-5);align-items:center;min-block-size:var(--st-cible-min);padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-3);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine);-webkit-print-color-adjust:exact;print-color-adjust:exact}.st-status-pill__icone,.st-status-pill__point{color:var(--st-couleur-texte-discret)}:host([data-variante=point]){min-block-size:0}.st-status-pill__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:currentcolor;border-radius:var(--st-rayon-pleine)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-primaire) 20%,transparent)}:host([data-ton=primaire]) .st-status-pill__icone,:host([data-ton=primaire]) .st-status-pill__point{color:var(--st-couleur-primaire)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-information) 20%,transparent)}:host([data-ton=information]) .st-status-pill__icone,:host([data-ton=information]) .st-status-pill__point{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}:host([data-ton=succes]) .st-status-pill__icone,:host([data-ton=succes]) .st-status-pill__point{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-avertissement) 20%,transparent)}:host([data-ton=avertissement]) .st-status-pill__icone,:host([data-ton=avertissement]) .st-status-pill__point{color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-danger) 20%,transparent)}:host([data-ton=danger]) .st-status-pill__icone,:host([data-ton=danger]) .st-status-pill__point{color:var(--st-couleur-danger)}:host([data-taille=sm]){gap:var(--st-espacement-1);min-block-size:0;padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2)}:host([data-casse=capitales]){text-transform:uppercase}:host([data-casse=phrase]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-status-pill__libelle{white-space:normal}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\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: StStatusPill,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-status-pill",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
+			host: {
+				class: "st-status-pill",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-statut]": "statut()",
+				"[attr.data-taille]": "taille()",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-casse]": "casse()"
+			},
+			template: "@if (variante() === 'point') {\n  <span class=\"st-status-pill__point\"></span>\n} @else {\n  <st-icon class=\"st-status-pill__icone\" [icone]=\"iconeDessinee()\" [taille]=\"tailleDIcone()\" />\n}\n<span class=\"st-status-pill__libelle\">{{ libelle() }}</span>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;gap:var(--st-espacement-1-5);align-items:center;min-block-size:var(--st-cible-min);padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-3);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine);-webkit-print-color-adjust:exact;print-color-adjust:exact}.st-status-pill__icone,.st-status-pill__point{color:var(--st-couleur-texte-discret)}:host([data-variante=point]){min-block-size:0}.st-status-pill__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:currentcolor;border-radius:var(--st-rayon-pleine)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-primaire) 20%,transparent)}:host([data-ton=primaire]) .st-status-pill__icone,:host([data-ton=primaire]) .st-status-pill__point{color:var(--st-couleur-primaire)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-information) 20%,transparent)}:host([data-ton=information]) .st-status-pill__icone,:host([data-ton=information]) .st-status-pill__point{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}:host([data-ton=succes]) .st-status-pill__icone,:host([data-ton=succes]) .st-status-pill__point{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-avertissement) 20%,transparent)}:host([data-ton=avertissement]) .st-status-pill__icone,:host([data-ton=avertissement]) .st-status-pill__point{color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) color-mix(in srgb,var(--st-couleur-danger) 20%,transparent)}:host([data-ton=danger]) .st-status-pill__icone,:host([data-ton=danger]) .st-status-pill__point{color:var(--st-couleur-danger)}:host([data-taille=sm]){gap:var(--st-espacement-1);min-block-size:0;padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2)}:host([data-casse=capitales]){text-transform:uppercase}:host([data-casse=phrase]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-status-pill__libelle{white-space:normal}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"]
+		}]
+	}],
+	propDecorators: {
+		statut: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "statut",
+				required: true
+			}]
+		}],
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		casse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "casse",
+				required: false
+			}]
+		}]
+	}
+});
+var StBadgeAncre = class StBadgeAncre {
+	position = input("haut-fin", {
+		...ngDevMode ? { debugName: "position" } : 		/* istanbul ignore next */ {},
+		alias: "stBadgeAncre",
+		transform: (valeur) => valeur === "" ? "haut-fin" : valeur
+	});
+	etiquetteDuCompte = input(null, ...ngDevMode ? [{ debugName: "etiquetteDuCompte" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const porteur = inject(ElementRef).nativeElement;
+		afterNextRender({
+			earlyRead: () => porteur.ownerDocument.defaultView?.getComputedStyle(porteur).position,
+			write: (position) => {
+				if (position === "static") porteur.style.position = "relative";
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StBadgeAncre,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StBadgeAncre,
+		isStandalone: true,
+		selector: "[stBadgeAncre]",
+		inputs: {
+			position: {
+				classPropertyName: "position",
+				publicName: "stBadgeAncre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			etiquetteDuCompte: {
+				classPropertyName: "etiquetteDuCompte",
+				publicName: "etiquetteDuCompte",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "st-badge-ancre" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StBadgeAncre,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[stBadgeAncre]",
+			host: { class: "st-badge-ancre" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stBadgeAncre",
+				required: false
+			}]
+		}],
+		etiquetteDuCompte: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquetteDuCompte",
+				required: false
+			}]
+		}]
+	}
+});
+var StBadge = class StBadge {
+	ancre = inject(StBadgeAncre, { optional: true });
+	valeur = input(null, ...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	max = input(99, {
+		...ngDevMode ? { debugName: "max" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	ton = input("danger", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	point = input(false, {
+		...ngDevMode ? { debugName: "point" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	texte = computed(() => {
+		if (this.point()) return "";
+		const valeur = this.valeur();
+		if (valeur === null) return "";
+		if (typeof valeur === "string") return valeur;
+		return valeur > this.max() ? `${this.max().toString()}+` : valeur.toString();
+	}, ...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
+	vide = computed(() => !this.point() && this.texte() === "", ...ngDevMode ? [{ debugName: "vide" }] : 	/* istanbul ignore next */ []);
+	etiquetteDuCompte = computed(() => {
+		const etiquette = this.ancre?.etiquetteDuCompte() ?? null;
+		return etiquette === null || etiquette.trim() === "" ? null : etiquette;
+	}, ...ngDevMode ? [{ debugName: "etiquetteDuCompte" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StBadge,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StBadge,
+		isStandalone: true,
+		selector: "st-badge",
+		inputs: {
+			valeur: {
+				classPropertyName: "valeur",
+				publicName: "valeur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			point: {
+				classPropertyName: "point",
+				publicName: "point",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.aria-hidden": "etiquetteDuCompte() === null ? \"true\" : null",
+				"attr.data-ton": "ton()",
+				"attr.data-point": "point() ? \"\" : null",
+				"attr.data-vide": "vide() ? \"\" : null",
+				"attr.data-ancre": "ancre?.position() ?? null"
+			},
+			classAttribute: "st-badge"
+		},
+		ngImport: i0,
+		template: "<span class=\"st-badge__chiffre\" aria-hidden=\"true\">{{ texte() }}</span>\n@if (etiquetteDuCompte(); as etiquette) {\n  <span class=\"st-vh\">{{ etiquette }}</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{box-sizing:border-box;display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);padding-inline:var(--st-espacement-1-5);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-grasse);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-sur-danger);white-space:nowrap;background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos)}:host([data-ancre=haut-fin]),:host([data-ancre=haut-debut]){position:absolute;inset-block-start:var(--st-espacement-1-5)}:host([data-ancre=haut-fin]){inset-inline-end:var(--st-espacement-1-5);translate:50% -50%}:host([data-ancre=haut-fin]:dir(rtl)){translate:-50% -50%}:host([data-ancre=haut-debut]){inset-inline-start:var(--st-espacement-1-5);translate:-50% -50%}:host([data-ancre=haut-debut]:dir(rtl)){translate:50% -50%}:host([data-vide]){visibility:hidden}:host([data-point]){inline-size:var(--st-espacement-2-5);min-inline-size:0;block-size:var(--st-espacement-2-5);padding:0;box-shadow:0 0 0 var(--st-epaisseur-moyenne) var(--st-couleur-surface)}:host([data-point][data-ancre]){translate:none}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText}:host([data-point]){forced-color-adjust:none;outline:0;background:CanvasText;box-shadow:0 0 0 var(--st-epaisseur-moyenne) Canvas}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StBadge,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-badge",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-badge",
+				"[attr.aria-hidden]": "etiquetteDuCompte() === null ? \"true\" : null",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-point]": "point() ? \"\" : null",
+				"[attr.data-vide]": "vide() ? \"\" : null",
+				"[attr.data-ancre]": "ancre?.position() ?? null"
+			},
+			template: "<span class=\"st-badge__chiffre\" aria-hidden=\"true\">{{ texte() }}</span>\n@if (etiquetteDuCompte(); as etiquette) {\n  <span class=\"st-vh\">{{ etiquette }}</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{box-sizing:border-box;display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:var(--st-espacement-5);block-size:var(--st-espacement-5);padding-inline:var(--st-espacement-1-5);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-grasse);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-sur-danger);white-space:nowrap;background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos)}:host([data-ancre=haut-fin]),:host([data-ancre=haut-debut]){position:absolute;inset-block-start:var(--st-espacement-1-5)}:host([data-ancre=haut-fin]){inset-inline-end:var(--st-espacement-1-5);translate:50% -50%}:host([data-ancre=haut-fin]:dir(rtl)){translate:-50% -50%}:host([data-ancre=haut-debut]){inset-inline-start:var(--st-espacement-1-5);translate:-50% -50%}:host([data-ancre=haut-debut]:dir(rtl)){translate:50% -50%}:host([data-vide]){visibility:hidden}:host([data-point]){inline-size:var(--st-espacement-2-5);min-inline-size:0;block-size:var(--st-espacement-2-5);padding:0;box-shadow:0 0 0 var(--st-epaisseur-moyenne) var(--st-couleur-surface)}:host([data-point][data-ancre]){translate:none}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText}:host([data-point]){forced-color-adjust:none;outline:0;background:CanvasText;box-shadow:0 0 0 var(--st-epaisseur-moyenne) Canvas}}\n"]
+		}]
+	}],
+	propDecorators: {
+		valeur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valeur",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		point: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "point",
+				required: false
+			}]
+		}]
+	}
+});
+const ST_CROCHETS_DE_GROUPE = new InjectionToken("st.crochets-de-groupe");
+var StTag = class StTag {
+	element = inject(ElementRef);
+	libelles = inject(ST_LIBELLES);
+	groupe = inject(ST_CROCHETS_DE_GROUPE, { optional: true });
+	role = partagerLaValeur(this.element.nativeElement, "role", () => this.groupe?.roleDesEtiquettes === "listitem" && this.role.deLAppelant() === null ? "listitem" : null);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	supprimable = input(false, {
+		...ngDevMode ? { debugName: "supprimable" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	variante = input("discrete", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	police = input("texte", ...ngDevMode ? [{ debugName: "police" }] : 	/* istanbul ignore next */ []);
+	casse = input("phrase", ...ngDevMode ? [{ debugName: "casse" }] : 	/* istanbul ignore next */ []);
+	point = input(false, {
+		...ngDevMode ? { debugName: "point" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : 	/* istanbul ignore next */ []);
+	supprime = output();
+	constructor() {
+		inject(DestroyRef).onDestroy(this.role.liberer);
+	}
+	retirable = computed(() => {
+		const retirable = this.supprimable() && this.taille() === "md";
+		if (this.supprimable() && !retirable && isDevMode()) console.warn("st-tag : le retrait n existe qu en taille md (cible de 24 px au moins).");
+		return retirable;
+	}, ...ngDevMode ? [{ debugName: "retirable" }] : 	/* istanbul ignore next */ []);
+	libelleDeSuppression = computed(() => this.libelles().retirerLEtiquette(this.libelleAffiche()), ...ngDevMode ? [{ debugName: "libelleDeSuppression" }] : 	/* istanbul ignore next */ []);
+	libelleAffiche = computed(() => sansCommandesDeDirection(this.libelle()), ...ngDevMode ? [{ debugName: "libelleAffiche" }] : 	/* istanbul ignore next */ []);
+	auRetrait() {
+		const voisine = this.voisineRetirable();
+		if (this.groupe === null) (voisine ?? this.ancetreFocalisable())?.focus();
+		else this.groupe.retraitDemande(this.libelle(), voisine);
+		this.supprime.emit();
+	}
+	auClavier(evenement) {
+		evenement.preventDefault();
+		this.auRetrait();
+	}
+	voisineRetirable() {
+		const hote = this.element.nativeElement;
+		const retraitDe = (voisin) => {
+			if (voisin.tagName.toLowerCase() !== "st-tag") return null;
+			const bouton = voisin.querySelector(".st-tag__retrait");
+			return bouton instanceof HTMLElement ? bouton : null;
+		};
+		const parcourir = (depart, pas) => {
+			for (let voisin = depart; voisin !== null; voisin = pas(voisin)) {
+				const bouton = retraitDe(voisin);
+				if (bouton !== null) return bouton;
+			}
+			return null;
+		};
+		return parcourir(hote.nextElementSibling, (element) => element.nextElementSibling) ?? parcourir(hote.previousElementSibling, (element) => element.previousElementSibling);
+	}
+	ancetreFocalisable() {
+		const ancetre = this.element.nativeElement.parentElement?.closest("[tabindex]");
+		return ancetre instanceof HTMLElement ? ancetre : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StTag,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StTag,
+		isStandalone: true,
+		selector: "st-tag",
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			supprimable: {
+				classPropertyName: "supprimable",
+				publicName: "supprimable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			taille: {
+				classPropertyName: "taille",
+				publicName: "taille",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			police: {
+				classPropertyName: "police",
+				publicName: "police",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			casse: {
+				classPropertyName: "casse",
+				publicName: "casse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			point: {
+				classPropertyName: "point",
+				publicName: "point",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconeAvant: {
+				classPropertyName: "iconeAvant",
+				publicName: "iconeAvant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { supprime: "supprime" },
+		host: {
+			properties: {
+				"attr.data-ton": "ton()",
+				"attr.data-taille": "taille()",
+				"attr.data-variante": "variante()",
+				"attr.data-police": "police()",
+				"attr.data-casse": "casse()",
+				"attr.data-supprimable": "retirable() ? \"\" : null"
+			},
+			classAttribute: "st-tag"
+		},
+		ngImport: i0,
+		template: "@if (point()) {\n  <span class=\"st-tag__point\"></span>\n}\n@if (iconeAvant(); as icone) {\n  <st-icon class=\"st-tag__icone\" [icone]=\"icone\" taille=\"14\" />\n}\n<bdi class=\"st-tag__libelle\">{{ libelleAffiche() }}</bdi>\n\n@if (retirable()) {\n  <button\n    stIconButton\n    class=\"st-tag__retrait\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    tailleDuGlyphe=\"16\"\n    [etiquette]=\"libelleDeSuppression()\"\n    (click)=\"auRetrait()\"\n    (keydown.delete)=\"auClavier($event)\"\n    (keydown.backspace)=\"auClavier($event)\"\n  ></button>\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{box-sizing:border-box;display:inline-flex;gap:var(--st-espacement-1-5);align-items:center;padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}:host([data-taille=sm]){gap:var(--st-espacement-1);padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2)}:host([data-police=mono]){font-family:var(--st-police-mono)}:host([data-casse=capitales]){text-transform:uppercase}:host([data-casse=phrase]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-tag__point{flex:none;inline-size:var(--st-espacement-1-5);block-size:var(--st-espacement-1-5);background:currentcolor;border-radius:var(--st-rayon-pleine)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-ton=primaire]) .st-tag__point{color:var(--st-couleur-primaire)}:host([data-ton=information]) .st-tag__point{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-tag__point{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-tag__point{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-tag__point{color:var(--st-couleur-danger)}:host([data-variante=attenuee][data-ton=primaire]){color:var(--st-couleur-sur-primaire-attenue);background:var(--st-couleur-primaire-attenue)}:host([data-variante=pleine]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=primaire]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-tag__point{color:inherit}:host([data-supprimable]){padding-block:var(--st-espacement-1);padding-inline-end:var(--st-espacement-1)}.st-tag__retrait{min-inline-size:var(--st-cible-min);min-block-size:var(--st-cible-min);position:relative}.st-tag__retrait:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}@media(pointer:coarse){.st-tag__retrait{min-inline-size:var(--st-cible-min);min-block-size:var(--st-cible-min)}}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIconButton,
+			selector: "button[stIconButton]",
+			inputs: [
+				"icone",
+				"etiquette",
+				"variante",
+				"taille",
+				"tailleDuGlyphe",
+				"enfonce",
+				"iconeEnfoncee",
+				"chargement",
+				"indisponible",
+				"raisonIndisponible"
+			]
+		}, {
+			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: StTag,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-tag",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIconButton, StIcon],
+			host: {
+				class: "st-tag",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-taille]": "taille()",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-police]": "police()",
+				"[attr.data-casse]": "casse()",
+				"[attr.data-supprimable]": "retirable() ? \"\" : null"
+			},
+			template: "@if (point()) {\n  <span class=\"st-tag__point\"></span>\n}\n@if (iconeAvant(); as icone) {\n  <st-icon class=\"st-tag__icone\" [icone]=\"icone\" taille=\"14\" />\n}\n<bdi class=\"st-tag__libelle\">{{ libelleAffiche() }}</bdi>\n\n@if (retirable()) {\n  <button\n    stIconButton\n    class=\"st-tag__retrait\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    tailleDuGlyphe=\"16\"\n    [etiquette]=\"libelleDeSuppression()\"\n    (click)=\"auRetrait()\"\n    (keydown.delete)=\"auClavier($event)\"\n    (keydown.backspace)=\"auClavier($event)\"\n  ></button>\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{box-sizing:border-box;display:inline-flex;gap:var(--st-espacement-1-5);align-items:center;padding-block:var(--st-espacement-1);padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}:host([data-taille=sm]){gap:var(--st-espacement-1);padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2)}:host([data-police=mono]){font-family:var(--st-police-mono)}:host([data-casse=capitales]){text-transform:uppercase}:host([data-casse=phrase]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-tag__point{flex:none;inline-size:var(--st-espacement-1-5);block-size:var(--st-espacement-1-5);background:currentcolor;border-radius:var(--st-rayon-pleine)}:host([data-ton=primaire]){color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-ton=primaire]) .st-tag__point{color:var(--st-couleur-primaire)}:host([data-ton=information]) .st-tag__point{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-tag__point{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-tag__point{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-tag__point{color:var(--st-couleur-danger)}:host([data-variante=attenuee][data-ton=primaire]){color:var(--st-couleur-sur-primaire-attenue);background:var(--st-couleur-primaire-attenue)}:host([data-variante=pleine]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=primaire]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-tag__point{color:inherit}:host([data-supprimable]){padding-block:var(--st-espacement-1);padding-inline-end:var(--st-espacement-1)}.st-tag__retrait{min-inline-size:var(--st-cible-min);min-block-size:var(--st-cible-min);position:relative}.st-tag__retrait:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}@media(pointer:coarse){.st-tag__retrait{min-inline-size:var(--st-cible-min);min-block-size:var(--st-cible-min)}}@media(forced-colors:active){:host{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		supprimable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "supprimable",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		taille: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "taille",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		police: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "police",
+				required: false
+			}]
+		}],
+		casse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "casse",
+				required: false
+			}]
+		}],
+		point: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "point",
+				required: false
+			}]
+		}],
+		iconeAvant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconeAvant",
+				required: false
+			}]
+		}],
+		supprime: [{
+			type: i0.Output,
+			args: ["supprime"]
+		}]
+	}
+});
+var StGroupeDEtiquettes = class StGroupeDEtiquettes {
+	libelles = inject(ST_LIBELLES);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	liste = viewChild.required("liste", ...ngDevMode ? [{ debugName: "liste" }] : 	/* istanbul ignore next */ []);
+	annoncerLeRetrait(libelle) {
+		this.annonce.annoncer(this.libelles().etiquetteRetiree(libelle));
+	}
+	recevoirLeFocus() {
+		this.liste().nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StGroupeDEtiquettes,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: StGroupeDEtiquettes,
+		isStandalone: true,
+		selector: "[stGroupeDEtiquettes]",
+		inputs: { etiquette: {
+			classPropertyName: "etiquette",
+			publicName: "etiquette",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "st-groupe-d-etiquettes" },
+		providers: [{
+			provide: ST_CROCHETS_DE_GROUPE,
+			useFactory: () => {
+				const groupe = inject(StGroupeDEtiquettes);
+				return {
+					roleDesEtiquettes: "listitem",
+					retraitDemande: (libelle, voisine) => {
+						if (voisine === null) groupe.recevoirLeFocus();
+						else voisine.focus();
+						groupe.annoncerLeRetrait(libelle);
+					}
+				};
+			}
+		}],
+		viewQueries: [{
+			propertyName: "liste",
+			first: true,
+			predicate: ["liste"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div\n  #liste\n  class=\"st-groupe-d-etiquettes__liste\"\n  role=\"list\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"etiquette()\"\n>\n  <ng-content />\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-groupe-d-etiquettes__liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2);overflow-x:clip}.st-groupe-d-etiquettes__liste:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StGroupeDEtiquettes,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[stGroupeDEtiquettes]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: ST_CROCHETS_DE_GROUPE,
+				useFactory: () => {
+					const groupe = inject(StGroupeDEtiquettes);
+					return {
+						roleDesEtiquettes: "listitem",
+						retraitDemande: (libelle, voisine) => {
+							if (voisine === null) groupe.recevoirLeFocus();
+							else voisine.focus();
+							groupe.annoncerLeRetrait(libelle);
+						}
+					};
+				}
+			}],
+			host: { class: "st-groupe-d-etiquettes" },
+			template: "<div\n  #liste\n  class=\"st-groupe-d-etiquettes__liste\"\n  role=\"list\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"etiquette()\"\n>\n  <ng-content />\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-groupe-d-etiquettes__liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2);overflow-x:clip}.st-groupe-d-etiquettes__liste:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}\n"]
+		}]
+	}],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: false
+			}]
+		}],
+		liste: [{
+			type: i0.ViewChild,
+			args: ["liste", { isSignal: true }]
+		}]
+	}
+});
+const ST_CHAMP_A_ETIQUETTES = new InjectionToken("st.champ-a-etiquettes");
+const CROCHETS_DU_GROUPE = {
+	roleDesEtiquettes: null,
+	retraitDemande: () => void 0
+};
+var StTagGroup = class StTagGroup {
+	libelles = inject(ST_LIBELLES);
+	document = inject(DOCUMENT);
+	injecteur = inject(Injector);
+	champ = inject(ST_CHAMP_A_ETIQUETTES, { optional: true });
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	elements = input([], ...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
+	supprime = output();
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	liste = viewChild("liste", ...ngDevMode ? [{ debugName: "liste" }] : 	/* istanbul ignore next */ []);
+	enAttente = null;
+	constructor() {
+		effect(() => {
+			const elements = this.elements();
+			const attente = this.enAttente;
+			if (attente === null) return;
+			if (elements.some((element) => element.valeur === attente.valeur)) return;
+			this.enAttente = null;
+			untracked(() => {
+				this.annoncer(this.libelles().etiquetteRetiree(attente.libelle));
+			});
+			afterNextRender(() => {
+				this.rendreLeFocus(attente);
+			}, { injector: this.injecteur });
+		});
+	}
+	retirer(element, indice) {
+		this.enAttente = {
+			valeur: element.valeur,
+			libelle: element.libelle,
+			indice,
+			declencheur: this.document.activeElement
+		};
+		this.supprime.emit(element.valeur);
+	}
+	annoncer(message) {
+		if (this.champ === null) this.annonce.annoncer(message);
+		else this.champ.annoncer(message);
+	}
+	rendreLeFocus(attente) {
+		const actif = this.document.activeElement;
+		if (!(actif === null || actif === this.document.body || !actif.isConnected) && actif !== attente.declencheur) return;
+		const liste = this.liste()?.nativeElement;
+		const elements = liste === void 0 ? [] : [...liste.children];
+		const retraitDe = (indice) => elements[indice]?.querySelector(".st-tag__retrait") ?? null;
+		for (let indice = attente.indice; indice < elements.length; indice += 1) {
+			const bouton = retraitDe(indice);
+			if (bouton !== null) {
+				bouton.focus();
+				return;
+			}
+		}
+		for (let indice = Math.min(attente.indice, elements.length) - 1; indice >= 0; indice -= 1) {
+			const bouton = retraitDe(indice);
+			if (bouton !== null) {
+				bouton.focus();
+				return;
+			}
+		}
+		if (this.champ !== null) this.champ.recevoirLeFocus();
+		else liste?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StTagGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StTagGroup,
+		isStandalone: true,
+		selector: "st-tag-group",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			elements: {
+				classPropertyName: "elements",
+				publicName: "elements",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { supprime: "supprime" },
+		host: { classAttribute: "st-tag-group" },
+		providers: [{
+			provide: ST_CROCHETS_DE_GROUPE,
+			useValue: CROCHETS_DU_GROUPE
+		}],
+		viewQueries: [{
+			propertyName: "liste",
+			first: true,
+			predicate: ["liste"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<!-- Dans un champ (`st-tag-input`), une liste vide n'est pas rendue : le focus de repli y va au\n     champ. Seule, elle reste, focalisable par script : la derniere etiquette retiree y pose le\n     focus. `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n     2026-09-27, D-1). -->\n@if (champ === null || elements().length > 0) {\n  <ul #liste class=\"st-tag-group__liste\" role=\"list\" tabindex=\"-1\" [attr.aria-label]=\"etiquette()\">\n    @for (element of elements(); track element.valeur; let indice = $index) {\n      <li class=\"st-tag-group__element\">\n        <st-tag\n          [libelle]=\"element.libelle\"\n          [ton]=\"element.ton ?? 'neutre'\"\n          [supprimable]=\"element.supprimable ?? false\"\n          (supprime)=\"retirer(element, indice)\"\n        />\n      </li>\n    }\n  </ul>\n}\n<!-- La region vit dans le GROUPE, hors de la liste : l'etiquette retiree quitte le document avant\n     son annonce. Dans un champ, c'est la region du champ qui parle (D81). -->\n@if (champ === null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ 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}.st-tag-group__liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none;overflow-x:clip}.st-tag-group__liste:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-group__element{display:flex;max-inline-size:100%}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StTag,
+			selector: "st-tag",
+			inputs: [
+				"libelle",
+				"supprimable",
+				"ton",
+				"taille",
+				"variante",
+				"police",
+				"casse",
+				"point",
+				"iconeAvant"
+			],
+			outputs: ["supprime"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StTagGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-tag-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StTag],
+			providers: [{
+				provide: ST_CROCHETS_DE_GROUPE,
+				useValue: CROCHETS_DU_GROUPE
+			}],
+			host: { class: "st-tag-group" },
+			template: "<!-- Dans un champ (`st-tag-input`), une liste vide n'est pas rendue : le focus de repli y va au\n     champ. Seule, elle reste, focalisable par script : la derniere etiquette retiree y pose le\n     focus. `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n     2026-09-27, D-1). -->\n@if (champ === null || elements().length > 0) {\n  <ul #liste class=\"st-tag-group__liste\" role=\"list\" tabindex=\"-1\" [attr.aria-label]=\"etiquette()\">\n    @for (element of elements(); track element.valeur; let indice = $index) {\n      <li class=\"st-tag-group__element\">\n        <st-tag\n          [libelle]=\"element.libelle\"\n          [ton]=\"element.ton ?? 'neutre'\"\n          [supprimable]=\"element.supprimable ?? false\"\n          (supprime)=\"retirer(element, indice)\"\n        />\n      </li>\n    }\n  </ul>\n}\n<!-- La region vit dans le GROUPE, hors de la liste : l'etiquette retiree quitte le document avant\n     son annonce. Dans un champ, c'est la region du champ qui parle (D81). -->\n@if (champ === null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ 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}.st-tag-group__liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2);padding:0;margin:0;list-style:none;overflow-x:clip}.st-tag-group__liste:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-group__element{display:flex;max-inline-size:100%}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		elements: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "elements",
+				required: false
+			}]
+		}],
+		supprime: [{
+			type: i0.Output,
+			args: ["supprime"]
+		}],
+		liste: [{
+			type: i0.ViewChild,
+			args: ["liste", { isSignal: true }]
+		}]
+	}
+});
+export { ST_CHAMP_A_ETIQUETTES, StBadge, StBadgeAncre, StGroupeDEtiquettes, StStatusPill, StTag, StTagGroup };
+
+//# sourceMappingURL=starterlib-ui-indicateurs.mjs.map