@starterlib/ui 0.10.3 → 0.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icones/catalogue.json +1 -1
- package/fesm2022/starterlib-ui-donnees.mjs +117 -3
- package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +2 -2
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-navigation.mjs +134 -26
- package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +53 -20
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/starterlib-ui-donnees.d.ts +63 -1
- package/types/starterlib-ui-navigation.d.ts +130 -48
- package/types/starterlib-ui.d.ts +63 -24
|
@@ -4,7 +4,7 @@ import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
|
|
|
4
4
|
import { ETATS_DE_BLOC, LANGUES, estUneErreurRejouable, sansCommandesDeDirection, varianteDErreur } from "@starterlib/util";
|
|
5
5
|
import { delai, tenue } from "@starterlib/tokens";
|
|
6
6
|
import * as i1 from "@angular/router";
|
|
7
|
-
import { RouterLink, RouterLinkActive } from "@angular/router";
|
|
7
|
+
import { Router, RouterLink, RouterLinkActive } from "@angular/router";
|
|
8
8
|
const MOYENS_DE_CEREMONIE_FR = {
|
|
9
9
|
code: "Saisir un code",
|
|
10
10
|
appareil: "Valider sur mon appareil de confiance",
|
|
@@ -5174,7 +5174,7 @@ var StPageTitle = class StPageTitle {
|
|
|
5174
5174
|
isSignal: true
|
|
5175
5175
|
}],
|
|
5176
5176
|
ngImport: i0,
|
|
5177
|
-
template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n <div class=\"st-page-title__titraille\">\n <div class=\"st-page-title__rangee\">\n @switch (niveau()) {\n @case (1) {\n <h1\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h1>\n }\n @case (2) {\n <h2\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h2>\n }\n @case (3) {\n <h3\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h3>\n }\n @case (4) {\n <h4\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h4>\n }\n @case (5) {\n <h5\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h5>\n }\n @default {\n <h6\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h6>\n }\n }\n <ng-content select=\"[puces]\" />\n </div>\n <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n paragraphe, relie au titre des qu'il porte quelque chose. -->\n <p\n #zoneDeLaPrecision\n class=\"st-page-title__precision\"\n [id]=\"identifiantDeLaPrecision\"\n [hidden]=\"!aUnePrecision()\"\n >\n @if (precision(); as texte) {\n <span>{{ texte }}</span>\n }\n <ng-content select=\"[precision]\" />\n </p>\n </div>\n <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
|
|
5177
|
+
template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n <div class=\"st-page-title__titraille\">\n <div class=\"st-page-title__rangee\">\n @switch (niveau()) {\n @case (1) {\n <h1\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h1>\n }\n @case (2) {\n <h2\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h2>\n }\n @case (3) {\n <h3\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h3>\n }\n @case (4) {\n <h4\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h4>\n }\n @case (5) {\n <h5\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h5>\n }\n @default {\n <h6\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h6>\n }\n }\n <!-- L'aide contextuelle (lot 280) : a cote du titre, HORS de lui ; son nom n'entre pas dans\n celui du titre, que le noyau lit a l'atterrissage. -->\n <ng-content select=\"[aide]\" />\n <ng-content select=\"[puces]\" />\n </div>\n <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n paragraphe, relie au titre des qu'il porte quelque chose. -->\n <p\n #zoneDeLaPrecision\n class=\"st-page-title__precision\"\n [id]=\"identifiantDeLaPrecision\"\n [hidden]=\"!aUnePrecision()\"\n >\n @if (precision(); as texte) {\n <span>{{ texte }}</span>\n }\n <ng-content select=\"[precision]\" />\n </p>\n </div>\n <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
|
|
5178
5178
|
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-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;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-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\n"],
|
|
5179
5179
|
dependencies: [{
|
|
5180
5180
|
kind: "directive",
|
|
@@ -5204,7 +5204,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5204
5204
|
class: "st-page-title",
|
|
5205
5205
|
"[attr.data-taille]": "taille()"
|
|
5206
5206
|
},
|
|
5207
|
-
template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n <div class=\"st-page-title__titraille\">\n <div class=\"st-page-title__rangee\">\n @switch (niveau()) {\n @case (1) {\n <h1\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h1>\n }\n @case (2) {\n <h2\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h2>\n }\n @case (3) {\n <h3\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h3>\n }\n @case (4) {\n <h4\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h4>\n }\n @case (5) {\n <h5\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h5>\n }\n @default {\n <h6\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h6>\n }\n }\n <ng-content select=\"[puces]\" />\n </div>\n <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n paragraphe, relie au titre des qu'il porte quelque chose. -->\n <p\n #zoneDeLaPrecision\n class=\"st-page-title__precision\"\n [id]=\"identifiantDeLaPrecision\"\n [hidden]=\"!aUnePrecision()\"\n >\n @if (precision(); as texte) {\n <span>{{ texte }}</span>\n }\n <ng-content select=\"[precision]\" />\n </p>\n </div>\n <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
|
|
5207
|
+
template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n <div class=\"st-page-title__titraille\">\n <div class=\"st-page-title__rangee\">\n @switch (niveau()) {\n @case (1) {\n <h1\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h1>\n }\n @case (2) {\n <h2\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h2>\n }\n @case (3) {\n <h3\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h3>\n }\n @case (4) {\n <h4\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h4>\n }\n @case (5) {\n <h5\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h5>\n }\n @default {\n <h6\n class=\"st-page-title__titre\"\n [attr.id]=\"identifiant()\"\n [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n >\n <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n </h6>\n }\n }\n <!-- L'aide contextuelle (lot 280) : a cote du titre, HORS de lui ; son nom n'entre pas dans\n celui du titre, que le noyau lit a l'atterrissage. -->\n <ng-content select=\"[aide]\" />\n <ng-content select=\"[puces]\" />\n </div>\n <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n paragraphe, relie au titre des qu'il porte quelque chose. -->\n <p\n #zoneDeLaPrecision\n class=\"st-page-title__precision\"\n [id]=\"identifiantDeLaPrecision\"\n [hidden]=\"!aUnePrecision()\"\n >\n @if (precision(); as texte) {\n <span>{{ texte }}</span>\n }\n <ng-content select=\"[precision]\" />\n </p>\n </div>\n <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
|
|
5208
5208
|
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-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;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-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\n"]
|
|
5209
5209
|
}]
|
|
5210
5210
|
}],
|
|
@@ -5652,7 +5652,7 @@ var StAppShell = class StAppShell {
|
|
|
5652
5652
|
}],
|
|
5653
5653
|
ngImport: i0,
|
|
5654
5654
|
template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header #entete class=\"st-app-shell__entete\">\n <ng-content select=\"[entete]\" />\n <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n <div class=\"st-app-shell__navigation\">\n <ng-content select=\"[navigation]\" />\n </div>\n\n <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-app-shell__page\">\n <ng-content />\n </div>\n </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n <ng-content select=\"[pied]\" />\n</footer>\n",
|
|
5655
|
-
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:
|
|
5655
|
+
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"],
|
|
5656
5656
|
dependencies: [{
|
|
5657
5657
|
kind: "component",
|
|
5658
5658
|
type: StSkipLink,
|
|
@@ -5678,7 +5678,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5678
5678
|
"[attr.data-variante]": "variante()"
|
|
5679
5679
|
},
|
|
5680
5680
|
template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header #entete class=\"st-app-shell__entete\">\n <ng-content select=\"[entete]\" />\n <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n <div class=\"st-app-shell__navigation\">\n <ng-content select=\"[navigation]\" />\n </div>\n\n <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-app-shell__page\">\n <ng-content />\n </div>\n </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n <ng-content select=\"[pied]\" />\n</footer>\n",
|
|
5681
|
-
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:
|
|
5681
|
+
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"]
|
|
5682
5682
|
}]
|
|
5683
5683
|
}],
|
|
5684
5684
|
ctorParameters: () => [],
|
|
@@ -5719,7 +5719,7 @@ var StHeader = class StHeader {
|
|
|
5719
5719
|
host: { classAttribute: "st-header" },
|
|
5720
5720
|
ngImport: i0,
|
|
5721
5721
|
template: "<div class=\"st-header__debut\">\n <ng-content select=\"[bascule]\" />\n <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n <ng-content />\n</div>\n",
|
|
5722
|
-
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:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{flex:none;flex-wrap:nowrap;gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
|
|
5722
|
+
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:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{flex:none;flex-wrap:nowrap;gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
|
|
5723
5723
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
5724
5724
|
});
|
|
5725
5725
|
};
|
|
@@ -5735,7 +5735,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5735
5735
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5736
5736
|
host: { class: "st-header" },
|
|
5737
5737
|
template: "<div class=\"st-header__debut\">\n <ng-content select=\"[bascule]\" />\n <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n <ng-content />\n</div>\n",
|
|
5738
|
-
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:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{flex:none;flex-wrap:nowrap;gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
|
|
5738
|
+
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:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{flex:none;flex-wrap:nowrap;gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
|
|
5739
5739
|
}]
|
|
5740
5740
|
}]
|
|
5741
5741
|
});
|
|
@@ -5796,10 +5796,25 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5796
5796
|
}] }
|
|
5797
5797
|
});
|
|
5798
5798
|
var StNavLink = class StNavLink {
|
|
5799
|
+
lien = inject(RouterLink);
|
|
5800
|
+
actif = inject(RouterLinkActive);
|
|
5801
|
+
routeur = inject(Router);
|
|
5802
|
+
optionsParDefaut;
|
|
5799
5803
|
constructor() {
|
|
5800
|
-
|
|
5801
|
-
actif.
|
|
5802
|
-
|
|
5804
|
+
this.actif.routerLinkActive = "st-nav-link--actif";
|
|
5805
|
+
this.actif.ariaCurrentWhenActive = "page";
|
|
5806
|
+
this.optionsParDefaut = this.actif.routerLinkActiveOptions;
|
|
5807
|
+
if (isDevMode()) {
|
|
5808
|
+
const hote = inject(ElementRef).nativeElement;
|
|
5809
|
+
afterNextRender(() => {
|
|
5810
|
+
if (hote.querySelector("st-badge[aria-hidden=\"true\"]") !== null && hote.querySelector(".st-vh") === null) console.warn(`stNavLink "${(hote.querySelector(".st-nav-link__libelle")?.textContent ?? "").trim()}" : pastille muette, son sens manque au nom du lien (texte en .st-vh).`);
|
|
5811
|
+
});
|
|
5812
|
+
}
|
|
5813
|
+
}
|
|
5814
|
+
ngOnInit() {
|
|
5815
|
+
if (this.actif.routerLinkActiveOptions !== this.optionsParDefaut) return;
|
|
5816
|
+
const arbre = this.lien.urlTree;
|
|
5817
|
+
if (arbre !== null && this.routeur.serializeUrl(arbre) === "/") this.actif.routerLinkActiveOptions = { exact: true };
|
|
5803
5818
|
}
|
|
5804
5819
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5805
5820
|
minVersion: "12.0.0",
|
|
@@ -5821,24 +5836,36 @@ var StNavLink = class StNavLink {
|
|
|
5821
5836
|
inputs: [
|
|
5822
5837
|
"routerLink",
|
|
5823
5838
|
"stNavLink",
|
|
5839
|
+
"target",
|
|
5840
|
+
"target",
|
|
5824
5841
|
"queryParams",
|
|
5825
5842
|
"queryParams",
|
|
5826
5843
|
"fragment",
|
|
5827
5844
|
"fragment",
|
|
5828
5845
|
"queryParamsHandling",
|
|
5829
5846
|
"queryParamsHandling",
|
|
5847
|
+
"state",
|
|
5848
|
+
"state",
|
|
5849
|
+
"info",
|
|
5850
|
+
"info",
|
|
5851
|
+
"relativeTo",
|
|
5852
|
+
"relativeTo",
|
|
5853
|
+
"preserveFragment",
|
|
5854
|
+
"preserveFragment",
|
|
5855
|
+
"skipLocationChange",
|
|
5856
|
+
"skipLocationChange",
|
|
5830
5857
|
"replaceUrl",
|
|
5831
5858
|
"replaceUrl",
|
|
5832
|
-
"
|
|
5833
|
-
"
|
|
5859
|
+
"browserUrl",
|
|
5860
|
+
"browserUrl"
|
|
5834
5861
|
]
|
|
5835
5862
|
}, {
|
|
5836
5863
|
directive: i1.RouterLinkActive,
|
|
5837
5864
|
inputs: ["routerLinkActiveOptions", "optionsDActivation"]
|
|
5838
5865
|
}],
|
|
5839
5866
|
ngImport: i0,
|
|
5840
|
-
template: "<ng-content select=\"st-icon\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge\" />\n",
|
|
5841
|
-
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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{display:
|
|
5867
|
+
template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
|
|
5868
|
+
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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"],
|
|
5842
5869
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
5843
5870
|
});
|
|
5844
5871
|
};
|
|
@@ -5856,19 +5883,25 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5856
5883
|
directive: RouterLink,
|
|
5857
5884
|
inputs: [
|
|
5858
5885
|
"routerLink: stNavLink",
|
|
5886
|
+
"target",
|
|
5859
5887
|
"queryParams",
|
|
5860
5888
|
"fragment",
|
|
5861
5889
|
"queryParamsHandling",
|
|
5890
|
+
"state",
|
|
5891
|
+
"info",
|
|
5892
|
+
"relativeTo",
|
|
5893
|
+
"preserveFragment",
|
|
5894
|
+
"skipLocationChange",
|
|
5862
5895
|
"replaceUrl",
|
|
5863
|
-
"
|
|
5896
|
+
"browserUrl"
|
|
5864
5897
|
]
|
|
5865
5898
|
}, {
|
|
5866
5899
|
directive: RouterLinkActive,
|
|
5867
5900
|
inputs: ["routerLinkActiveOptions: optionsDActivation"]
|
|
5868
5901
|
}],
|
|
5869
5902
|
host: { class: "st-nav-link" },
|
|
5870
|
-
template: "<ng-content select=\"st-icon\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge\" />\n",
|
|
5871
|
-
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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{display:
|
|
5903
|
+
template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
|
|
5904
|
+
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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"]
|
|
5872
5905
|
}]
|
|
5873
5906
|
}],
|
|
5874
5907
|
ctorParameters: () => []
|
|
@@ -5884,7 +5917,7 @@ var StPageHeader = class StPageHeader {
|
|
|
5884
5917
|
const hote = inject(ElementRef).nativeElement;
|
|
5885
5918
|
afterNextRender(() => {
|
|
5886
5919
|
const intrus = hote.querySelector(".st-page-title__titre")?.firstElementChild;
|
|
5887
|
-
if (intrus !== null && intrus !== void 0) console.warn(`[st-page-header] le contenu tombe dans le h1 : <${intrus.tagName.toLowerCase()}> entre dans le nom du titre. Un element qui n est pas le titre prend un emplacement : puces, precision, actions, surtitre, meta.`);
|
|
5920
|
+
if (intrus !== null && intrus !== void 0) console.warn(`[st-page-header] le contenu tombe dans le h1 : <${intrus.tagName.toLowerCase()}> entre dans le nom du titre. Un element qui n est pas le titre prend un emplacement : aide, puces, precision, actions, surtitre, meta.`);
|
|
5888
5921
|
});
|
|
5889
5922
|
}
|
|
5890
5923
|
}
|
|
@@ -5941,7 +5974,7 @@ var StPageHeader = class StPageHeader {
|
|
|
5941
5974
|
},
|
|
5942
5975
|
host: { classAttribute: "st-page-header" },
|
|
5943
5976
|
ngImport: i0,
|
|
5944
|
-
template: "<ng-content select=\"st-breadcrumb\" />\n\n@if (retour(); as retour) {\n @if (retour.lien !== undefined) {\n <a\n stLink\n class=\"st-page-header__retour\"\n variante=\"autonome\"\n iconeAvant=\"fleche-gauche\"\n [routerLink]=\"retour.lien\"\n >{{ retour.libelle }}</a\n >\n }\n}\n\n<div class=\"st-page-header__surtitre\">\n <ng-content select=\"[surtitre]\" />\n <ng-content select=\"[meta]\" />\n</div>\n\n<st-page-title\n data-dans-en-tete\n [precision]=\"precision()\"\n [identifiant]=\"identifiant()\"\n [niveau]=\"niveau()\"\n [taille]=\"taille()\"\n>\n <ng-content />\n <ng-content select=\"[puces]\" puces />\n <ng-content select=\"[precision]\" precision />\n <ng-content select=\"[actions]\" actions />\n</st-page-title>\n\n<div class=\"st-page-header__onglets\">\n <ng-content select=\"st-tabs, st-nav-tabs, st-segmented-control\" />\n</div>\n",
|
|
5977
|
+
template: "<ng-content select=\"st-breadcrumb\" />\n\n@if (retour(); as retour) {\n @if (retour.lien !== undefined) {\n <a\n stLink\n class=\"st-page-header__retour\"\n variante=\"autonome\"\n iconeAvant=\"fleche-gauche\"\n [routerLink]=\"retour.lien\"\n >{{ retour.libelle }}</a\n >\n }\n}\n\n<div class=\"st-page-header__surtitre\">\n <ng-content select=\"[surtitre]\" />\n <ng-content select=\"[meta]\" />\n</div>\n\n<st-page-title\n data-dans-en-tete\n [precision]=\"precision()\"\n [identifiant]=\"identifiant()\"\n [niveau]=\"niveau()\"\n [taille]=\"taille()\"\n>\n <ng-content />\n <ng-content select=\"[aide]\" aide />\n <ng-content select=\"[puces]\" puces />\n <ng-content select=\"[precision]\" precision />\n <ng-content select=\"[actions]\" actions />\n</st-page-title>\n\n<div class=\"st-page-header__onglets\">\n <ng-content select=\"st-tabs, st-nav-tabs, st-segmented-control\" />\n</div>\n",
|
|
5945
5978
|
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-end:var(--st-espacement-6)}.st-page-header__retour{align-self:flex-start;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-header__surtitre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center}.st-page-header__surtitre:empty,.st-page-header__onglets:empty{display:none}.st-page-header__onglets{margin-block-start:var(--st-espacement-2)}\n"],
|
|
5946
5979
|
dependencies: [
|
|
5947
5980
|
{
|
|
@@ -6006,7 +6039,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6006
6039
|
StPageTitle
|
|
6007
6040
|
],
|
|
6008
6041
|
host: { class: "st-page-header" },
|
|
6009
|
-
template: "<ng-content select=\"st-breadcrumb\" />\n\n@if (retour(); as retour) {\n @if (retour.lien !== undefined) {\n <a\n stLink\n class=\"st-page-header__retour\"\n variante=\"autonome\"\n iconeAvant=\"fleche-gauche\"\n [routerLink]=\"retour.lien\"\n >{{ retour.libelle }}</a\n >\n }\n}\n\n<div class=\"st-page-header__surtitre\">\n <ng-content select=\"[surtitre]\" />\n <ng-content select=\"[meta]\" />\n</div>\n\n<st-page-title\n data-dans-en-tete\n [precision]=\"precision()\"\n [identifiant]=\"identifiant()\"\n [niveau]=\"niveau()\"\n [taille]=\"taille()\"\n>\n <ng-content />\n <ng-content select=\"[puces]\" puces />\n <ng-content select=\"[precision]\" precision />\n <ng-content select=\"[actions]\" actions />\n</st-page-title>\n\n<div class=\"st-page-header__onglets\">\n <ng-content select=\"st-tabs, st-nav-tabs, st-segmented-control\" />\n</div>\n",
|
|
6042
|
+
template: "<ng-content select=\"st-breadcrumb\" />\n\n@if (retour(); as retour) {\n @if (retour.lien !== undefined) {\n <a\n stLink\n class=\"st-page-header__retour\"\n variante=\"autonome\"\n iconeAvant=\"fleche-gauche\"\n [routerLink]=\"retour.lien\"\n >{{ retour.libelle }}</a\n >\n }\n}\n\n<div class=\"st-page-header__surtitre\">\n <ng-content select=\"[surtitre]\" />\n <ng-content select=\"[meta]\" />\n</div>\n\n<st-page-title\n data-dans-en-tete\n [precision]=\"precision()\"\n [identifiant]=\"identifiant()\"\n [niveau]=\"niveau()\"\n [taille]=\"taille()\"\n>\n <ng-content />\n <ng-content select=\"[aide]\" aide />\n <ng-content select=\"[puces]\" puces />\n <ng-content select=\"[precision]\" precision />\n <ng-content select=\"[actions]\" actions />\n</st-page-title>\n\n<div class=\"st-page-header__onglets\">\n <ng-content select=\"st-tabs, st-nav-tabs, st-segmented-control\" />\n</div>\n",
|
|
6010
6043
|
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-end:var(--st-espacement-6)}.st-page-header__retour{align-self:flex-start;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-header__surtitre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center}.st-page-header__surtitre:empty,.st-page-header__onglets:empty{display:none}.st-page-header__onglets{margin-block-start:var(--st-espacement-2)}\n"]
|
|
6011
6044
|
}]
|
|
6012
6045
|
}],
|