@starterlib/ui 0.11.1 → 0.11.3
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-etats.mjs +1 -0
- package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +8 -24
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-saisie.mjs +12 -12
- package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +65 -24
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/starterlib-ui-listes.d.ts +2 -1
- package/types/starterlib-ui.d.ts +30 -2
|
@@ -4178,7 +4178,7 @@ var StTimer = class StTimer {
|
|
|
4178
4178
|
classAttribute: "st-timer"
|
|
4179
4179
|
},
|
|
4180
4180
|
ngImport: i0,
|
|
4181
|
-
template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n {{ morceau.texte }}
|
|
4181
|
+
template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n <!-- Le texte seul dans son conteneur : les blancs du gabarit autour, retires a la compilation, ne\n s'ajoutent plus a ceux de la phrase (« dans 29 s »). -->\n <ng-container>{{ morceau.texte }}</ng-container>\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
4182
4182
|
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block;color:var(--st-couleur-texte-discret)}:host([data-variante=texte]){font-variant-numeric:var(--st-chiffres-alignes)}.st-timer__decompte{unicode-bidi:isolate}:host([data-termine]){color:var(--st-couleur-texte)}:host([data-variante=pastille]){display:inline-flex;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-primaire);white-space:nowrap;background:var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-variante=pastille]) .st-timer__decompte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-timer__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){:host([data-variante=pastille]){outline-color:CanvasText}.st-timer__point{forced-color-adjust:none;background:CanvasText}}\n"],
|
|
4183
4183
|
dependencies: [{
|
|
4184
4184
|
kind: "component",
|
|
@@ -4215,7 +4215,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4215
4215
|
"[attr.data-variante]": "variante()",
|
|
4216
4216
|
"[attr.data-termine]": "restant() === 0 ? \"\" : null"
|
|
4217
4217
|
},
|
|
4218
|
-
template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n {{ morceau.texte }}
|
|
4218
|
+
template: "@if (variante() === 'pastille') {\n <span class=\"st-timer__point\" aria-hidden=\"true\"></span>\n} @else if (avecIcone()) {\n <st-icon nom=\"minuteur\" taille=\"sm\" />\n}\n<span class=\"st-timer__decompte\" role=\"timer\" [attr.aria-label]=\"nom()\">\n @for (morceau of morceaux(); track $index) {\n @if (morceau.nombre) {\n <span class=\"st-timer__nombre\">{{ morceau.texte }}</span>\n } @else {\n <!-- Le texte seul dans son conteneur : les blancs du gabarit autour, retires a la compilation, ne\n s'ajoutent plus a ceux de la phrase (« dans 29 s »). -->\n <ng-container>{{ morceau.texte }}</ng-container>\n }\n }\n</span>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
4219
4219
|
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block;color:var(--st-couleur-texte-discret)}:host([data-variante=texte]){font-variant-numeric:var(--st-chiffres-alignes)}.st-timer__decompte{unicode-bidi:isolate}:host([data-termine]){color:var(--st-couleur-texte)}:host([data-variante=pastille]){display:inline-flex;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-primaire);white-space:nowrap;background:var(--st-couleur-surface);border-radius:var(--st-rayon-pleine);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-variante=pastille]) .st-timer__decompte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-timer__point{flex:none;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);background:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){:host([data-variante=pastille]){outline-color:CanvasText}.st-timer__point{forced-color-adjust:none;background:CanvasText}}\n"]
|
|
4220
4220
|
}]
|
|
4221
4221
|
}],
|
|
@@ -4293,6 +4293,7 @@ var StError = class StError {
|
|
|
4293
4293
|
locale = inject(ST_LOCALE);
|
|
4294
4294
|
variante = input("serveur", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
|
|
4295
4295
|
disposition = input("encart", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
4296
|
+
ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
|
|
4296
4297
|
code = input.required(...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
|
|
4297
4298
|
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
4298
4299
|
message = input(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
|
|
@@ -4326,6 +4327,7 @@ var StError = class StError {
|
|
|
4326
4327
|
}, ...ngDevMode ? [{ debugName: "decompteTermine" }] : /* istanbul ignore next */ []);
|
|
4327
4328
|
decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : /* istanbul ignore next */ []);
|
|
4328
4329
|
profil = computed(() => PROFILS_D_ERREUR[this.variante()], ...ngDevMode ? [{ debugName: "profil" }] : /* istanbul ignore next */ []);
|
|
4330
|
+
tonLu = computed(() => this.ton() ?? this.profil().ton, ...ngDevMode ? [{ debugName: "tonLu" }] : /* istanbul ignore next */ []);
|
|
4329
4331
|
iconeLue = computed(() => this.icone() ?? this.profil().icone, ...ngDevMode ? [{ debugName: "iconeLue" }] : /* istanbul ignore next */ []);
|
|
4330
4332
|
rejouableLu = computed(() => {
|
|
4331
4333
|
const choisi = this.rejouable();
|
|
@@ -4373,6 +4375,13 @@ var StError = class StError {
|
|
|
4373
4375
|
isRequired: false,
|
|
4374
4376
|
transformFunction: null
|
|
4375
4377
|
},
|
|
4378
|
+
ton: {
|
|
4379
|
+
classPropertyName: "ton",
|
|
4380
|
+
publicName: "ton",
|
|
4381
|
+
isSignal: true,
|
|
4382
|
+
isRequired: false,
|
|
4383
|
+
transformFunction: null
|
|
4384
|
+
},
|
|
4376
4385
|
code: {
|
|
4377
4386
|
classPropertyName: "code",
|
|
4378
4387
|
publicName: "code",
|
|
@@ -4470,7 +4479,7 @@ var StError = class StError {
|
|
|
4470
4479
|
properties: {
|
|
4471
4480
|
"attr.data-variante": "variante()",
|
|
4472
4481
|
"attr.data-disposition": "disposition()",
|
|
4473
|
-
"attr.data-ton": "
|
|
4482
|
+
"attr.data-ton": "tonLu()"
|
|
4474
4483
|
},
|
|
4475
4484
|
classAttribute: "st-error"
|
|
4476
4485
|
},
|
|
@@ -4483,7 +4492,7 @@ var StError = class StError {
|
|
|
4483
4492
|
}],
|
|
4484
4493
|
ngImport: i0,
|
|
4485
4494
|
template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n <div class=\"st-error__medaillon\">\n <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n </div>\n <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n @switch (niveauDuTitre()) {\n @case (1) {\n <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n }\n @case (2) {\n <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n }\n @case (4) {\n <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n }\n @case (5) {\n <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n }\n @case (6) {\n <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n }\n @default {\n <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n }\n }\n @if (message(); as texte) {\n <p class=\"st-error__message\">{{ texte }}</p>\n }\n </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n @if (rejouableLu()) {\n <button\n stButton\n type=\"button\"\n variante=\"primaire\"\n iconeAvant=\"rafraichir\"\n [chargement]=\"rejeuEnCours()\"\n [indisponible]=\"enAttente()\"\n [raisonIndisponible]=\"raisonDuRejeu()\"\n (click)=\"rejeu.emit()\"\n >\n {{ libelleRejeuLu() }}\n </button>\n }\n @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n <st-timer\n [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n [echeance]=\"echeance()\"\n (termine)=\"quandLeDecompteFinit()\"\n />\n }\n <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n <div class=\"st-error__technique\">\n <p class=\"st-error__ligne\">\n <span class=\"st-error__code\"\n >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n >\n @if (traceId(); as trace) {\n <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n <span class=\"st-error__trace\"\n >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n >\n }\n </p>\n @if (traceId(); as trace) {\n <st-copy-button\n class=\"st-error__copie\"\n iconeSeule\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n [valeur]=\"trace\"\n [libelle]=\"nomDeLaCopie()\"\n />\n }\n </div>\n}\n",
|
|
4486
|
-
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}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-
|
|
4495
|
+
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}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"],
|
|
4487
4496
|
dependencies: [
|
|
4488
4497
|
{
|
|
4489
4498
|
kind: "component",
|
|
@@ -4579,10 +4588,10 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4579
4588
|
class: "st-error",
|
|
4580
4589
|
"[attr.data-variante]": "variante()",
|
|
4581
4590
|
"[attr.data-disposition]": "disposition()",
|
|
4582
|
-
"[attr.data-ton]": "
|
|
4591
|
+
"[attr.data-ton]": "tonLu()"
|
|
4583
4592
|
},
|
|
4584
4593
|
template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n <div class=\"st-error__medaillon\">\n <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n </div>\n <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n @switch (niveauDuTitre()) {\n @case (1) {\n <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n }\n @case (2) {\n <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n }\n @case (4) {\n <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n }\n @case (5) {\n <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n }\n @case (6) {\n <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n }\n @default {\n <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n }\n }\n @if (message(); as texte) {\n <p class=\"st-error__message\">{{ texte }}</p>\n }\n </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n @if (rejouableLu()) {\n <button\n stButton\n type=\"button\"\n variante=\"primaire\"\n iconeAvant=\"rafraichir\"\n [chargement]=\"rejeuEnCours()\"\n [indisponible]=\"enAttente()\"\n [raisonIndisponible]=\"raisonDuRejeu()\"\n (click)=\"rejeu.emit()\"\n >\n {{ libelleRejeuLu() }}\n </button>\n }\n @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n <st-timer\n [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n [echeance]=\"echeance()\"\n (termine)=\"quandLeDecompteFinit()\"\n />\n }\n <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n <div class=\"st-error__technique\">\n <p class=\"st-error__ligne\">\n <span class=\"st-error__code\"\n >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n >\n @if (traceId(); as trace) {\n <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n <span class=\"st-error__trace\"\n >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n >\n }\n </p>\n @if (traceId(); as trace) {\n <st-copy-button\n class=\"st-error__copie\"\n iconeSeule\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n [valeur]=\"trace\"\n [libelle]=\"nomDeLaCopie()\"\n />\n }\n </div>\n}\n",
|
|
4585
|
-
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}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-
|
|
4594
|
+
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}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"]
|
|
4586
4595
|
}]
|
|
4587
4596
|
}],
|
|
4588
4597
|
propDecorators: {
|
|
@@ -4602,6 +4611,14 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4602
4611
|
required: false
|
|
4603
4612
|
}]
|
|
4604
4613
|
}],
|
|
4614
|
+
ton: [{
|
|
4615
|
+
type: i0.Input,
|
|
4616
|
+
args: [{
|
|
4617
|
+
isSignal: true,
|
|
4618
|
+
alias: "ton",
|
|
4619
|
+
required: false
|
|
4620
|
+
}]
|
|
4621
|
+
}],
|
|
4605
4622
|
code: [{
|
|
4606
4623
|
type: i0.Input,
|
|
4607
4624
|
args: [{
|
|
@@ -6811,6 +6828,7 @@ var StAuthShell = class StAuthShell {
|
|
|
6811
6828
|
...ngDevMode ? { debugName: "bandeaux" } : /* istanbul ignore next */ {},
|
|
6812
6829
|
transform: booleanAttribute
|
|
6813
6830
|
});
|
|
6831
|
+
carte = input("etroite", ...ngDevMode ? [{ debugName: "carte" }] : /* istanbul ignore next */ []);
|
|
6814
6832
|
identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
|
|
6815
6833
|
liensDuPied = computed(() => this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "liensDuPied" }] : /* istanbul ignore next */ []);
|
|
6816
6834
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
@@ -6827,20 +6845,32 @@ var StAuthShell = class StAuthShell {
|
|
|
6827
6845
|
type: StAuthShell,
|
|
6828
6846
|
isStandalone: true,
|
|
6829
6847
|
selector: "st-auth-shell",
|
|
6830
|
-
inputs: {
|
|
6831
|
-
|
|
6832
|
-
|
|
6833
|
-
|
|
6834
|
-
|
|
6835
|
-
|
|
6836
|
-
|
|
6848
|
+
inputs: {
|
|
6849
|
+
bandeaux: {
|
|
6850
|
+
classPropertyName: "bandeaux",
|
|
6851
|
+
publicName: "bandeaux",
|
|
6852
|
+
isSignal: true,
|
|
6853
|
+
isRequired: false,
|
|
6854
|
+
transformFunction: null
|
|
6855
|
+
},
|
|
6856
|
+
carte: {
|
|
6857
|
+
classPropertyName: "carte",
|
|
6858
|
+
publicName: "carte",
|
|
6859
|
+
isSignal: true,
|
|
6860
|
+
isRequired: false,
|
|
6861
|
+
transformFunction: null
|
|
6862
|
+
}
|
|
6863
|
+
},
|
|
6837
6864
|
host: {
|
|
6838
|
-
properties: {
|
|
6865
|
+
properties: {
|
|
6866
|
+
"attr.data-bandeaux": "bandeaux() ? \"\" : null",
|
|
6867
|
+
"attr.data-carte": "carte() === \"large\" ? \"large\" : null"
|
|
6868
|
+
},
|
|
6839
6869
|
classAttribute: "st-auth-shell"
|
|
6840
6870
|
},
|
|
6841
6871
|
ngImport: i0,
|
|
6842
6872
|
template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n <div class=\"st-auth-shell__carte\">\n <div class=\"st-auth-shell__banniere\">\n <ng-content select=\"[banniere]\" />\n </div>\n <ng-content />\n </div>\n <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n <div class=\"st-auth-shell__sous-la-carte\">\n <ng-content select=\"[sousLaCarte]\" />\n </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n <div class=\"st-auth-shell__mention\">\n <ng-content select=\"[mention]\" />\n </div>\n <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n <ng-content select=\"[pied]\" />\n </nav>\n <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
|
|
6843
|
-
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{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
|
|
6873
|
+
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{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-carte=large]) .st-auth-shell__contenu{inline-size:min(100%,var(--st-largeur-carte-auth) * 1.5)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
|
|
6844
6874
|
dependencies: [{
|
|
6845
6875
|
kind: "component",
|
|
6846
6876
|
type: StSkipLink,
|
|
@@ -6868,20 +6898,31 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6868
6898
|
imports: [StSkipLink],
|
|
6869
6899
|
host: {
|
|
6870
6900
|
class: "st-auth-shell",
|
|
6871
|
-
"[attr.data-bandeaux]": "bandeaux() ? \"\" : null"
|
|
6901
|
+
"[attr.data-bandeaux]": "bandeaux() ? \"\" : null",
|
|
6902
|
+
"[attr.data-carte]": "carte() === \"large\" ? \"large\" : null"
|
|
6872
6903
|
},
|
|
6873
6904
|
template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n <div class=\"st-auth-shell__carte\">\n <div class=\"st-auth-shell__banniere\">\n <ng-content select=\"[banniere]\" />\n </div>\n <ng-content />\n </div>\n <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n <div class=\"st-auth-shell__sous-la-carte\">\n <ng-content select=\"[sousLaCarte]\" />\n </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n <div class=\"st-auth-shell__mention\">\n <ng-content select=\"[mention]\" />\n </div>\n <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n <ng-content select=\"[pied]\" />\n </nav>\n <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
|
|
6874
|
-
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{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
|
|
6905
|
+
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{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-carte=large]) .st-auth-shell__contenu{inline-size:min(100%,var(--st-largeur-carte-auth) * 1.5)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
|
|
6875
6906
|
}]
|
|
6876
6907
|
}],
|
|
6877
|
-
propDecorators: {
|
|
6878
|
-
|
|
6879
|
-
|
|
6880
|
-
|
|
6881
|
-
|
|
6882
|
-
|
|
6908
|
+
propDecorators: {
|
|
6909
|
+
bandeaux: [{
|
|
6910
|
+
type: i0.Input,
|
|
6911
|
+
args: [{
|
|
6912
|
+
isSignal: true,
|
|
6913
|
+
alias: "bandeaux",
|
|
6914
|
+
required: false
|
|
6915
|
+
}]
|
|
6916
|
+
}],
|
|
6917
|
+
carte: [{
|
|
6918
|
+
type: i0.Input,
|
|
6919
|
+
args: [{
|
|
6920
|
+
isSignal: true,
|
|
6921
|
+
alias: "carte",
|
|
6922
|
+
required: false
|
|
6923
|
+
}]
|
|
6883
6924
|
}]
|
|
6884
|
-
}
|
|
6925
|
+
}
|
|
6885
6926
|
});
|
|
6886
6927
|
const ORDRE_DES_CHOIX = [
|
|
6887
6928
|
"clair",
|