@starterlib/ui 0.9.0 → 0.10.0

package/fesm2022/starterlib-ui-mise-en-page.mjs

@@ -0,0 +1,892 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, afterEveryRender, afterNextRender, booleanAttribute, contentChildren, effect, inject, input, isDevMode, signal, viewChild } from "@angular/core";
+import { ST_LIBELLES, StButton, StIcon, StIconButton, StIdentifiants, StLink, partagerLaValeur } from "@starterlib/ui";
+import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
+var StSection = class StSection {
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	titreDe = input(null, ...ngDevMode ? [{ debugName: "titreDe" }] : 	/* istanbul ignore next */ []);
+	espacement = input("md", ...ngDevMode ? [{ debugName: "espacement" }] : 	/* istanbul ignore next */ []);
+	surtitre = input(null, ...ngDevMode ? [{ debugName: "surtitre" }] : 	/* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
+	element = inject(ElementRef).nativeElement;
+	nommeePar = partagerLaValeur(this.element, "aria-labelledby", () => this.titreDe());
+	nom = partagerLaValeur(this.element, "aria-label", () => this.titreDe() === null ? this.etiquette() : null);
+	constructor() {
+		const destruction = inject(DestroyRef);
+		destruction.onDestroy(this.nommeePar.liberer);
+		destruction.onDestroy(this.nom.liberer);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StSection,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StSection,
+		isStandalone: true,
+		selector: "section[stSection]",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titreDe: {
+				classPropertyName: "titreDe",
+				publicName: "titreDe",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			espacement: {
+				classPropertyName: "espacement",
+				publicName: "espacement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			surtitre: {
+				classPropertyName: "surtitre",
+				publicName: "surtitre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-espacement": "espacement()" },
+			classAttribute: "st-section"
+		},
+		ngImport: i0,
+		template: "<div class=\"st-section__entete\">\n  <div class=\"st-section__titraille\">\n    @if (surtitre(); as surtitre) {\n      <p class=\"st-section__surtitre\">{{ surtitre }}</p>\n    }\n    <ng-content select=\"[titre]\" />\n    @if (description(); as description) {\n      <p class=\"st-section__description\">{{ description }}</p>\n    }\n  </div>\n  <div class=\"st-section__fin\"><ng-content select=\"[fin]\" /></div>\n</div>\n<ng-content />\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}:host([data-espacement=aucun]){margin-block-end:0}:host([data-espacement=sm]){margin-block-end:var(--st-espacement-4)}:host([data-espacement=md]){margin-block-end:var(--st-espacement-6)}:host([data-espacement=lg]){margin-block-end:var(--st-espacement-8)}.st-section__entete{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-section__entete:not(:has(>:not(:empty))){display:none}.st-section__titraille{display:flex;flex-direction:column;min-inline-size:0}.st-section__titraille:empty,.st-section__fin:empty{display:none}.st-section__surtitre{margin:0;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;color:var(--st-couleur-texte-attenue)}.st-section__description{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-section__fin{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StSection,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "section[stSection]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-section",
+				"[attr.data-espacement]": "espacement()"
+			},
+			template: "<div class=\"st-section__entete\">\n  <div class=\"st-section__titraille\">\n    @if (surtitre(); as surtitre) {\n      <p class=\"st-section__surtitre\">{{ surtitre }}</p>\n    }\n    <ng-content select=\"[titre]\" />\n    @if (description(); as description) {\n      <p class=\"st-section__description\">{{ description }}</p>\n    }\n  </div>\n  <div class=\"st-section__fin\"><ng-content select=\"[fin]\" /></div>\n</div>\n<ng-content />\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}:host([data-espacement=aucun]){margin-block-end:0}:host([data-espacement=sm]){margin-block-end:var(--st-espacement-4)}:host([data-espacement=md]){margin-block-end:var(--st-espacement-6)}:host([data-espacement=lg]){margin-block-end:var(--st-espacement-8)}.st-section__entete{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-section__entete:not(:has(>:not(:empty))){display:none}.st-section__titraille{display:flex;flex-direction:column;min-inline-size:0}.st-section__titraille:empty,.st-section__fin:empty{display:none}.st-section__surtitre{margin:0;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;color:var(--st-couleur-texte-attenue)}.st-section__description{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-section__fin{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: false
+			}]
+		}],
+		titreDe: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titreDe",
+				required: false
+			}]
+		}],
+		espacement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "espacement",
+				required: false
+			}]
+		}],
+		surtitre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "surtitre",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}]
+	}
+});
+var StDivider = class StDivider {
+	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
+	variante = input("filet", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	porteurDeSens = input(false, {
+		...ngDevMode ? { debugName: "porteurDeSens" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	avecTexte = signal(false, ...ngDevMode ? [{ debugName: "avecTexte" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const hote = inject(ElementRef).nativeElement;
+		afterEveryRender({ read: () => {
+			const texte = hote.textContent.trim() !== "";
+			if (texte !== this.avecTexte()) this.avecTexte.set(texte);
+		} });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StDivider,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: StDivider,
+		isStandalone: true,
+		selector: "st-divider",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			porteurDeSens: {
+				classPropertyName: "porteurDeSens",
+				publicName: "porteurDeSens",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.role": "porteurDeSens() && !avecTexte() ? \"separator\" : null",
+				"attr.aria-hidden": "porteurDeSens() || avecTexte() ? null : \"true\"",
+				"attr.aria-orientation": "porteurDeSens() && !avecTexte() && orientation() === \"verticale\" ? \"vertical\" : null",
+				"attr.data-orientation": "orientation()",
+				"attr.data-variante": "variante()",
+				"attr.data-avec-texte": "avecTexte() ? \"\" : null",
+				"attr.data-porteur": "porteurDeSens() ? \"\" : null"
+			},
+			classAttribute: "st-divider"
+		},
+		ngImport: i0,
+		template: "<!-- Le texte d'un separateur a texte (lot 214) ; sans texte, rien : l'hote est le trait. -->\n<ng-content />\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;flex:none;background:var(--st-couleur-bordure);border:0}:host([data-orientation=horizontale]){inline-size:100%;block-size:var(--st-epaisseur-capillaire);margin-block:var(--st-separateur-marge, var(--st-espacement-4))}:host([data-orientation=verticale]){inline-size:var(--st-epaisseur-capillaire);align-self:stretch;margin-inline:var(--st-separateur-marge, var(--st-espacement-4))}:host([data-variante=tonale]){background:var(--st-couleur-surface-conteneur-haut)}:host([role=separator]){background:var(--st-couleur-bordure-forte)}:host([data-avec-texte][data-orientation=horizontale]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);display:flex;gap:var(--st-espacement-3);align-items:center;block-size:auto;color:var(--st-couleur-texte-attenue);background:none}:host([data-avec-texte][data-orientation=horizontale]):before,:host([data-avec-texte][data-orientation=horizontale]):after{flex:1 1 0;block-size:var(--st-epaisseur-capillaire);content:\"\";background:var(--st-couleur-bordure)}:host([data-avec-texte][data-variante=tonale]):before,:host([data-avec-texte][data-variante=tonale]):after{background:var(--st-couleur-surface-conteneur-haut)}:host([data-avec-texte][data-porteur]):before,:host([data-avec-texte][data-porteur]):after{background:var(--st-couleur-bordure-forte)}@media(forced-colors:active){:host,:host([data-variante]),:host([role=separator]){background:CanvasText}:host([data-avec-texte][data-orientation=horizontale]){background:none}:host([data-avec-texte]):before,:host([data-avec-texte]):after{background:CanvasText}}@media print{:host,:host([data-variante]),:host([role=separator]){background:none;border:0 solid var(--st-couleur-texte)}:host([data-orientation=horizontale]){block-size:0;border-block-start-width:var(--st-epaisseur-fine)}:host([data-orientation=verticale]){inline-size:0;border-inline-start-width:var(--st-epaisseur-fine)}:host([data-avec-texte][data-orientation=horizontale]){block-size:auto;border-block-start-width:0}:host([data-avec-texte]):before,:host([data-avec-texte]):after{block-size:0;background:none;border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StDivider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-divider",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-divider",
+				"[attr.role]": "porteurDeSens() && !avecTexte() ? \"separator\" : null",
+				"[attr.aria-hidden]": "porteurDeSens() || avecTexte() ? null : \"true\"",
+				"[attr.aria-orientation]": "porteurDeSens() && !avecTexte() && orientation() === \"verticale\" ? \"vertical\" : null",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-avec-texte]": "avecTexte() ? \"\" : null",
+				"[attr.data-porteur]": "porteurDeSens() ? \"\" : null"
+			},
+			template: "<!-- Le texte d'un separateur a texte (lot 214) ; sans texte, rien : l'hote est le trait. -->\n<ng-content />\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;flex:none;background:var(--st-couleur-bordure);border:0}:host([data-orientation=horizontale]){inline-size:100%;block-size:var(--st-epaisseur-capillaire);margin-block:var(--st-separateur-marge, var(--st-espacement-4))}:host([data-orientation=verticale]){inline-size:var(--st-epaisseur-capillaire);align-self:stretch;margin-inline:var(--st-separateur-marge, var(--st-espacement-4))}:host([data-variante=tonale]){background:var(--st-couleur-surface-conteneur-haut)}:host([role=separator]){background:var(--st-couleur-bordure-forte)}:host([data-avec-texte][data-orientation=horizontale]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);display:flex;gap:var(--st-espacement-3);align-items:center;block-size:auto;color:var(--st-couleur-texte-attenue);background:none}:host([data-avec-texte][data-orientation=horizontale]):before,:host([data-avec-texte][data-orientation=horizontale]):after{flex:1 1 0;block-size:var(--st-epaisseur-capillaire);content:\"\";background:var(--st-couleur-bordure)}:host([data-avec-texte][data-variante=tonale]):before,:host([data-avec-texte][data-variante=tonale]):after{background:var(--st-couleur-surface-conteneur-haut)}:host([data-avec-texte][data-porteur]):before,:host([data-avec-texte][data-porteur]):after{background:var(--st-couleur-bordure-forte)}@media(forced-colors:active){:host,:host([data-variante]),:host([role=separator]){background:CanvasText}:host([data-avec-texte][data-orientation=horizontale]){background:none}:host([data-avec-texte]):before,:host([data-avec-texte]):after{background:CanvasText}}@media print{:host,:host([data-variante]),:host([role=separator]){background:none;border:0 solid var(--st-couleur-texte)}:host([data-orientation=horizontale]){block-size:0;border-block-start-width:var(--st-epaisseur-fine)}:host([data-orientation=verticale]){inline-size:0;border-inline-start-width:var(--st-epaisseur-fine)}:host([data-avec-texte][data-orientation=horizontale]){block-size:auto;border-block-start-width:0}:host([data-avec-texte]):before,:host([data-avec-texte]):after{block-size:0;background:none;border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		porteurDeSens: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "porteurDeSens",
+				required: false
+			}]
+		}]
+	}
+});
+var StText = class StText {
+	variante = input("corps", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	graisse = input("normale", ...ngDevMode ? [{ debugName: "graisse" }] : 	/* istanbul ignore next */ []);
+	enLigne = input(false, {
+		...ngDevMode ? { debugName: "enLigne" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tronquerA = input(null, ...ngDevMode ? [{ debugName: "tronquerA" }] : 	/* istanbul ignore next */ []);
+	revelable = input(false, {
+		...ngDevMode ? { debugName: "revelable" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	libelles = inject(ST_LIBELLES);
+	identifiantDuContenu = inject(StIdentifiants).prochain("st-texte");
+	ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
+	deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : 	/* istanbul ignore next */ []);
+	zone = viewChild("zone", ...ngDevMode ? [{ debugName: "zone" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		const document = inject(DOCUMENT);
+		effect((nettoyer) => {
+			const zone = this.zone()?.nativeElement;
+			const Observateur = document.defaultView?.ResizeObserver;
+			if (zone === void 0 || Observateur === void 0) return;
+			const observateur = new Observateur(() => {
+				if (this.ouvert()) return;
+				this.deborde.set(zone.scrollHeight > zone.clientHeight + 1);
+			});
+			observateur.observe(zone);
+			nettoyer(() => {
+				observateur.disconnect();
+			});
+		});
+		if (isDevMode()) afterNextRender(() => {
+			if (this.enLigne() && this.tronquerA() !== null) console.error("[st-text] enLigne et tronquerA sont incompatibles : une coupe en lignes exige un bloc. La coupe est ignoree.");
+		});
+	}
+	basculer() {
+		this.ouvert.update((ouvert) => !ouvert);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StText,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StText,
+		isStandalone: true,
+		selector: "st-text",
+		inputs: {
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			graisse: {
+				classPropertyName: "graisse",
+				publicName: "graisse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			enLigne: {
+				classPropertyName: "enLigne",
+				publicName: "enLigne",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tronquerA: {
+				classPropertyName: "tronquerA",
+				publicName: "tronquerA",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			revelable: {
+				classPropertyName: "revelable",
+				publicName: "revelable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-variante": "variante()",
+				"attr.data-graisse": "graisse()",
+				"attr.data-en-ligne": "enLigne() ? \"\" : null",
+				"attr.data-tronque": "tronquerA() === null ? null : \"\"",
+				"attr.data-revelable": "revelable() && tronquerA() !== null ? \"\" : null",
+				"style.--st-text-lignes": "tronquerA()"
+			},
+			classAttribute: "st-text"
+		},
+		viewQueries: [{
+			propertyName: "zone",
+			first: true,
+			predicate: ["zone"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<ng-template #contenu><ng-content /></ng-template>\n@if (revelable() && tronquerA() !== null) {\n  <div\n    #zone\n    class=\"st-text__zone\"\n    [id]=\"identifiantDuContenu\"\n    [attr.data-ouvert]=\"ouvert() ? '' : null\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contenu\" />\n  </div>\n  @if (deborde() || ouvert()) {\n    <button\n      stButton\n      type=\"button\"\n      class=\"st-text__revelation\"\n      variante=\"discret\"\n      taille=\"sm\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"identifiantDuContenu\"\n      (click)=\"basculer()\"\n    >\n      {{ ouvert() ? libelles().reduire : libelles().afficherLaSuite }}\n    </button>\n  }\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contenu\" />\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;margin:0;font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte);max-inline-size:var(--st-largeur-normale)}:host([data-en-ligne]){display:inline;max-inline-size:none}:host([data-variante=corps-sm]){font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}:host([data-variante=discret]){color:var(--st-couleur-texte-discret)}:host([data-variante=legende]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);color:var(--st-couleur-texte-attenue)}:host([data-variante=meta]){font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-attenue);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-variante=mono]){font-family:var(--st-police-mono);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-large);font-variant-numeric:var(--st-chiffres-references);unicode-bidi:isolate;overflow-wrap:anywhere}:host([data-graisse=moyenne]){font-weight:var(--st-graisse-moyenne)}:host([data-graisse=semi]){font-weight:var(--st-graisse-semi)}:host([data-tronque]:not([data-en-ligne],[data-revelable])){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--st-text-lignes, 2);line-clamp:var(--st-text-lignes, 2)}:host([data-revelable]) .st-text__zone:not([data-ouvert]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--st-text-lignes, 2);line-clamp:var(--st-text-lignes, 2)}.st-text__revelation{margin-block-start:var(--st-espacement-1)}@media print{:host([data-tronque]),:host([data-revelable]) .st-text__zone{display:block;overflow:visible;-webkit-line-clamp:none;line-clamp:none}.st-text__revelation{display:none}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}, {
+			kind: "component",
+			type: StButton,
+			selector: "button[stButton]",
+			inputs: [
+				"variante",
+				"taille",
+				"pleineLargeur",
+				"iconeAvant",
+				"iconeApres",
+				"chargement",
+				"indisponible",
+				"raisonIndisponible"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StText,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-text",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [NgTemplateOutlet, StButton],
+			host: {
+				class: "st-text",
+				"[attr.data-variante]": "variante()",
+				"[attr.data-graisse]": "graisse()",
+				"[attr.data-en-ligne]": "enLigne() ? \"\" : null",
+				"[attr.data-tronque]": "tronquerA() === null ? null : \"\"",
+				"[attr.data-revelable]": "revelable() && tronquerA() !== null ? \"\" : null",
+				"[style.--st-text-lignes]": "tronquerA()"
+			},
+			template: "<ng-template #contenu><ng-content /></ng-template>\n@if (revelable() && tronquerA() !== null) {\n  <div\n    #zone\n    class=\"st-text__zone\"\n    [id]=\"identifiantDuContenu\"\n    [attr.data-ouvert]=\"ouvert() ? '' : null\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contenu\" />\n  </div>\n  @if (deborde() || ouvert()) {\n    <button\n      stButton\n      type=\"button\"\n      class=\"st-text__revelation\"\n      variante=\"discret\"\n      taille=\"sm\"\n      [attr.aria-expanded]=\"ouvert()\"\n      [attr.aria-controls]=\"identifiantDuContenu\"\n      (click)=\"basculer()\"\n    >\n      {{ ouvert() ? libelles().reduire : libelles().afficherLaSuite }}\n    </button>\n  }\n} @else {\n  <ng-container [ngTemplateOutlet]=\"contenu\" />\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;margin:0;font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte);max-inline-size:var(--st-largeur-normale)}:host([data-en-ligne]){display:inline;max-inline-size:none}:host([data-variante=corps-sm]){font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}:host([data-variante=discret]){color:var(--st-couleur-texte-discret)}:host([data-variante=legende]){font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);color:var(--st-couleur-texte-attenue)}:host([data-variante=meta]){font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-attenue);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-variante=mono]){font-family:var(--st-police-mono);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-large);font-variant-numeric:var(--st-chiffres-references);unicode-bidi:isolate;overflow-wrap:anywhere}:host([data-graisse=moyenne]){font-weight:var(--st-graisse-moyenne)}:host([data-graisse=semi]){font-weight:var(--st-graisse-semi)}:host([data-tronque]:not([data-en-ligne],[data-revelable])){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--st-text-lignes, 2);line-clamp:var(--st-text-lignes, 2)}:host([data-revelable]) .st-text__zone:not([data-ouvert]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--st-text-lignes, 2);line-clamp:var(--st-text-lignes, 2)}.st-text__revelation{margin-block-start:var(--st-espacement-1)}@media print{:host([data-tronque]),:host([data-revelable]) .st-text__zone{display:block;overflow:visible;-webkit-line-clamp:none;line-clamp:none}.st-text__revelation{display:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		graisse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "graisse",
+				required: false
+			}]
+		}],
+		enLigne: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enLigne",
+				required: false
+			}]
+		}],
+		tronquerA: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tronquerA",
+				required: false
+			}]
+		}],
+		revelable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "revelable",
+				required: false
+			}]
+		}],
+		zone: [{
+			type: i0.ViewChild,
+			args: ["zone", { isSignal: true }]
+		}]
+	}
+});
+var StSettingsRow = class StSettingsRow {
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
+	variante = input("ligne", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
+	identifiants = (() => {
+		const base = inject(StIdentifiants).prochain("st-reglage");
+		return {
+			libelle: `${base}-libelle`,
+			description: `${base}-description`
+		};
+	})();
+	constructor() {
+		if (isDevMode()) {
+			const hote = inject(ElementRef).nativeElement;
+			afterNextRender(() => {
+				avertirDUnControleSansNom(hote, this.libelle());
+			});
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StSettingsRow,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: StSettingsRow,
+		isStandalone: true,
+		selector: "st-settings-row",
+		inputs: {
+			libelle: {
+				classPropertyName: "libelle",
+				publicName: "libelle",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "group" },
+			properties: {
+				"attr.data-variante": "variante()",
+				"attr.aria-labelledby": "identifiants.libelle",
+				"attr.aria-describedby": "description() === null ? null : identifiants.description"
+			},
+			classAttribute: "st-settings-row"
+		},
+		ngImport: i0,
+		template: "<div class=\"st-settings-row__tete\">\n  @if (icone(); as dessin) {\n    <span class=\"st-settings-row__icone\">\n      <st-icon [icone]=\"dessin\" taille=\"20\" [ton]=\"ton()\" />\n    </span>\n  }\n  <div class=\"st-settings-row__texte\">\n    <div class=\"st-settings-row__intitule\">\n      <span class=\"st-settings-row__libelle\" [id]=\"identifiants.libelle\">{{ libelle() }}</span>\n      <ng-content select=\"[suffixe]\" />\n    </div>\n    @if (description(); as texte) {\n      <p class=\"st-settings-row__description\" [id]=\"identifiants.description\">{{ texte }}</p>\n    }\n  </div>\n</div>\n<div class=\"st-settings-row__controle\">\n  <ng-content />\n</div>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center;justify-content:space-between;padding-block:var(--st-espacement-4);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host(:last-of-type){border-block-end:0}.st-settings-row__tete{display:flex;flex:1 1 var(--st-largeur-colonne);gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-settings-row__texte{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-settings-row__intitule{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-settings-row__libelle{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-settings-row__description{max-inline-size:var(--st-largeur-normale);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-settings-row__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);background:var(--st-couleur-surface);border-radius:var(--st-rayon-sm);box-shadow:var(--st-ombre-repos)}.st-settings-row__controle{display:flex;flex:none;align-items:center}:host([data-variante=tuile]){gap:var(--st-espacement-3);padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-block-end:0;border-radius:var(--st-rayon-sm)}:host([data-variante=tuile]) .st-settings-row__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-variante=tuile]) .st-settings-row__description{margin:0}@media(forced-colors:active){:host([data-variante=tuile]){border:var(--st-epaisseur-fine) solid CanvasText}}\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: StSettingsRow,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-settings-row",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon],
+			host: {
+				class: "st-settings-row",
+				role: "group",
+				"[attr.data-variante]": "variante()",
+				"[attr.aria-labelledby]": "identifiants.libelle",
+				"[attr.aria-describedby]": "description() === null ? null : identifiants.description"
+			},
+			template: "<div class=\"st-settings-row__tete\">\n  @if (icone(); as dessin) {\n    <span class=\"st-settings-row__icone\">\n      <st-icon [icone]=\"dessin\" taille=\"20\" [ton]=\"ton()\" />\n    </span>\n  }\n  <div class=\"st-settings-row__texte\">\n    <div class=\"st-settings-row__intitule\">\n      <span class=\"st-settings-row__libelle\" [id]=\"identifiants.libelle\">{{ libelle() }}</span>\n      <ng-content select=\"[suffixe]\" />\n    </div>\n    @if (description(); as texte) {\n      <p class=\"st-settings-row__description\" [id]=\"identifiants.description\">{{ texte }}</p>\n    }\n  </div>\n</div>\n<div class=\"st-settings-row__controle\">\n  <ng-content />\n</div>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center;justify-content:space-between;padding-block:var(--st-espacement-4);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host(:last-of-type){border-block-end:0}.st-settings-row__tete{display:flex;flex:1 1 var(--st-largeur-colonne);gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-settings-row__texte{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-settings-row__intitule{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-settings-row__libelle{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-settings-row__description{max-inline-size:var(--st-largeur-normale);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-settings-row__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);background:var(--st-couleur-surface);border-radius:var(--st-rayon-sm);box-shadow:var(--st-ombre-repos)}.st-settings-row__controle{display:flex;flex:none;align-items:center}:host([data-variante=tuile]){gap:var(--st-espacement-3);padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-block-end:0;border-radius:var(--st-rayon-sm)}:host([data-variante=tuile]) .st-settings-row__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-variante=tuile]) .st-settings-row__description{margin:0}@media(forced-colors:active){:host([data-variante=tuile]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		libelle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelle",
+				required: true
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}]
+	}
+});
+const CONTROLES = "button, input:not([type=\"hidden\"]), select, textarea, a[href], [role=\"switch\"], [role=\"checkbox\"], [role=\"radio\"], [role=\"combobox\"], [role=\"slider\"], [role=\"button\"]";
+function avertirDUnControleSansNom(hote, libelle) {
+	const zone = hote.querySelector(".st-settings-row__controle");
+	if (zone === null) return;
+	for (const controle of Array.from(zone.querySelectorAll(CONTROLES))) if (!aUnNom(controle)) console.warn(`[st-settings-row] "${libelle}" : un controle projete n'a pas de nom accessible (libelle, aria-label ou etiquette associee).`, controle);
+}
+function aUnNom(controle) {
+	if ((controle.getAttribute("aria-label") ?? "").trim() !== "") return true;
+	const references = (controle.getAttribute("aria-labelledby") ?? "").trim();
+	if (references !== "") {
+		const document = controle.ownerDocument;
+		if (references.split(/\s+/).some((id) => (document.getElementById(id)?.textContent ?? "").trim() !== "")) return true;
+	}
+	const etiquettes = Reflect.get(controle, "labels");
+	if (etiquettes && Array.from(etiquettes).some((e) => e.textContent.trim() !== "")) return true;
+	const englobante = controle.closest("label");
+	if (englobante !== null && englobante.textContent.trim() !== "") return true;
+	return !controle.matches("input, select, textarea") && controle.textContent.trim() !== "";
+}
+const SUIT = 4;
+var StButtonGroup = class StButtonGroup {
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
+	attache = input(false, {
+		...ngDevMode ? { debugName: "attache" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	plateau = input(false, {
+		...ngDevMode ? { debugName: "plateau" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	boutons = contentChildren(StButton, {
+		...ngDevMode ? { debugName: "boutons" } : 		/* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	boutonsIcone = contentChildren(StIconButton, {
+		...ngDevMode ? { debugName: "boutonsIcone" } : 		/* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	liens = contentChildren(StLink, {
+		...ngDevMode ? { debugName: "liens" } : 		/* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	taillesDesBoutons = contentChildren(StButton, ...ngDevMode ? [{ debugName: "taillesDesBoutons" }] : 	/* istanbul ignore next */ []);
+	taillesDesBoutonsIcone = contentChildren(StIconButton, ...ngDevMode ? [{ debugName: "taillesDesBoutonsIcone" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const enfants = [
+				...this.boutons(),
+				...this.boutonsIcone(),
+				...this.liens()
+			].map((reference) => reference.nativeElement).sort((a, b) => a.compareDocumentPosition(b) & SUIT ? -1 : 1);
+			const attache = this.attache();
+			const axe = this.orientation() === "verticale" ? "vertical" : "horizontal";
+			enfants.forEach((enfant, rang) => {
+				if (!attache) {
+					enfant.removeAttribute("data-groupe-position");
+					enfant.removeAttribute("data-groupe-axe");
+					return;
+				}
+				const position = enfants.length === 1 ? "seul" : rang === 0 ? "debut" : rang === enfants.length - 1 ? "fin" : "milieu";
+				enfant.setAttribute("data-groupe-position", position);
+				enfant.setAttribute("data-groupe-axe", axe);
+			});
+			if (attache && isDevMode()) {
+				const tailles = /* @__PURE__ */ new Set([...this.taillesDesBoutons().map((bouton) => bouton.taille()), ...this.taillesDesBoutonsIcone().map((bouton) => bouton.taille())]);
+				if (tailles.size > 1) console.warn(`st-button-group "${this.etiquette()}" : un groupe attache exige des enfants de meme taille (${[...tailles].join(", ")}) ; les coins et les traits ne se rejoignent pas.`);
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StButtonGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: StButtonGroup,
+		isStandalone: true,
+		selector: "st-button-group",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			attache: {
+				classPropertyName: "attache",
+				publicName: "attache",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			plateau: {
+				classPropertyName: "plateau",
+				publicName: "plateau",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "group" },
+			properties: {
+				"attr.aria-label": "etiquette()",
+				"attr.data-orientation": "orientation()",
+				"attr.data-attache": "attache() ? \"\" : null",
+				"attr.data-plateau": "plateau() ? \"\" : null"
+			},
+			classAttribute: "st-button-group"
+		},
+		queries: [
+			{
+				propertyName: "boutons",
+				predicate: StButton,
+				read: ElementRef,
+				isSignal: true
+			},
+			{
+				propertyName: "boutonsIcone",
+				predicate: StIconButton,
+				read: ElementRef,
+				isSignal: true
+			},
+			{
+				propertyName: "liens",
+				predicate: StLink,
+				read: ElementRef,
+				isSignal: true
+			},
+			{
+				propertyName: "taillesDesBoutons",
+				predicate: StButton,
+				isSignal: true
+			},
+			{
+				propertyName: "taillesDesBoutonsIcone",
+				predicate: StIconButton,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: "<ng-content />\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}:host([data-orientation=verticale]){flex-direction:column;align-items:stretch}:host([data-attache]){isolation:isolate;gap:0}:host([data-plateau]){gap:var(--st-espacement-1);padding:var(--st-espacement-1-5);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}:host([data-plateau][data-attache]){gap:0}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StButtonGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-button-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "st-button-group",
+				role: "group",
+				"[attr.aria-label]": "etiquette()",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-attache]": "attache() ? \"\" : null",
+				"[attr.data-plateau]": "plateau() ? \"\" : null"
+			},
+			template: "<ng-content />\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}:host([data-orientation=verticale]){flex-direction:column;align-items:stretch}:host([data-attache]){isolation:isolate;gap:0}:host([data-plateau]){gap:var(--st-espacement-1);padding:var(--st-espacement-1-5);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}:host([data-plateau][data-attache]){gap:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		attache: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "attache",
+				required: false
+			}]
+		}],
+		plateau: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "plateau",
+				required: false
+			}]
+		}],
+		boutons: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StButton), {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		boutonsIcone: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StIconButton), {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		liens: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StLink), {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		taillesDesBoutons: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StButton), { isSignal: true }]
+		}],
+		taillesDesBoutonsIcone: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StIconButton), { isSignal: true }]
+		}]
+	}
+});
+export { StButtonGroup, StDivider, StSection, StSettingsRow, StText };
+
+//# sourceMappingURL=starterlib-ui-mise-en-page.mjs.map