@starterlib/ui 0.8.0 → 0.9.1

package/fesm2022/starterlib-ui-arbre.mjs

@@ -1,82 +1,475 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, model, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { Tree, TreeItem, TreeItemGroup } from '@angular/aria/tree';
-import { StIcon } from '@starterlib/ui';
-
-/**
- * Arbre de donnees hierarchiques, sur `@angular/aria/tree` : dossiers, plan
- * comptable, organisation.
- *
- * ```html
- * <st-tree etiquette="Plan comptable" [noeuds]="comptes" [(selection)]="compte" [(deplies)]="ouverts" />
- * ```
- *
- * ⚠️ **Jamais pour la navigation du site** (UX-17) : une navigation est une liste
- * de liens, que le lecteur d'ecran liste et parcourt comme telle. Un arbre se
- * parcourt aux fleches, un element a la fois, et ses elements ne sont pas des
- * liens. Le mode « navigation » de la primitive n'est donc pas expose.
- *
- * ⚠️ **Les noeuds sont rendus par le composant, a partir de donnees** (FE-6) : la
- * primitive relie un element a son arbre par injection, et un contenu projete
- * garde l'injecteur de l'endroit ou il est ecrit — lecon de `st-menu`.
- *
- * Clavier de la primitive : fleches haut et bas entre les elements visibles,
- * droite pour deplier ou entrer, gauche pour replier ou remonter, Debut et Fin,
- * recherche a la frappe ; Espace ou Entree choisit. Selection et depliage sont des
- * listes de VALEURS, lisibles et restaurables par l'application.
- */
-class StTree {
-    /** Nom de l'arbre, lu a l'entree. Obligatoire. */
-    etiquette = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
-    noeuds = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "noeuds" }] : /* istanbul ignore next */ []));
-    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    selection = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-    deplies = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "deplies" }] : /* istanbul ignore next */ []));
-    /** La primitive attend un tableau modifiable ; le modele est en lecture seule. */
-    valeursChoisies = computed(() => [...this.selection()], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valeursChoisies" }] : /* istanbul ignore next */ []));
-    ensembleDeplie = computed(() => new Set(this.deplies()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ensembleDeplie" }] : /* istanbul ignore next */ []));
-    estDeplie(noeud) {
-        return this.ensembleDeplie().has(noeud.valeur);
-    }
-    surDepliage(noeud, deplie) {
-        const deplies = this.deplies().filter((valeur) => valeur !== noeud.valeur);
-        this.deplies.set(deplie ? [...deplies, noeud.valeur] : deplies);
-    }
-    surSelection(valeurs) {
-        this.selection.set([...valeurs]);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTree, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StTree, isStandalone: true, selector: "st-tree", inputs: { etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: true, transformFunction: null }, noeuds: { classPropertyName: "noeuds", publicName: "noeuds", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, deplies: { classPropertyName: "deplies", publicName: "deplies", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", deplies: "depliesChange" }, host: { classAttribute: "st-tree" }, ngImport: i0, template: "<ul\n  #arbre=\"ngTree\"\n  class=\"st-tree__racine\"\n  ngTree\n  selectionMode=\"explicit\"\n  [attr.aria-label]=\"etiquette()\"\n  [multi]=\"multiple()\"\n  [value]=\"valeursChoisies()\"\n  (valueChange)=\"surSelection($event)\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"niveau; context: { noeuds: noeuds(), parent: arbre, niveau: 1 }\"\n  />\n</ul>\n\n<ng-template #niveau let-noeuds=\"noeuds\" let-parent=\"parent\" let-profondeur=\"niveau\">\n  @for (noeud of noeuds; track noeud.valeur) {\n    <li\n      #element=\"ngTreeItem\"\n      class=\"st-tree__element\"\n      ngTreeItem\n      [parent]=\"parent\"\n      [value]=\"noeud.valeur\"\n      [label]=\"noeud.libelle\"\n      [disabled]=\"noeud.desactive === true\"\n      [expanded]=\"estDeplie(noeud)\"\n      [style.--st-arbre-niveau]=\"profondeur\"\n      (expandedChange)=\"surDepliage(noeud, $event)\"\n    >\n      @if (noeud.enfants?.length) {\n        <st-icon\n          class=\"st-tree__chevron\"\n          taille=\"sm\"\n          [nom]=\"estDeplie(noeud) ? 'chevron-bas' : 'chevron-droite'\"\n        />\n      } @else {\n        <span class=\"st-tree__espace\"></span>\n      }\n      <span class=\"st-tree__libelle\">{{ noeud.libelle }}</span>\n      <st-icon class=\"st-tree__coche\" nom=\"coche\" taille=\"sm\" />\n    </li>\n    @if (noeud.enfants?.length) {\n      <ul class=\"st-tree__groupe\" role=\"group\">\n        <ng-template ngTreeItemGroup [ownedBy]=\"element\" #groupe=\"ngTreeItemGroup\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              niveau;\n              context: { noeuds: noeud.enfants, parent: groupe, niveau: profondeur + 1 }\n            \"\n          />\n        </ng-template>\n      </ul>\n    }\n  }\n</ng-template>\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-tree__racine,.st-tree__groupe{padding:0;margin:0;list-style:none}.st-tree__element{display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-cible-tactile-min);padding-inline:calc((var(--st-arbre-niveau, 1) - 1) * 1.5rem + var(--st-espacement-2)) var(--st-espacement-2);cursor:pointer;border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-tree__element:hover{background:var(--st-couleur-surface-survol)}}.st-tree__element:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:-2px}.st-tree__element[aria-selected=true]{font-weight:var(--st-graisse-semi);background:var(--st-couleur-primaire-discret)}.st-tree__element[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-tree__chevron,.st-tree__espace{flex:none;inline-size:1rem}.st-tree__coche{margin-inline-start:auto;visibility:hidden}[aria-selected=true]>.st-tree__coche{visibility:visible}.st-tree__groupe:empty{display:none}\n"], dependencies: [{ kind: "directive", type: Tree, selector: "[ngTree]", inputs: ["id", "orientation", "multi", "disabled", "selectionMode", "focusMode", "wrap", "softDisabled", "typeaheadDelay", "tabindex", "value", "nav", "currentType"], outputs: ["valueChange"], exportAs: ["ngTree"] }, { kind: "directive", type: TreeItem, selector: "[ngTreeItem]", inputs: ["id", "value", "parent", "disabled", "selectable", "expanded", "label"], outputs: ["expandedChange"], exportAs: ["ngTreeItem"] }, { kind: "directive", type: TreeItemGroup, selector: "ng-template[ngTreeItemGroup]", inputs: ["ownedBy"], exportAs: ["ngTreeItemGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "sprite", "nomMetier", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, InjectionToken, booleanAttribute, computed, inject, input, model, output } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { Tree, TreeItem, TreeItemGroup } from "@angular/aria/tree";
+import { ST_LIBELLES, ST_LOCALE, ST_MONTANTS_MASQUES, StEmpty, StIcon, StSpinner, affichageDiffere, catalogueDuPointDEntree } from "@starterlib/ui";
+import { sansCommandesDeDirection } from "@starterlib/util";
+const LIBELLES_ARBRE_FR = {
+	aucunElement: "Aucun élément",
+	elementsAuNombreDe: (nombre, enChiffres) => `${enChiffres} ${nombre <= 1 ? "élément" : "éléments"}`,
+	partiellementSelectionne: "partiellement sélectionné"
+};
+const LIBELLES_ARBRE_EN = {
+	aucunElement: "No items",
+	elementsAuNombreDe: (nombre, enChiffres) => `${enChiffres} ${nombre === 1 ? "item" : "items"}`,
+	partiellementSelectionne: "partially selected"
+};
+const ST_LIBELLES_ARBRE = new InjectionToken("ST_LIBELLES_ARBRE", {
+	providedIn: "root",
+	factory: () => ({
+		fr: LIBELLES_ARBRE_FR,
+		en: LIBELLES_ARBRE_EN
+	})
+});
+function fournirLibellesArbre(catalogues) {
+	return {
+		provide: ST_LIBELLES_ARBRE,
+		useValue: {
+			fr: LIBELLES_ARBRE_FR,
+			en: LIBELLES_ARBRE_EN,
+			...catalogues
+		}
+	};
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTree, decorators: [{
-            type: Component,
-            args: [{ selector: 'st-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Tree, TreeItem, TreeItemGroup, NgTemplateOutlet, StIcon], host: { class: 'st-tree' }, template: "<ul\n  #arbre=\"ngTree\"\n  class=\"st-tree__racine\"\n  ngTree\n  selectionMode=\"explicit\"\n  [attr.aria-label]=\"etiquette()\"\n  [multi]=\"multiple()\"\n  [value]=\"valeursChoisies()\"\n  (valueChange)=\"surSelection($event)\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"niveau; context: { noeuds: noeuds(), parent: arbre, niveau: 1 }\"\n  />\n</ul>\n\n<ng-template #niveau let-noeuds=\"noeuds\" let-parent=\"parent\" let-profondeur=\"niveau\">\n  @for (noeud of noeuds; track noeud.valeur) {\n    <li\n      #element=\"ngTreeItem\"\n      class=\"st-tree__element\"\n      ngTreeItem\n      [parent]=\"parent\"\n      [value]=\"noeud.valeur\"\n      [label]=\"noeud.libelle\"\n      [disabled]=\"noeud.desactive === true\"\n      [expanded]=\"estDeplie(noeud)\"\n      [style.--st-arbre-niveau]=\"profondeur\"\n      (expandedChange)=\"surDepliage(noeud, $event)\"\n    >\n      @if (noeud.enfants?.length) {\n        <st-icon\n          class=\"st-tree__chevron\"\n          taille=\"sm\"\n          [nom]=\"estDeplie(noeud) ? 'chevron-bas' : 'chevron-droite'\"\n        />\n      } @else {\n        <span class=\"st-tree__espace\"></span>\n      }\n      <span class=\"st-tree__libelle\">{{ noeud.libelle }}</span>\n      <st-icon class=\"st-tree__coche\" nom=\"coche\" taille=\"sm\" />\n    </li>\n    @if (noeud.enfants?.length) {\n      <ul class=\"st-tree__groupe\" role=\"group\">\n        <ng-template ngTreeItemGroup [ownedBy]=\"element\" #groupe=\"ngTreeItemGroup\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              niveau;\n              context: { noeuds: noeud.enfants, parent: groupe, niveau: profondeur + 1 }\n            \"\n          />\n        </ng-template>\n      </ul>\n    }\n  }\n</ng-template>\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-tree__racine,.st-tree__groupe{padding:0;margin:0;list-style:none}.st-tree__element{display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-cible-tactile-min);padding-inline:calc((var(--st-arbre-niveau, 1) - 1) * 1.5rem + var(--st-espacement-2)) var(--st-espacement-2);cursor:pointer;border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-tree__element:hover{background:var(--st-couleur-surface-survol)}}.st-tree__element:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:-2px}.st-tree__element[aria-selected=true]{font-weight:var(--st-graisse-semi);background:var(--st-couleur-primaire-discret)}.st-tree__element[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-tree__chevron,.st-tree__espace{flex:none;inline-size:1rem}.st-tree__coche{margin-inline-start:auto;visibility:hidden}[aria-selected=true]>.st-tree__coche{visibility:visible}.st-tree__groupe:empty{display:none}\n"] }]
-        }], propDecorators: { etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: true }] }], noeuds: [{ type: i0.Input, args: [{ isSignal: true, alias: "noeuds", required: true }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], deplies: [{ type: i0.Input, args: [{ isSignal: true, alias: "deplies", required: false }] }, { type: i0.Output, args: ["depliesChange"] }] } });
-
-/**
- * @starterlib/ui/arbre — l'arborescence deroulante.
- *
- * ⚠️ Detache de `@starterlib/ui/interactions` (ADR 0031, decision 2). Pair
- * lourd de ce point d'entree, et le seul : `@angular/aria/tree`.
- *
- * ⚠️ En federation, ce point d'entree se partage SEPAREMENT : c'est un
- * specificateur de module distinct.
- *
- * ```ts
- * import { StTree } from '@starterlib/ui/arbre';
- * ```
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
+function libellesDeLArbre() {
+	const catalogue = catalogueDeLArbre();
+	return computed(() => catalogue().libelles);
+}
+function catalogueDeLArbre() {
+	return catalogueDuPointDEntree("@starterlib/ui/arbre", inject(ST_LIBELLES_ARBRE), LIBELLES_ARBRE_FR, "fournirLibellesArbre");
+}
+var StTreeAttente = class StTreeAttente {
+	actif = input(false, {
+		...ngDevMode ? { debugName: "actif" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	visible = affichageDiffere(() => this.actif());
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StTreeAttente,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StTreeAttente,
+		isStandalone: true,
+		selector: "st-tree-attente",
+		inputs: { actif: {
+			classPropertyName: "actif",
+			publicName: "actif",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "st-tree__chargement" },
+		ngImport: i0,
+		template: "@if (visible()) {\n  <st-spinner taille=\"sm\" />\n}\n",
+		dependencies: [{
+			kind: "component",
+			type: StSpinner,
+			selector: "st-spinner",
+			inputs: [
+				"taille",
+				"ton",
+				"etiquette",
+				"icone"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StTreeAttente,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-tree-attente",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StSpinner],
+			host: { class: "st-tree__chargement" },
+			template: "@if (visible()) {\n  <st-spinner taille=\"sm\" />\n}\n"
+		}]
+	}],
+	propDecorators: { actif: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "actif",
+			required: false
+		}]
+	}] }
+});
+function tousLesNoeuds(noeuds) {
+	const vus = [];
+	const pile = [...noeuds].reverse();
+	for (let noeud = pile.pop(); noeud !== void 0; noeud = pile.pop()) {
+		vus.push(noeud);
+		for (let rang = (noeud.enfants?.length ?? 0) - 1; rang >= 0; rang -= 1) {
+			const enfant = noeud.enfants?.[rang];
+			if (enfant !== void 0) pile.push(enfant);
+		}
+	}
+	return vus;
+}
+function aDesIcones(noeuds) {
+	return tousLesNoeuds(noeuds).some((noeud) => Boolean(noeud.icone ?? noeud.iconeDepliee));
+}
+var StTree = class StTree {
+	affichable = sansCommandesDeDirection;
+	locale = inject(ST_LOCALE);
+	catalogue = catalogueDeLArbre();
+	libelles = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libelles" }] : 	/* istanbul ignore next */ []);
+	libellesUi = inject(ST_LIBELLES);
+	montantsMasques = inject(ST_MONTANTS_MASQUES);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	noeuds = input.required(...ngDevMode ? [{ debugName: "noeuds" }] : 	/* istanbul ignore next */ []);
+	multiple = input(false, {
+		...ngDevMode ? { debugName: "multiple" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : 	/* istanbul ignore next */ []);
+	descriptionVide = input(null, ...ngDevMode ? [{ debugName: "descriptionVide" }] : 	/* istanbul ignore next */ []);
+	niveauDuTitreVide = input(3, ...ngDevMode ? [{ debugName: "niveauDuTitreVide" }] : 	/* istanbul ignore next */ []);
+	selection = model([], ...ngDevMode ? [{ debugName: "selection" }] : 	/* istanbul ignore next */ []);
+	deplies = model([], ...ngDevMode ? [{ debugName: "deplies" }] : 	/* istanbul ignore next */ []);
+	chargementDemande = output();
+	valeursChoisies = computed(() => [...this.selection()], ...ngDevMode ? [{ debugName: "valeursChoisies" }] : 	/* istanbul ignore next */ []);
+	ensembleDeplie = computed(() => new Set(this.deplies()), ...ngDevMode ? [{ debugName: "ensembleDeplie" }] : 	/* istanbul ignore next */ []);
+	ensembleChoisi = computed(() => new Set(this.selection()), ...ngDevMode ? [{ debugName: "ensembleChoisi" }] : 	/* istanbul ignore next */ []);
+	formatDesComptes = computed(() => new Intl.NumberFormat(this.locale()), ...ngDevMode ? [{ debugName: "formatDesComptes" }] : 	/* istanbul ignore next */ []);
+	avecIcones = computed(() => aDesIcones(this.noeuds()), ...ngDevMode ? [{ debugName: "avecIcones" }] : 	/* istanbul ignore next */ []);
+	texteDuVide = computed(() => this.texteVide() ?? this.libelles().aucunElement, ...ngDevMode ? [{ debugName: "texteDuVide" }] : 	/* istanbul ignore next */ []);
+	langueDuVide = computed(() => this.texteVide() === null && this.descriptionVide() === null ? this.catalogue().langueDeRepli : null, ...ngDevMode ? [{ debugName: "langueDuVide" }] : 	/* istanbul ignore next */ []);
+	estDeplie(noeud) {
+		return this.ensembleDeplie().has(noeud.valeur);
+	}
+	estParent(noeud) {
+		return (noeud.enfants?.length ?? 0) > 0 || noeud.aDesEnfants === true;
+	}
+	parentsPartiels = computed(() => {
+		const partiels = /* @__PURE__ */ new Set();
+		const choisis = this.ensembleChoisi();
+		if (!this.multiple() || choisis.size === 0) return partiels;
+		const contientUnChoix = /* @__PURE__ */ new Set();
+		for (const noeud of tousLesNoeuds(this.noeuds()).reverse()) {
+			if (!(noeud.enfants ?? []).some((enfant) => choisis.has(enfant.valeur) || contientUnChoix.has(enfant.valeur))) continue;
+			contientUnChoix.add(noeud.valeur);
+			if (!choisis.has(noeud.valeur)) partiels.add(noeud.valeur);
+		}
+		return partiels;
+	}, ...ngDevMode ? [{ debugName: "parentsPartiels" }] : 	/* istanbul ignore next */ []);
+	estPartiel(noeud) {
+		return this.parentsPartiels().has(noeud.valeur);
+	}
+	complementMasque(noeud) {
+		return noeud.complementMontant === true && this.montantsMasques();
+	}
+	iconeDe(noeud) {
+		if (this.estDeplie(noeud)) return noeud.iconeDepliee ?? noeud.icone ?? null;
+		return noeud.icone ?? null;
+	}
+	compteDe(compte) {
+		return this.formatDesComptes().format(compte);
+	}
+	nomDe(noeud) {
+		const parties = [sansCommandesDeDirection(noeud.libelle)];
+		if (noeud.compte !== void 0 && noeud.compte !== null) parties.push(this.libelles().elementsAuNombreDe(noeud.compte, this.compteDe(noeud.compte)));
+		if (noeud.complement) parties.push(this.complementMasque(noeud) ? this.libellesUi().montantMasque : sansCommandesDeDirection(noeud.complement));
+		if (this.estPartiel(noeud)) parties.push(this.libelles().partiellementSelectionne);
+		return parties.join(", ");
+	}
+	surDepliage(noeud, deplie) {
+		const deplies = this.deplies().filter((valeur) => valeur !== noeud.valeur);
+		this.deplies.set(deplie ? [...deplies, noeud.valeur] : deplies);
+		if (deplie && noeud.aDesEnfants === true && (noeud.enfants?.length ?? 0) === 0) this.chargementDemande.emit(noeud.valeur);
+	}
+	surSelection(valeurs) {
+		this.selection.set([...valeurs]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StTree,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StTree,
+		isStandalone: true,
+		selector: "st-tree",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			noeuds: {
+				classPropertyName: "noeuds",
+				publicName: "noeuds",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			texteVide: {
+				classPropertyName: "texteVide",
+				publicName: "texteVide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			descriptionVide: {
+				classPropertyName: "descriptionVide",
+				publicName: "descriptionVide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			niveauDuTitreVide: {
+				classPropertyName: "niveauDuTitreVide",
+				publicName: "niveauDuTitreVide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selection: {
+				classPropertyName: "selection",
+				publicName: "selection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			deplies: {
+				classPropertyName: "deplies",
+				publicName: "deplies",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selection: "selectionChange",
+			deplies: "depliesChange",
+			chargementDemande: "chargementDemande"
+		},
+		host: { classAttribute: "st-tree" },
+		ngImport: i0,
+		template: "@if (noeuds().length === 0) {\n  <!-- L'etat vide du canon (D26, D68) : du contenu statique, et non une region vivante. Son\n       `lang`, quand le catalogue retombe sur le francais et ecrit seul le titre (D-29). -->\n  <st-empty\n    class=\"st-tree__vide\"\n    taille=\"sm\"\n    icone=\"dossier-barre\"\n    [attr.lang]=\"langueDuVide()\"\n    [titre]=\"texteDuVide()\"\n    [description]=\"descriptionVide()\"\n    [niveauDuTitre]=\"niveauDuTitreVide()\"\n  />\n} @else {\n  <ul\n    #arbre=\"ngTree\"\n    class=\"st-tree__racine\"\n    ngTree\n    selectionMode=\"explicit\"\n    [attr.aria-label]=\"etiquette()\"\n    [multi]=\"multiple()\"\n    [value]=\"valeursChoisies()\"\n    (valueChange)=\"surSelection($event)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"niveau; context: { noeuds: noeuds(), parent: arbre, niveau: 1 }\"\n    />\n  </ul>\n}\n\n<ng-template #niveau let-noeuds=\"noeuds\" let-parent=\"parent\" let-profondeur=\"niveau\">\n  @for (noeud of noeuds; track noeud.valeur) {\n    <!-- Le nom de l'element est le sien, jamais le texte de ses enfants (le groupe est DANS lui). -->\n    <li\n      #element=\"ngTreeItem\"\n      class=\"st-tree__element\"\n      ngTreeItem\n      [parent]=\"parent\"\n      [value]=\"noeud.valeur\"\n      [label]=\"noeud.libelle\"\n      [disabled]=\"noeud.desactive === true\"\n      [selectable]=\"noeud.selectionnable !== false\"\n      [expanded]=\"estDeplie(noeud)\"\n      [attr.aria-label]=\"nomDe(noeud)\"\n      [attr.aria-busy]=\"noeud.chargement ? 'true' : null\"\n      [attr.data-parent]=\"estParent(noeud) ? '' : null\"\n      [attr.data-partiel]=\"estPartiel(noeud) ? '' : null\"\n      [style.--st-arbre-niveau]=\"profondeur\"\n      (expandedChange)=\"surDepliage(noeud, $event)\"\n    >\n      <div class=\"st-tree__ligne\">\n        <!-- La tete (chevron, icone, libelle), d'un bloc et premiere sur sa ligne : c'est la fin\n             qui passe dessous quand la place manque, jamais le libelle. -->\n        <span class=\"st-tree__tete\">\n          <span class=\"st-tree__bascule\">\n            @if (estParent(noeud)) {\n              <st-icon class=\"st-tree__chevron\" nom=\"chevron-droite\" taille=\"18\" />\n            } @else {\n              <span class=\"st-tree__point\"></span>\n            }\n          </span>\n          @if (iconeDe(noeud); as icone) {\n            <st-icon class=\"st-tree__icone\" taille=\"18\" [icone]=\"icone\" />\n          } @else if (avecIcones()) {\n            <!-- La colonne des icones est tenue sur chaque ligne des qu'un noeud en porte une. -->\n            <span class=\"st-tree__icone st-tree__icone--vide\"></span>\n          }\n          <span class=\"st-tree__libelle\" dir=\"auto\">{{ affichable(noeud.libelle) }}</span>\n        </span>\n        <!-- La fin de ligne, d'un bloc : quand elle ne tient pas a cote du libelle entier, elle passe\n             dessous, alignee a la fin, plutot que d'ecraser le libelle lettre a lettre. -->\n        <span class=\"st-tree__fin\">\n          @if (noeud.compte !== undefined && noeud.compte !== null) {\n            <span class=\"st-tree__compte\">{{ compteDe(noeud.compte) }}</span>\n          }\n          @if (noeud.complement) {\n            @if (complementMasque(noeud)) {\n              <!-- Masque avec les montants de l'ecran : ni chiffre, ni ton (le ton dirait le signe). -->\n              <span class=\"st-tree__complement\" aria-hidden=\"true\">&bull;&bull;&bull;&bull;</span>\n            } @else {\n              <span\n                class=\"st-tree__complement\"\n                dir=\"auto\"\n                [attr.data-ton]=\"noeud.tonDuComplement ?? null\"\n                >{{ affichable(noeud.complement) }}</span\n              >\n            }\n          }\n          @if (noeud.aDesEnfants || noeud.chargement) {\n            <st-tree-attente [actif]=\"noeud.chargement === true\" />\n          }\n          <!-- La selection se dit aussi par la forme, dans une case tenue sur chaque ligne (rien\n               ne bouge quand on choisit) : le cercle coche plein, ou le cercle moins d'un parent\n               en partie choisi. -->\n          @if (estPartiel(noeud)) {\n            <st-icon class=\"st-tree__coche\" nom=\"cercle-moins\" taille=\"16\" />\n          } @else {\n            <st-icon class=\"st-tree__coche\" nom=\"cercle-coche\" variante=\"plein\" taille=\"16\" />\n          }\n        </span>\n      </div>\n      @if (estParent(noeud)) {\n        <ul class=\"st-tree__groupe\" role=\"group\">\n          <ng-template ngTreeItemGroup [ownedBy]=\"element\" #groupe=\"ngTreeItemGroup\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                niveau;\n                context: { noeuds: noeud.enfants ?? [], parent: groupe, niveau: profondeur + 1 }\n              \"\n            />\n          </ng-template>\n        </ul>\n      }\n    </li>\n  }\n</ng-template>\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}.st-tree__racine,.st-tree__groupe{padding:0;margin:0;list-style:none}.st-tree__racine{padding-block:var(--st-espacement-1)}.st-tree__groupe{position:relative}.st-tree__groupe:empty{display:none}.st-tree__groupe:before{position:absolute;inset-block:0 calc(var(--st-hauteur-commande-defaut) / 2);inset-inline-start:calc(var(--st-espacement-5) + (var(--st-arbre-niveau, 1) - 1) * var(--st-espacement-6));inline-size:var(--st-epaisseur-capillaire);pointer-events:none;content:\"\";background:var(--st-couleur-bordure)}.st-tree__element{font-weight:var(--st-graisse-normale);outline:none}.st-tree__element:focus-visible>.st-tree__ligne{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-tree__element[data-parent]{font-weight:var(--st-graisse-moyenne)}.st-tree__racine>.st-tree__element[data-parent]{font-weight:var(--st-graisse-semi)}.st-tree__racine>.st-tree__element+.st-tree__element{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-tree__ligne{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-1);padding-inline:calc(var(--st-espacement-2) + (var(--st-arbre-niveau, 1) - 1) * var(--st-espacement-6)) var(--st-espacement-2);font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte);cursor:pointer}.st-tree__racine>.st-tree__element:where([aria-expanded=false]:not([aria-selected=true]))>.st-tree__ligne{background:color-mix(in srgb,var(--st-couleur-surface-conteneur-bas) 60%,transparent)}@media(hover:hover){.st-tree__element:not([aria-disabled=true],[aria-selected=true])>.st-tree__ligne:hover{background:var(--st-couleur-surface-survol)}}.st-tree__element:not([aria-disabled=true])>.st-tree__ligne:active{background:var(--st-couleur-surface-active)}.st-tree__bascule{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6)}.st-tree__chevron,.st-tree__icone{flex:none;color:var(--st-couleur-texte-discret)}.st-tree__racine>.st-tree__element>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone),.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron{color:var(--st-couleur-texte)}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__icone,.st-tree__element[aria-busy=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone){color:var(--st-couleur-primaire)}.st-tree__chevron{transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron{rotate:90deg}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron:dir(rtl){rotate:-90deg}.st-tree__icone--vide{inline-size:1.125rem}.st-tree__point{inline-size:var(--st-espacement-1-5);block-size:var(--st-espacement-1-5);background:var(--st-couleur-texte-attenue);border-radius:var(--st-rayon-pleine)}.st-tree__tete{display:flex;flex:1 1 auto;gap:var(--st-espacement-1-5);align-items:center;min-inline-size:0}.st-tree__libelle{flex:1 1 auto;min-inline-size:0;overflow-wrap:anywhere}.st-tree__fin{display:inline-flex;flex:none;gap:var(--st-espacement-1-5);align-items:center;margin-inline-start:auto}.st-tree__compte{flex:none;padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-tree__complement{flex:none;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-normale);font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte-discret)}.st-tree__complement[data-ton=positif]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-positif)}.st-tree__chargement{display:contents}.st-tree__coche{flex:none;color:var(--st-couleur-primaire);visibility:hidden}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__coche,.st-tree__element[data-partiel]>.st-tree__ligne .st-tree__coche{visibility:visible}.st-tree__element[aria-selected=true]>.st-tree__ligne{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-tree__element[aria-selected=true]>.st-tree__ligne:before{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);content:\"\";background:var(--st-couleur-bordure-selection)}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__point{background:var(--st-couleur-primaire)}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__complement{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-tree__element[aria-disabled=true]>.st-tree__ligne{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-tree__element[aria-disabled=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone,.st-tree__complement){color:var(--st-couleur-texte-desactive)}.st-tree__element[aria-disabled=true]>.st-tree__ligne .st-tree__point{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-tree__element[aria-selected=true]>.st-tree__ligne{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-tree__element[aria-selected=true]>.st-tree__ligne:before{background:HighlightText}.st-tree__element[aria-selected=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone,.st-tree__compte,.st-tree__complement,.st-tree__coche){color:HighlightText}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__compte{background:Highlight}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__point{background:HighlightText}.st-tree__groupe:before{background:CanvasText}}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: Tree,
+				selector: "[ngTree]",
+				inputs: [
+					"id",
+					"orientation",
+					"multi",
+					"disabled",
+					"selectionMode",
+					"focusMode",
+					"wrap",
+					"softDisabled",
+					"typeaheadDelay",
+					"tabindex",
+					"value",
+					"nav",
+					"currentType"
+				],
+				outputs: ["valueChange"],
+				exportAs: ["ngTree"]
+			},
+			{
+				kind: "directive",
+				type: TreeItem,
+				selector: "[ngTreeItem]",
+				inputs: [
+					"id",
+					"value",
+					"parent",
+					"disabled",
+					"selectable",
+					"expanded",
+					"label"
+				],
+				outputs: ["expandedChange"],
+				exportAs: ["ngTreeItem"]
+			},
+			{
+				kind: "directive",
+				type: TreeItemGroup,
+				selector: "ng-template[ngTreeItemGroup]",
+				inputs: ["ownedBy"],
+				exportAs: ["ngTreeItemGroup"]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: StEmpty,
+				selector: "st-empty",
+				inputs: [
+					"titre",
+					"description",
+					"icone",
+					"niveauDuTitre",
+					"taille",
+					"variante"
+				]
+			},
+			{
+				kind: "component",
+				type: StIcon,
+				selector: "st-icon",
+				inputs: [
+					"icone",
+					"nom",
+					"variante",
+					"sprite",
+					"nomMetier",
+					"taille",
+					"ton",
+					"etiquette",
+					"miroir"
+				]
+			},
+			{
+				kind: "component",
+				type: StTreeAttente,
+				selector: "st-tree-attente",
+				inputs: ["actif"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StTree,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-tree",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				Tree,
+				TreeItem,
+				TreeItemGroup,
+				NgTemplateOutlet,
+				StEmpty,
+				StIcon,
+				StTreeAttente
+			],
+			host: { class: "st-tree" },
+			template: "@if (noeuds().length === 0) {\n  <!-- L'etat vide du canon (D26, D68) : du contenu statique, et non une region vivante. Son\n       `lang`, quand le catalogue retombe sur le francais et ecrit seul le titre (D-29). -->\n  <st-empty\n    class=\"st-tree__vide\"\n    taille=\"sm\"\n    icone=\"dossier-barre\"\n    [attr.lang]=\"langueDuVide()\"\n    [titre]=\"texteDuVide()\"\n    [description]=\"descriptionVide()\"\n    [niveauDuTitre]=\"niveauDuTitreVide()\"\n  />\n} @else {\n  <ul\n    #arbre=\"ngTree\"\n    class=\"st-tree__racine\"\n    ngTree\n    selectionMode=\"explicit\"\n    [attr.aria-label]=\"etiquette()\"\n    [multi]=\"multiple()\"\n    [value]=\"valeursChoisies()\"\n    (valueChange)=\"surSelection($event)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"niveau; context: { noeuds: noeuds(), parent: arbre, niveau: 1 }\"\n    />\n  </ul>\n}\n\n<ng-template #niveau let-noeuds=\"noeuds\" let-parent=\"parent\" let-profondeur=\"niveau\">\n  @for (noeud of noeuds; track noeud.valeur) {\n    <!-- Le nom de l'element est le sien, jamais le texte de ses enfants (le groupe est DANS lui). -->\n    <li\n      #element=\"ngTreeItem\"\n      class=\"st-tree__element\"\n      ngTreeItem\n      [parent]=\"parent\"\n      [value]=\"noeud.valeur\"\n      [label]=\"noeud.libelle\"\n      [disabled]=\"noeud.desactive === true\"\n      [selectable]=\"noeud.selectionnable !== false\"\n      [expanded]=\"estDeplie(noeud)\"\n      [attr.aria-label]=\"nomDe(noeud)\"\n      [attr.aria-busy]=\"noeud.chargement ? 'true' : null\"\n      [attr.data-parent]=\"estParent(noeud) ? '' : null\"\n      [attr.data-partiel]=\"estPartiel(noeud) ? '' : null\"\n      [style.--st-arbre-niveau]=\"profondeur\"\n      (expandedChange)=\"surDepliage(noeud, $event)\"\n    >\n      <div class=\"st-tree__ligne\">\n        <!-- La tete (chevron, icone, libelle), d'un bloc et premiere sur sa ligne : c'est la fin\n             qui passe dessous quand la place manque, jamais le libelle. -->\n        <span class=\"st-tree__tete\">\n          <span class=\"st-tree__bascule\">\n            @if (estParent(noeud)) {\n              <st-icon class=\"st-tree__chevron\" nom=\"chevron-droite\" taille=\"18\" />\n            } @else {\n              <span class=\"st-tree__point\"></span>\n            }\n          </span>\n          @if (iconeDe(noeud); as icone) {\n            <st-icon class=\"st-tree__icone\" taille=\"18\" [icone]=\"icone\" />\n          } @else if (avecIcones()) {\n            <!-- La colonne des icones est tenue sur chaque ligne des qu'un noeud en porte une. -->\n            <span class=\"st-tree__icone st-tree__icone--vide\"></span>\n          }\n          <span class=\"st-tree__libelle\" dir=\"auto\">{{ affichable(noeud.libelle) }}</span>\n        </span>\n        <!-- La fin de ligne, d'un bloc : quand elle ne tient pas a cote du libelle entier, elle passe\n             dessous, alignee a la fin, plutot que d'ecraser le libelle lettre a lettre. -->\n        <span class=\"st-tree__fin\">\n          @if (noeud.compte !== undefined && noeud.compte !== null) {\n            <span class=\"st-tree__compte\">{{ compteDe(noeud.compte) }}</span>\n          }\n          @if (noeud.complement) {\n            @if (complementMasque(noeud)) {\n              <!-- Masque avec les montants de l'ecran : ni chiffre, ni ton (le ton dirait le signe). -->\n              <span class=\"st-tree__complement\" aria-hidden=\"true\">&bull;&bull;&bull;&bull;</span>\n            } @else {\n              <span\n                class=\"st-tree__complement\"\n                dir=\"auto\"\n                [attr.data-ton]=\"noeud.tonDuComplement ?? null\"\n                >{{ affichable(noeud.complement) }}</span\n              >\n            }\n          }\n          @if (noeud.aDesEnfants || noeud.chargement) {\n            <st-tree-attente [actif]=\"noeud.chargement === true\" />\n          }\n          <!-- La selection se dit aussi par la forme, dans une case tenue sur chaque ligne (rien\n               ne bouge quand on choisit) : le cercle coche plein, ou le cercle moins d'un parent\n               en partie choisi. -->\n          @if (estPartiel(noeud)) {\n            <st-icon class=\"st-tree__coche\" nom=\"cercle-moins\" taille=\"16\" />\n          } @else {\n            <st-icon class=\"st-tree__coche\" nom=\"cercle-coche\" variante=\"plein\" taille=\"16\" />\n          }\n        </span>\n      </div>\n      @if (estParent(noeud)) {\n        <ul class=\"st-tree__groupe\" role=\"group\">\n          <ng-template ngTreeItemGroup [ownedBy]=\"element\" #groupe=\"ngTreeItemGroup\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                niveau;\n                context: { noeuds: noeud.enfants ?? [], parent: groupe, niveau: profondeur + 1 }\n              \"\n            />\n          </ng-template>\n        </ul>\n      }\n    </li>\n  }\n</ng-template>\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}.st-tree__racine,.st-tree__groupe{padding:0;margin:0;list-style:none}.st-tree__racine{padding-block:var(--st-espacement-1)}.st-tree__groupe{position:relative}.st-tree__groupe:empty{display:none}.st-tree__groupe:before{position:absolute;inset-block:0 calc(var(--st-hauteur-commande-defaut) / 2);inset-inline-start:calc(var(--st-espacement-5) + (var(--st-arbre-niveau, 1) - 1) * var(--st-espacement-6));inline-size:var(--st-epaisseur-capillaire);pointer-events:none;content:\"\";background:var(--st-couleur-bordure)}.st-tree__element{font-weight:var(--st-graisse-normale);outline:none}.st-tree__element:focus-visible>.st-tree__ligne{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-tree__element[data-parent]{font-weight:var(--st-graisse-moyenne)}.st-tree__racine>.st-tree__element[data-parent]{font-weight:var(--st-graisse-semi)}.st-tree__racine>.st-tree__element+.st-tree__element{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-tree__ligne{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-1);padding-inline:calc(var(--st-espacement-2) + (var(--st-arbre-niveau, 1) - 1) * var(--st-espacement-6)) var(--st-espacement-2);font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte);cursor:pointer}.st-tree__racine>.st-tree__element:where([aria-expanded=false]:not([aria-selected=true]))>.st-tree__ligne{background:color-mix(in srgb,var(--st-couleur-surface-conteneur-bas) 60%,transparent)}@media(hover:hover){.st-tree__element:not([aria-disabled=true],[aria-selected=true])>.st-tree__ligne:hover{background:var(--st-couleur-surface-survol)}}.st-tree__element:not([aria-disabled=true])>.st-tree__ligne:active{background:var(--st-couleur-surface-active)}.st-tree__bascule{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6)}.st-tree__chevron,.st-tree__icone{flex:none;color:var(--st-couleur-texte-discret)}.st-tree__racine>.st-tree__element>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone),.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron{color:var(--st-couleur-texte)}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__icone,.st-tree__element[aria-busy=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone){color:var(--st-couleur-primaire)}.st-tree__chevron{transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron{rotate:90deg}.st-tree__element[aria-expanded=true]>.st-tree__ligne .st-tree__chevron:dir(rtl){rotate:-90deg}.st-tree__icone--vide{inline-size:1.125rem}.st-tree__point{inline-size:var(--st-espacement-1-5);block-size:var(--st-espacement-1-5);background:var(--st-couleur-texte-attenue);border-radius:var(--st-rayon-pleine)}.st-tree__tete{display:flex;flex:1 1 auto;gap:var(--st-espacement-1-5);align-items:center;min-inline-size:0}.st-tree__libelle{flex:1 1 auto;min-inline-size:0;overflow-wrap:anywhere}.st-tree__fin{display:inline-flex;flex:none;gap:var(--st-espacement-1-5);align-items:center;margin-inline-start:auto}.st-tree__compte{flex:none;padding-block:var(--st-espacement-demi);padding-inline:var(--st-espacement-2);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-pleine)}.st-tree__complement{flex:none;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-normale);font-variant-numeric:var(--st-chiffres-alignes);color:var(--st-couleur-texte-discret)}.st-tree__complement[data-ton=positif]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-positif)}.st-tree__chargement{display:contents}.st-tree__coche{flex:none;color:var(--st-couleur-primaire);visibility:hidden}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__coche,.st-tree__element[data-partiel]>.st-tree__ligne .st-tree__coche{visibility:visible}.st-tree__element[aria-selected=true]>.st-tree__ligne{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-tree__element[aria-selected=true]>.st-tree__ligne:before{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);content:\"\";background:var(--st-couleur-bordure-selection)}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__point{background:var(--st-couleur-primaire)}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__complement{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-tree__element[aria-disabled=true]>.st-tree__ligne{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-tree__element[aria-disabled=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone,.st-tree__complement){color:var(--st-couleur-texte-desactive)}.st-tree__element[aria-disabled=true]>.st-tree__ligne .st-tree__point{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-tree__element[aria-selected=true]>.st-tree__ligne{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-tree__element[aria-selected=true]>.st-tree__ligne:before{background:HighlightText}.st-tree__element[aria-selected=true]>.st-tree__ligne :is(.st-tree__chevron,.st-tree__icone,.st-tree__compte,.st-tree__complement,.st-tree__coche){color:HighlightText}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__compte{background:Highlight}.st-tree__element[aria-selected=true]>.st-tree__ligne .st-tree__point{background:HighlightText}.st-tree__groupe:before{background:CanvasText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		noeuds: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "noeuds",
+				required: true
+			}]
+		}],
+		multiple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiple",
+				required: false
+			}]
+		}],
+		texteVide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "texteVide",
+				required: false
+			}]
+		}],
+		descriptionVide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "descriptionVide",
+				required: false
+			}]
+		}],
+		niveauDuTitreVide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "niveauDuTitreVide",
+				required: false
+			}]
+		}],
+		selection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selection",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		deplies: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deplies",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["depliesChange"]
+		}],
+		chargementDemande: [{
+			type: i0.Output,
+			args: ["chargementDemande"]
+		}]
+	}
+});
+export { LIBELLES_ARBRE_EN, LIBELLES_ARBRE_FR, ST_LIBELLES_ARBRE, StTree, catalogueDeLArbre, fournirLibellesArbre, libellesDeLArbre };
 
-export { StTree };
-//# sourceMappingURL=starterlib-ui-arbre.mjs.map
+//# sourceMappingURL=starterlib-ui-arbre.mjs.map