@starterlib/ui 0.10.4 → 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.
Files changed (7) hide show
  1. package/assets/icones/catalogue.json +1 -1
  2. package/fesm2022/starterlib-ui-listes.mjs +2 -2
  3. package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
  4. package/fesm2022/starterlib-ui.mjs +5 -5
  5. package/fesm2022/starterlib-ui.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/types/starterlib-ui.d.ts +13 -6
package/fesm2022/starterlib-ui.mjs CHANGED
@@ -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
  }],
@@ -5917,7 +5917,7 @@ var StPageHeader = class StPageHeader {
5917
5917
  const hote = inject(ElementRef).nativeElement;
5918
5918
  afterNextRender(() => {
5919
5919
  const intrus = hote.querySelector(".st-page-title__titre")?.firstElementChild;
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 : 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.`);
5921
5921
  });
5922
5922
  }
5923
5923
  }
@@ -5974,7 +5974,7 @@ var StPageHeader = class StPageHeader {
5974
5974
  },
5975
5975
  host: { classAttribute: "st-page-header" },
5976
5976
  ngImport: i0,
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=\"[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",
5978
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"],
5979
5979
  dependencies: [
5980
5980
  {
@@ -6039,7 +6039,7 @@ i0.ɵɵngDeclareClassMetadata({
6039
6039
  StPageTitle
6040
6040
  ],
6041
6041
  host: { class: "st-page-header" },
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=\"[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",
6043
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"]
6044
6044
  }]
6045
6045
  }],